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

#549CC9 の色情報

#549CC9

画像
HEX	#549CC9
RGB	R:84 G:156 B:201
RGBの割合	R:32.9% G:61.2% B:78.8%
HSV	H:203.1 S:58.2 V:78.8
HSL	H:203.1 S:52.0 L:55.9
CMY	C:67.1 M:38.8 Y:21.2

CMYK	C:58.2 M:22.4 Y:0.0 K:21.2
YCbCr	Y:135.9 Cb:158.4 Cr:93.2
XYZ	X:26.1 Y:29.9 Z:59.7
xyY	x:0.226 y:0.258 Y:29.9

CIE Lab	L:61.5 a:-9.3 b*:-30.0
CIE LCh	L:61.5 C:31.4 h:252.7
CIE Luv	L:61.5 u:-30.6 v*:-45.3
Hunter Lab	L:54.7 a:-10.5 b:-26.4

#549CC9 の色相別色一覧

#C96454

#C98154

#C99E54

#C9BC54

#B9C954

#9CC954

#7FC954

#62C954

#54C964

#54C981

#54C99E

#54C9BC

#54B9C9

#549CC9

#547FC9

#5462C9

#6454C9

#8154C9

#9E54C9

#BC54C9

#C954B9

#C9549C

#C9547F

#C95462

#549CC9 の彩度別色一覧

#C3C7C9

#B9C3C9

#AEBFC9

#A4BBC9

#9AB7C9

#90B3C9

#86AFC9

#7CABC9

#72A8C9

#68A4C9

#5EA0C9

#549CC9

#4A98C9

#4094C9

#3690C9

#2C8DC9

#2289C9

#1885C9

#0E81C9

#047DC9

#549CC9 の明度別色一覧

#04080A

#091117

#0F1B23

#142530

#192F3D

#1F394A

#244356

#294D63

#2F5770

#34617D

#396B89

#3F7496

#447EA3

#4988B0

#4F92BC

#549CC9

#59A6D6

#5FB0E3

#64BAEF

#69C4FC

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

#36C4F7

#508091

#1A4E73

#549CC9

#122E52

#174D5C

#549CC9

#25548F

#44A4ED

#3C5D75

#549CC9

#243B54

#425E78

#81C0FA

#4E8594

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

#549CC9

#C2C45C

#D65575

#6AD873

#9A54D3

#BC4359

#BC62E0

#CEC55A

#57C456

#549CC9

#8B55C1

#75E394

#549CC9

#B7586C

#B1BC4B

#549CC9 を使ったカマイユ

#4AAFDB

#3D81B5

#427DB2

#62B4DB

#549CC9

#4D99CC

#3F91B5

#549CC9

#428BBF

#5CA8E3

#418AC1

#4E90BF

#67AACC

#3B8CB5

#549CC9

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

#61A2D8

#4A89C4

#3A74D8

#4C91BF

#549CC9

#6EB8DD

#3F87CE

#4BC3E5

#6A9CD6

#549CC9

#537EBA

#549FB0

#5D88AA

#5EA9CE

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

#4D6E82

#2D5670

#549CC9

#386C8C

#6D9EBD

#A1BDCF

#549CC9

#7DABC7

#54BDFF

#6F7375

#657078

#4B8EB8

#549CC9

#2D556E

#112938

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

#549CC9

#C9549C

#9CC954

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

#C9A854

#549CC9

#C95A54

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

#549CC9

#BC54C9

#C98154

#62C954

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

#549CC9

#C98154

#549CC9

#B9C3C9

#549CC9

#2B4F66

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

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

#549CC9

#549CC9 の色情報

#549CC9 の色相別色一覧

#549CC9 の彩度別色一覧

#549CC9 の明度別色一覧

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

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

#549CC9 を使ったカマイユ

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

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

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

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

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

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