#5677D5｜カラーサイト.com

#5677D5 の色情報

#5677D5

画像
HEX	#5677D5
RGB	R:86 G:119 B:213
RGBの割合	R:33.7% G:46.7% B:83.5%
HSV	H:224.4 S:59.6 V:83.5
HSL	H:224.4 S:60.2 L:58.6
CMY	C:66.3 M:53.3 Y:16.5

CMYK	C:59.6 M:44.1 Y:0.0 K:16.5
YCbCr	Y:119.0 Cb:174.2 Cr:106.8
XYZ	X:22.4 Y:20.0 Z:65.6
xyY	x:0.208 y:0.185 Y:20.0

CIE Lab	L:51.8 a:16.8 b*:-52.0
CIE LCh	L:51.8 C:54.7 h:287.9
CIE Luv	L:51.8 u:-16.8 v*:-82.1
Hunter Lab	L:44.7 a:11.4 b:-55.8

#5677D5 の色相別色一覧

#D57556

#D59456

#D5B456

#D5D456

#B7D556

#97D556

#77D556

#57D556

#56D575

#56D594

#56D5B4

#56D5D4

#56B7D5

#5697D5

#5677D5

#5657D5

#7556D5

#9456D5

#B456D5

#D456D5

#D556B7

#D55697

#D55677

#D55657

#5677D5 の彩度別色一覧

#CBCED5

#C1C6D5

#B6BED5

#ABB6D5

#A1AED5

#96A6D5

#8B9ED5

#8197D5

#768FD5

#6B87D5

#617FD5

#5677D5

#4B6FD5

#4167D5

#365FD5

#2B57D5

#2150D5

#1648D5

#0B40D5

#0138D5

#5677D5 の明度別色一覧

#040509

#090C16

#0E1323

#131A2F

#18223C

#1D2949

#233056

#283762

#2D3E6F

#32457C

#374C89

#3C5395

#415BA2

#4762AF

#4C69BC

#5170C8

#5677D5

#5B7EE2

#6085EF

#658CFB

#5677D5 を使ったトーンオントーン

#5677D5

#667AB8

#313A52

#416696

#35467D

#5677D5

#7081F7

#313454

#2B4175

#586194

#142C5C

#3F608F

#212F6B

#4471F0

#5677D5

#5677D5 を使ったトーンイントーン

#D058E4

#B5E249

#E47D73

#5677D5

#53DF9D

#49BE75

#5677D5

#C86F5F

#D056E7

#B1DF48

#5677D5

#D8544C

#9CBE51

#5FDAA5

#EF59ED

#5677D5 を使ったカマイユ

#4D73C3

#6276CB

#4D69DF

#607DE2

#5677D5

#5689EC

#6A87E9

#406ACD

#517AE4

#5C82D0

#4661BC

#5677D5

#487BEC

#596EBC

#5677D5 を使ったフォカマイユ

#6E92CD

#568ACB

#626AC3

#4382E4

#5677D5

#6D86C8

#5791E9

#5677D5

#4F68FB

#5D7ECD

#5561F1

#3A48BE

#5159BE

#5677D5

#3457CD

#5677D5 を使ったドミナントカラー

#3E6FFA

#1E46BA

#141E3B

#5677D5

#5E626E

#6C7DAD

#22325E

#5677D5

#6186ED

#363C4D

#304580

#1242C9

#5677D5

#828DAB

#234CC2

#5677D5 を使ったトライアド

#5677D5

#D55677

#77D556

#5677D5 を使ったスプリットコンプリメンタリー

#CCD556

#5677D5

#D58A56

#5677D5 を使ったテトラード

#5677D5

#D556B7

#D5B456

#56D575

#5677D5 を使ったコントラスト

#5677D5

#D5B456

#5677D5

#C1C6D5

#5677D5

#293966

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

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

#5677D5

#5677D5 の色情報

#5677D5 の色相別色一覧

#5677D5 の彩度別色一覧

#5677D5 の明度別色一覧

#5677D5 を使ったトーンオントーン

#5677D5 を使ったトーンイントーン

#5677D5 を使ったカマイユ

#5677D5 を使ったフォカマイユ

#5677D5 を使ったドミナントカラー

#5677D5 を使ったトライアド

#5677D5 を使ったスプリットコンプリメンタリー

#5677D5 を使ったテトラード

#5677D5 を使ったコントラスト