#366AE6｜カラーサイト.com

#366AE6 の色情報

#366AE6

画像
HEX	#366AE6
RGB	R:54 G:106 B:230
RGBの割合	R:21.2% G:41.6% B:90.2%
HSV	H:222.3 S:76.5 V:90.2
HSL	H:222.3 S:77.9 L:55.7
CMY	C:78.8 M:58.4 Y:9.8

CMYK	C:76.5 M:53.9 Y:0.0 K:9.8
YCbCr	Y:105.8 Cb:190.1 Cr:96.4
XYZ	X:21.0 Y:16.8 Z:77.0
xyY	x:0.183 y:0.146 Y:16.8

CIE Lab	L:48.0 a:26.1 b*:-67.8
CIE LCh	L:48.0 C:72.7 h:291.1
CIE Luv	L:48.0 u:-19.7 v*:-105.0
Hunter Lab	L:41.0 a:19.5 b:-82.7

#366AE6 の色相別色一覧

#E65A36

#E68636

#E6B236

#E6DE36

#C2E636

#96E636

#6AE636

#3EE636

#36E65A

#36E686

#36E6B2

#36E6DE

#36C2E6

#3696E6

#366AE6

#363EE6

#5A36E6

#8636E6

#B236E6

#DE36E6

#E636C2

#E63696

#E6366A

#E6363E

#366AE6 の彩度別色一覧

#E3E4E6

#D7DBE6

#CCD3E6

#C0CBE6

#B5C3E6

#A9BBE6

#9EB3E6

#92ABE6

#87A3E6

#7B9BE6

#7093E6

#648AE6

#5982E6

#4D7AE6

#4272E6

#366AE6

#2B62E6

#1F5AE6

#1452E6

#084AE6

#366AE6 の明度別色一覧

#000001

#03060D

#060C1A

#091227

#0C1834

#0F1E40

#12234D

#15295A

#182F67

#1B3573

#1E3B80

#21418D

#24479A

#274DA6

#2A52B3

#2D58C0

#305ECD

#3364D9

#366AE6

#3970F3

#366AE6 を使ったトーンオントーン

#366AE6

#142796

#314273

#0C265C

#2F50BF

#081C52

#205CBF

#0A256B

#4362A1

#366AE6

#4E5CBD

#052194

#366AE6

#132A57

#162769

#366AE6 を使ったトーンイントーン

#EB5F4F

#47D477

#B647D4

#B8E940

#366AE6

#DC351E

#B02FCF

#47F089

#BEEB3A

#D741CC

#CF321C

#366AE6

#C4E139

#40D988

#366AE6 を使ったカマイユ

#4578E1

#5078F5

#305BF8

#366AE6

#3D78F0

#306AD7

#2672F8

#5592FD

#3B74E9

#366AE6

#305DE9

#2B71F5

#508CFD

#366AE6

#456DDC

#366AE6 を使ったフォカマイユ

#5980EE

#4778C2

#366AE6

#1841FD

#1896FF

#2D76F5

#366AE6

#1965F3

#2267FF

#1824D4

#234CF3

#277BD2

#366AE6

#415DFF

#1E53C0

#366AE6 を使ったドミナントカラー

#001442

#3F5FAB

#0E2A6E

#2B303B

#366AE6

#354F8F

#385CB0

#182C5C

#1D3161

#366AE6

#5479D1

#366AE6

#ABB7D1

#384E82

#CFD6E8

#366AE6 を使ったトライアド

#366AE6

#E6366A

#6AE636

#366AE6 を使ったスプリットコンプリメンタリー

#DFE636

#366AE6

#E67736

#366AE6 を使ったテトラード

#366AE6

#E636C2

#E6B236

#36E65A

#366AE6 を使ったコントラスト

#366AE6

#E6B236

#366AE6

#A9BBE6

#366AE6

#182F66

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

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

#366AE6

#366AE6 の色情報

#366AE6 の色相別色一覧

#366AE6 の彩度別色一覧

#366AE6 の明度別色一覧

#366AE6 を使ったトーンオントーン

#366AE6 を使ったトーンイントーン

#366AE6 を使ったカマイユ

#366AE6 を使ったフォカマイユ

#366AE6 を使ったドミナントカラー

#366AE6 を使ったトライアド

#366AE6 を使ったスプリットコンプリメンタリー

#366AE6 を使ったテトラード

#366AE6 を使ったコントラスト