#549FC2｜カラーサイト.com

#549FC2 の色情報

#549FC2

画像
HEX	#549FC2
RGB	R:84 G:159 B:194
RGBの割合	R:32.9% G:62.4% B:76.1%
HSV	H:199.1 S:56.7 V:76.1
HSL	H:199.1 S:47.4 L:54.5
CMY	C:67.1 M:37.6 Y:23.9

CMYK	C:56.7 M:18.0 Y:0.0 K:23.9
YCbCr	Y:136.7 Cb:154.5 Cr:92.6
XYZ	X:25.8 Y:30.6 Z:55.6
xyY	x:0.230 y:0.273 Y:30.6

CIE Lab	L:62.1 a:-13.1 b*:-25.1
CIE LCh	L:62.1 C:28.3 h:242.4
CIE Luv	L:62.1 u:-31.9 v*:-36.9
Hunter Lab	L:55.3 a:-13.5 b:-20.9

#549FC2 の色相別色一覧

#C25C54

#C27754

#C29354

#C2AE54

#BBC254

#9FC254

#84C254

#68C254

#54C25C

#54C277

#54C293

#54C2AE

#54BBC2

#549FC2

#5484C2

#5468C2

#5C54C2

#7754C2

#9354C2

#AE54C2

#C254BB

#C2549F

#C25484

#C25468

#549FC2 の彩度別色一覧

#BFC1C2

#B5BEC2

#ABBBC2

#A2B8C2

#98B5C2

#8EB2C2

#85AEC2

#7BABC2

#71A8C2

#67A5C2

#5EA2C2

#549FC2

#4A9CC2

#4199C2

#3796C2

#2D93C2

#2490C2

#1A8CC2

#1089C2

#0686C2

#549FC2 の明度別色一覧

#010203

#070D10

#0C171C

#122229

#172C36

#1D3743

#22414F

#284B5C

#2D5669

#336076

#386B82

#3E758F

#43809C

#498AA9

#4E95B5

#549FC2

#5AA9CF

#5FB4DC

#65BEE8

#6AC9F5

#549FC2 を使ったトーンオントーン

#2A5D78

#263E4D

#549FC2

#5E7B94

#69DBF7

#71BEEB

#55838C

#204B54

#549FC2

#244F69

#2D5057

#89C0F0

#549FC2

#42596E

#3A688C

#549FC2 を使ったトーンイントーン

#BD5D7D

#549FC2

#A268D4

#BFB95E

#51A95F

#8D65CC

#549FC2

#69D647

#A98B38

#D16394

#549FC2

#D6C94A

#C75A7E

#7747CA

#4DBA4F

#549FC2 を使ったカマイユ

#47A7D6

#408EAB

#63B9DC

#5C9BBA

#549FC2

#73B7DC

#4FA1BA

#519AB3

#69AECA

#549FC2

#65A0C5

#408AB5

#428DA9

#5798BD

#549FC2 を使ったフォカマイユ

#62C6D4

#6BB5BA

#339CA3

#406EA3

#549FC2

#6DCDE6

#5799BD

#5CA2C7

#3DA1BD

#3575BA

#549FC2

#5780A6

#6494D4

#56ABB3

#549FC2 を使ったドミナントカラー

#97DCFC

#255E78

#549FC2

#1B6A8F

#F0F8FC

#007BB5

#49819C

#AADBF2

#89B2C4

#549FC2

#62B6DE

#193E4F

#B1E3FA

#495257

#549FC2 を使ったトライアド

#549FC2

#C2549F

#9FC254

#549FC2 を使ったスプリットコンプリメンタリー

#C29C54

#549FC2

#C25456

#549FC2 を使ったテトラード

#549FC2

#AE54C2

#C27754

#68C254

#549FC2 を使ったコントラスト

#549FC2

#C27754

#549FC2

#B5BEC2

#549FC2

#2C5466

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

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

#549FC2

#549FC2 の色情報

#549FC2 の色相別色一覧

#549FC2 の彩度別色一覧

#549FC2 の明度別色一覧

#549FC2 を使ったトーンオントーン

#549FC2 を使ったトーンイントーン

#549FC2 を使ったカマイユ

#549FC2 を使ったフォカマイユ

#549FC2 を使ったドミナントカラー

#549FC2 を使ったトライアド

#549FC2 を使ったスプリットコンプリメンタリー

#549FC2 を使ったテトラード

#549FC2 を使ったコントラスト