#6AA5E9｜カラーサイト.com

#6AA5E9 の色情報

#6AA5E9

画像
HEX	#6AA5E9
RGB	R:106 G:165 B:233
RGBの割合	R:41.6% G:64.7% B:91.4%
HSV	H:212.1 S:54.5 V:91.4
HSL	H:212.1 S:74.3 L:66.5
CMY	C:58.4 M:35.3 Y:8.6

CMYK	C:54.5 M:29.2 Y:0.0 K:8.6
YCbCr	Y:149.2 Cb:166.6 Cr:97.3
XYZ	X:34.1 Y:35.9 Z:82.2
xyY	x:0.224 y:0.236 Y:35.9

CIE Lab	L:66.4 a:0.1 b*:-40.0
CIE LCh	L:66.4 C:40.0 h:270.1
CIE Luv	L:66.4 u:-27.0 v*:-64.0
Hunter Lab	L:59.9 a:-3.1 b:-39.5

#6AA5E9 の色相別色一覧

#E96F6A

#E98E6A

#E9AE6A

#E9CE6A

#E5E96A

#C5E96A

#A5E96A

#85E96A

#6AE96F

#6AE98E

#6AE9AE

#6AE9CE

#6AE5E9

#6AC5E9

#6AA5E9

#6A85E9

#6F6AE9

#8E6AE9

#AE6AE9

#CE6AE9

#E96AE5

#E96AC5

#E96AA5

#E96A85

#6AA5E9 の彩度別色一覧

#DFE3E9

#D3DDE9

#C7D7E9

#BCD1E9

#B0CAE9

#A4C4E9

#99BEE9

#8DB8E9

#81B1E9

#76ABE9

#6AA5E9

#5E9FE9

#5399E9

#4792E9

#3B8CE9

#3086E9

#2480E9

#1879E9

#0D73E9

#016DE9

#6AA5E9 の明度別色一覧

#020204

#070C10

#0D151D

#131E2A

#192737

#1F3043

#243950

#2A425D

#304B6A

#365476

#3C5D83

#416690

#476F9D

#4D78A9

#5381B6

#598AC3

#5E93D0

#649CDC

#6AA5E9

#70AEF6

#6AA5E9 を使ったトーンオントーン

#172C5C

#253E69

#6AA5E9

#5D88BD

#6481A1

#3A5C75

#3D84C7

#314459

#3B7396

#6AA5E9

#344357

#53778C

#6AA5E9

#3C4D69

#4A90C9

#6AA5E9 を使ったトーンイントーン

#76F378

#C377F6

#F1DF55

#6AA5E9

#F36594

#F67A77

#6AA5E9

#CB58F8

#D4E66B

#84FB9C

#F85D5D

#70EC99

#6AA5E9

#EF77FF

#F3FD64

#6AA5E9 を使ったカマイユ

#569BD5

#6FAFFF

#72B5EC

#6AA5E9

#5C9AD0

#6AA5E9

#78BBFD

#6998D5

#7CB2E4

#64A3F1

#7CC4FF

#759FD7

#5895F8

#609AE6

#6AA5E9

#6AA5E9 を使ったフォカマイユ

#75B3D7

#77CBF6

#78C9F8

#6AA5E9

#5585FF

#93D7FF

#6AA5E9

#5576E4

#8AC6E4

#4E7DFF

#7EBCD7

#5099FF

#698BD5

#5382F8

#6AA5E9

#6AA5E9 を使ったドミナントカラー

#729CCC

#466385

#6AA5E9

#146ACC

#569EF0

#77B2F7

#292E33

#6AA5E9

#0E3057

#265285

#5F738A

#4A6585

#7F9ABA

#6AA5E9

#6F8EB3

#6AA5E9 を使ったアイデンティティ

#6AA5E9

#2A6CB8

#19385C

#1A69C4

#20446E

#6AA5E9

#7D99BA

#6AA5E9

#0A2F59

#6AA5E9 を使ったトライアド

#6AA5E9

#E96AA5

#A5E96A

#6AA5E9 を使ったスプリットコンプリメンタリー

#E9D86A

#6AA5E9

#E9846A

#6AA5E9 を使ったテトラード

#6AA5E9

#E96AE5

#E9AE6A

#6AE96F

#6AA5E9 を使ったコントラスト

#6AA5E9

#E9AE6A

#6AA5E9

#DFE3E9

#6AA5E9

#2E4866

#6AA5E9の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#6AA5E9の色相や彩度を変えたときの配色なども一覧で表示します。

#6AA5E9

#6AA5E9 の色情報

#6AA5E9 の色相別色一覧

#6AA5E9 の彩度別色一覧

#6AA5E9 の明度別色一覧

#6AA5E9 を使ったトーンオントーン

#6AA5E9 を使ったトーンイントーン

#6AA5E9 を使ったカマイユ

#6AA5E9 を使ったフォカマイユ

#6AA5E9 を使ったドミナントカラー

#6AA5E9 を使ったアイデンティティ

#6AA5E9 を使ったトライアド

#6AA5E9 を使ったスプリットコンプリメンタリー

#6AA5E9 を使ったテトラード

#6AA5E9 を使ったコントラスト