#5564E2｜カラーサイト.com

#5564E2 の色情報

#5564E2

画像
HEX	#5564E2
RGB	R:85 G:100 B:226
RGBの割合	R:33.3% G:39.2% B:88.6%
HSV	H:233.6 S:62.4 V:88.6
HSL	H:233.6 S:70.9 L:61.0
CMY	C:66.7 M:60.8 Y:11.4

CMYK	C:62.4 M:55.8 Y:0.0 K:11.4
YCbCr	Y:110.4 Cb:185.5 Cr:112.5
XYZ	X:22.0 Y:16.5 Z:74.0
xyY	x:0.196 y:0.147 Y:16.5

CIE Lab	L:47.7 a:32.7 b*:-66.1
CIE LCh	L:47.7 C:73.7 h:296.3
CIE Luv	L:47.7 u:-11.7 v*:-102.8
Hunter Lab	L:40.7 a:25.5 b:-79.4

#5564E2 の色相別色一覧

#E26955

#E28D55

#E2B055

#E2D355

#CEE255

#ABE255

#87E255

#64E255

#55E269

#55E28D

#55E2B0

#55E2D3

#55CEE2

#55ABE2

#5587E2

#5564E2

#6955E2

#8D55E2

#B055E2

#D355E2

#E255CE

#E255AB

#E25587

#E25564

#5564E2 の彩度別色一覧

#DDDDE2

#D1D3E2

#C6C9E2

#BBBFE2

#AFB5E2

#A4ABE2

#99A1E2

#8E96E2

#828CE2

#7782E2

#6C78E2

#606EE2

#5564E2

#4A5AE2

#3E50E2

#3346E2

#283CE2

#1D32E2

#1127E2

#061DE2

#5564E2 の明度別色一覧

#030409

#080A16

#0D0F23

#121530

#171B3C

#1B2049

#202656

#252C63

#2A316F

#2F377C

#333D89

#384296

#3D48A2

#424DAF

#4753BC

#4B59C9

#505ED5

#5564E2

#5A6AEF

#5F6FFC

#5564E2 を使ったトーンオントーン

#201D94

#212959

#3D4EBA

#5564E2

#2F2E6B

#5564E2

#212952

#353F6B

#20198F

#2E40C2

#1A2647

#5564E2

#384280

#284DB0

#5251A1

#5564E2 を使ったトーンイントーン

#69E7AA

#DF3EC6

#5564E2

#F18345

#8FDA3C

#50D0BA

#C95BB2

#5564E2

#FC954D

#73EA4A

#49CE93

#DF52DC

#FC7052

#5564E2

#9FEA4C

#5564E2 を使ったカマイユ

#6467EA

#6476EA

#505ADF

#5564E2

#617AF4

#3E56D8

#6B78F6

#5564E2

#6172D0

#606AEC

#5564E2

#6168DA

#5F73EF

#5053E7

#475ACE

#5564E2 を使ったフォカマイユ

#5564E2

#4C36DD

#4877CB

#553CFF

#3D64BC

#5564E2

#616BD0

#495ED3

#3F58CE

#7D82FC

#5564E2

#6769C3

#5A63C1

#4D7BEC

#7A8CFC

#5564E2 を使ったドミナントカラー

#5564E2

#091ED6

#1B2DCC

#2C2D36

#34374F

#1F223D

#5564E2

#6B6C73

#32333D

#D3D6F0

#414461

#8588A6

#6871BD

#5564E2

#2B315E

#5564E2 を使ったトライアド

#5564E2

#E25564

#64E255

#5564E2 を使ったスプリットコンプリメンタリー

#C2E255

#5564E2

#E2A455

#5564E2 を使ったテトラード

#5564E2

#E255AB

#E2D355

#55E28D

#5564E2 を使ったコントラスト

#5564E2

#E2D355

#5564E2

#C6C9E2

#5564E2

#262D66

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

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

#5564E2

#5564E2 の色情報

#5564E2 の色相別色一覧

#5564E2 の彩度別色一覧

#5564E2 の明度別色一覧

#5564E2 を使ったトーンオントーン

#5564E2 を使ったトーンイントーン

#5564E2 を使ったカマイユ

#5564E2 を使ったフォカマイユ

#5564E2 を使ったドミナントカラー

#5564E2 を使ったトライアド

#5564E2 を使ったスプリットコンプリメンタリー

#5564E2 を使ったテトラード

#5564E2 を使ったコントラスト