#5AB6F2｜カラーサイト.com

#5AB6F2 の色情報

#5AB6F2

画像
HEX	#5AB6F2
RGB	R:90 G:182 B:242
RGBの割合	R:35.3% G:71.4% B:94.9%
HSV	H:203.7 S:62.8 V:94.9
HSL	H:203.7 S:85.4 L:65.1
CMY	C:64.7 M:28.6 Y:5.1

CMYK	C:62.8 M:24.8 Y:0.0 K:5.1
YCbCr	Y:154.6 Cb:168.0 Cr:83.4
XYZ	X:37.0 Y:42.0 Z:90.2
xyY	x:0.219 y:0.248 Y:42.0

CIE Lab	L:70.9 a:-9.6 b*:-38.0
CIE LCh	L:70.9 C:39.2 h:255.9
CIE Luv	L:70.9 u:-37.1 v*:-59.9
Hunter Lab	L:64.8 a:-11.7 b:-37.1

#5AB6F2 の色相別色一覧

#F2705A

#F2965A

#F2BC5A

#F2E25A

#DCF25A

#B6F25A

#90F25A

#6AF25A

#5AF270

#5AF296

#5AF2BC

#5AF2E2

#5ADCF2

#5AB6F2

#5A90F2

#5A6AF2

#705AF2

#965AF2

#BC5AF2

#E25AF2

#F25ADC

#F25AB6

#F25A90

#F25A6A

#5AB6F2 の彩度別色一覧

#EBEFF2

#DFEBF2

#D3E6F2

#C7E1F2

#BBDCF2

#AFD7F2

#A3D3F2

#97CEF2

#8AC9F2

#7EC4F2

#72C0F2

#66BBF2

#5AB6F2

#4EB1F2

#42ACF2

#36A8F2

#2AA3F2

#1E9EF2

#1199F2

#0595F2

#5AB6F2 の明度別色一覧

#05090D

#091319

#0E1D26

#132633

#183040

#1C394C

#214359

#264D66

#2B5673

#2F607F

#34698C

#397399

#3E7CA6

#4286B2

#4790BF

#4C99CC

#51A3D9

#55ACE5

#5AB6F2

#5FC0FF

#5AB6F2 を使ったトーンオントーン

#385370

#4A7FB8

#5AB6F2

#3F8DA8

#223D4A

#3A76A1

#406085

#3F8DBF

#1A3845

#5AB6F2

#27586E

#5AB6F2

#5794C4

#397AAB

#2B3E54

#5AB6F2 を使ったトーンイントーン

#E869A7

#5AB6F2

#D9C441

#AB64FF

#66E058

#5AB6F2

#FF564A

#66D9AA

#BDFC5B

#BD55EA

#F55D93

#45FF5D

#B576FF

#5AB6F2

#FFE64D

#5AB6F2 を使ったカマイユ

#5CC7FF

#41B2E5

#62B7E8

#51C4FC

#5AB6F2

#42A2EA

#409CEA

#4FBBFC

#50B4FF

#71D0FF

#5AB6F2

#4CA1E5

#76D0FF

#5CB6E5

#5AB6F2 を使ったフォカマイユ

#66A4FF

#5AB6F2

#5DC2ED

#6D98D9

#76D7FF

#48DEF7

#4DA1FF

#6AC9E5

#37B0E3

#5AB6F2

#4B91DB

#3170D3

#5AB6F2

#85E5FF

#4DADFF

#5AB6F2 を使ったドミナントカラー

#7C878F

#5AB6F2

#349EE3

#3D4B54

#212C33

#58AAE0

#6C7880

#4D758F

#5AB6F2

#104466

#65A9D6

#5AB6F2

#6DB1DE

#335E7A

#81868A

#5AB6F2 を使ったトライアド

#5AB6F2

#F25AB6

#B6F25A

#5AB6F2 を使ったスプリットコンプリメンタリー

#F2C95A

#5AB6F2

#F2635A

#5AB6F2 を使ったテトラード

#5AB6F2

#E25AF2

#F2965A

#6AF25A

#5AB6F2 を使ったコントラスト

#5AB6F2

#F2965A

#5AB6F2

#D3E6F2

#5AB6F2

#264D66

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

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

#5AB6F2

#5AB6F2 の色情報

#5AB6F2 の色相別色一覧

#5AB6F2 の彩度別色一覧

#5AB6F2 の明度別色一覧

#5AB6F2 を使ったトーンオントーン

#5AB6F2 を使ったトーンイントーン

#5AB6F2 を使ったカマイユ

#5AB6F2 を使ったフォカマイユ

#5AB6F2 を使ったドミナントカラー

#5AB6F2 を使ったトライアド

#5AB6F2 を使ったスプリットコンプリメンタリー

#5AB6F2 を使ったテトラード

#5AB6F2 を使ったコントラスト