#3A6AF2｜カラーサイト.com

#3A6AF2 の色情報

#3A6AF2

画像
HEX	#3A6AF2
RGB	R:58 G:106 B:242
RGBの割合	R:22.7% G:41.6% B:94.9%
HSV	H:224.3 S:76.0 V:94.9
HSL	H:224.3 S:87.6 L:58.8
CMY	C:77.3 M:58.4 Y:5.1

CMYK	C:76.0 M:56.2 Y:0.0 K:5.1
YCbCr	Y:108.0 Cb:194.8 Cr:97.3
XYZ	X:22.9 Y:17.6 Z:86.2
xyY	x:0.181 y:0.139 Y:17.6

CIE Lab	L:49.0 a:30.9 b*:-72.9
CIE LCh	L:49.0 C:79.2 h:293.0
CIE Luv	L:49.0 u:-19.1 v*:-113.3
Hunter Lab	L:42.0 a:24.0 b:-92.4

#3A6AF2 の色相別色一覧

#F2663A

#F2943A

#F2C23A

#F2F03A

#C6F23A

#98F23A

#6AF23A

#3CF23A

#3AF266

#3AF294

#3AF2C2

#3AF2F0

#3AC6F2

#3A98F2

#3A6AF2

#3A3CF2

#663AF2

#943AF2

#C23AF2

#F03AF2

#F23AC6

#F23A98

#F23A6A

#F23A3C

#3A6AF2 の彩度別色一覧

#F0F0F2

#E3E7F2

#D7DEF2

#CBD5F2

#BFCCF2

#B3C3F2

#A7BAF2

#9BB2F2

#8FA9F2

#83A0F2

#7797F2

#6A8EF2

#5E85F2

#527CF2

#4673F2

#3A6AF2

#2E61F2

#2258F2

#164FF2

#0A46F2

#3A6AF2 の明度別色一覧

#03050D

#060B19

#091126

#0C1633

#0F1C40

#12214C

#152759

#182D66

#1B3273

#1E387F

#223D8C

#254399

#2848A6

#2B4EB2

#2E54BF

#3159CC

#345FD9

#3764E5

#3A6AF2

#3D70FF

#3A6AF2 を使ったトーンオントーン

#3A6AF2

#13366E

#2632AB

#3C67CF

#15294D

#10204A

#535EC9

#0E2173

#3A6AF2

#1221A1

#3A6AF2

#2C6BC7

#1C3259

#094396

#101E7D

#3A6AF2 を使ったトーンイントーン

#3A6AF2

#9BF531

#FF5F4F

#C730EF

#4CFFBC

#A3E326

#3A6AF2

#27DB82

#C742EA

#F55347

#3A6AF2

#3FE0DE

#D93AD0

#80ED42

#E37042

#3A6AF2 を使ったカマイユ

#3A76E8

#3A6AF2

#355EE8

#366BEA

#3D60D9

#2851DE

#4F7AFF

#2863FC

#2763E8

#3A6AF2

#4F74E8

#4063F5

#4572DE

#3A6AF2

#3B6BFF

#3A6AF2 を使ったフォカマイユ

#57AAFA

#2E53FF

#2473FF

#3A6AF2

#245AD3

#4A87D3

#1E5BD9

#1A43DB

#3A6AF2

#222AE0

#4083D6

#204AD9

#3A6AF2

#2C4AE8

#3894FF

#3A6AF2 を使ったドミナントカラー

#2E3447

#6277B3

#1E326E

#3A6AF2

#243873

#14338C

#233A7D

#454B5C

#021B63

#3A6AF2

#09163B

#3A6AF2

#292E3B

#4463BD

#3158C4

#3A6AF2 を使ったアイデンティティ

#464F69

#1139AB

#3A6AF2

#0B1F59

#3A6AF2

#6982C7

#324887

#8D9DC9

#3A6AF2

#3A6AF2 を使ったトライアド

#3A6AF2

#F23A6A

#6AF23A

#3A6AF2 を使ったスプリットコンプリメンタリー

#E5F23A

#3A6AF2

#F2853A

#3A6AF2 を使ったテトラード

#3A6AF2

#F23AC6

#F2C23A

#3AF266

#3A6AF2 を使ったコントラスト

#3A6AF2

#F2C23A

#3A6AF2

#B3C3F2

#3A6AF2

#182D66

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

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

#3A6AF2

#3A6AF2 の色情報

#3A6AF2 の色相別色一覧

#3A6AF2 の彩度別色一覧

#3A6AF2 の明度別色一覧

#3A6AF2 を使ったトーンオントーン

#3A6AF2 を使ったトーンイントーン

#3A6AF2 を使ったカマイユ

#3A6AF2 を使ったフォカマイユ

#3A6AF2 を使ったドミナントカラー

#3A6AF2 を使ったアイデンティティ

#3A6AF2 を使ったトライアド

#3A6AF2 を使ったスプリットコンプリメンタリー

#3A6AF2 を使ったテトラード

#3A6AF2 を使ったコントラスト