#545A6B｜カラーサイト.com

#545A6B の色情報

#545A6B

画像
HEX	#545A6B
RGB	R:84 G:90 B:107
RGBの割合	R:32.9% G:35.3% B:42.0%
HSV	H:224.3 S:21.5 V:42.0
HSL	H:224.3 S:12.0 L:37.5
CMY	C:67.1 M:64.7 Y:58.0

CMYK	C:21.5 M:15.9 Y:0.0 K:58.0
YCbCr	Y:93.4 Cb:136.4 Cr:124.2
XYZ	X:10.0 Y:10.3 Z:15.4
xyY	x:0.280 y:0.288 Y:10.3

CIE Lab	L:38.3 a:1.7 b*:-10.5
CIE LCh	L:38.3 C:10.6 h:279.2
CIE Luv	L:38.3 u:-4.0 v*:-14.2
Hunter Lab	L:32.0 a:-0.5 b:-6.0

#545A6B の色相別色一覧

#6B5A54

#6B5F54

#6B6554

#6B6B54

#666B54

#606B54

#5A6B54

#546B54

#546B5A

#546B5F

#546B65

#546B6B

#54666B

#54606B

#545A6B

#54546B

#5A546B

#5F546B

#65546B

#6B546B

#6B5466

#6B5460

#6B545A

#6B5454

#545A6B の彩度別色一覧

#696A6B

#64666B

#5F626B

#595E6B

#545A6B

#4F566B

#49526B

#444E6B

#3F4A6B

#39466B

#34426B

#2F3E6B

#293A6B

#24366B

#1F326B

#192F6B

#142B6B

#0E276B

#09236B

#041F6B

#545A6B の明度別色一覧

#040405

#0E0F12

#181A1F

#22242B

#2C2F38

#363A45

#404552

#4A4F5E

#545A6B

#5E6578

#686F85

#727A91

#7C859E

#8690AB

#909AB8

#9AA5C4

#A4B0D1

#AEBBDE

#B8C5EB

#C2D0F7

#545A6B を使ったトーンオントーン

#545A6B

#9FA0A3

#7A83C7

#686E85

#BFC7EB

#DBE0FA

#B1B6C2

#545A6B

#3C404F

#94969E

#545A6B

#97A0D6

#9DB5E8

#9399B0

#393E45

#545A6B を使ったトーンイントーン

#5E5E4E

#756062

#4F6351

#79607D

#545A6B

#785676

#727D6B

#545A6B

#6D7F7B

#756154

#58664B

#3B524E

#6E616C

#545A6B

#594B44

#545A6B を使ったカマイユ

#727682

#606985

#3E4554

#474A52

#545A6B

#464D5E

#6A707D

#666D7D

#6A6F7A

#5B5F68

#545A6B

#676D7F

#5B5F6E

#59637F

#545A6B を使ったフォカマイユ

#4E505E

#424757

#6D737A

#545A6B

#5A5C70

#464852

#545A6B

#495166

#3C3E4A

#3D4A61

#5A657A

#6C737A

#6F788A

#383B4F

#545A6B

#545A6B を使ったドミナントカラー

#3E3F42

#576899

#40485E

#5A6B9C

#545A6B

#DCE3F7

#13234F

#1D40A3

#545A6B

#878B99

#535866

#0943E8

#15234A

#536DB8

#545A6B

#545A6B を使ったアイデンティティ

#58658A

#545A6B

#3A69F0

#637CC2

#395BBD

#545A6B

#264394

#9EB1E8

#545A6B を使ったトライアド

#545A6B

#6B545A

#5A6B54

#545A6B を使ったスプリットコンプリメンタリー

#696B54

#545A6B

#6B5D54

#545A6B を使ったテトラード

#545A6B

#6B5466

#6B6554

#546B5A

#545A6B を使ったコントラスト

#545A6B

#6B6554

#545A6B

#1F326B

#545A6B

#C8D6FF

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

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

#545A6B

#545A6B の色情報

#545A6B の色相別色一覧

#545A6B の彩度別色一覧

#545A6B の明度別色一覧

#545A6B を使ったトーンオントーン

#545A6B を使ったトーンイントーン

#545A6B を使ったカマイユ

#545A6B を使ったフォカマイユ

#545A6B を使ったドミナントカラー

#545A6B を使ったアイデンティティ

#545A6B を使ったトライアド

#545A6B を使ったスプリットコンプリメンタリー

#545A6B を使ったテトラード

#545A6B を使ったコントラスト