#5495A2｜カラーサイト.com

#5495A2 の色情報

#5495A2

画像
HEX	#5495A2
RGB	R:84 G:149 B:162
RGBの割合	R:32.9% G:58.4% B:63.5%
HSV	H:190.0 S:48.1 V:63.5
HSL	H:190.0 S:31.7 L:48.2
CMY	C:67.1 M:41.6 Y:36.5

CMYK	C:48.1 M:8.0 Y:0.0 K:36.5
YCbCr	Y:128.6 Cb:143.3 Cr:98.5
XYZ	X:20.9 Y:26.0 Z:38.1
xyY	x:0.246 y:0.306 Y:26.0

CIE Lab	L:58.0 a:-17.2 b*:-13.3
CIE LCh	L:58.0 C:21.7 h:217.8
CIE Luv	L:58.0 u:-29.1 v*:-17.2
Hunter Lab	L:51.0 a:-15.9 b:-8.6

#5495A2 の色相別色一覧

#A26154

#A27554

#A28854

#A29C54

#95A254

#82A254

#6EA254

#5BA254

#54A261

#54A275

#54A288

#54A29C

#5495A2

#5482A2

#546EA2

#545BA2

#6154A2

#7554A2

#8854A2

#9C54A2

#A25495

#A25482

#A2546E

#A2545B

#5495A2 の彩度別色一覧

#9DA1A2

#95A0A2

#8D9EA2

#859DA2

#7D9CA2

#749AA2

#6C99A2

#6498A2

#5C96A2

#5495A2

#4C94A2

#4492A2

#3C91A2

#3490A2

#2C8EA2

#238DA2

#1B8CA2

#138AA2

#0B89A2

#0388A2

#5495A2 の明度別色一覧

#050809

#0B1416

#122023

#192B2F

#1F373C

#264349

#2C4F56

#335A62

#3A666F

#40727C

#477E89

#4D8995

#5495A2

#5BA1AF

#61ACBC

#68B8C8

#6EC4D5

#75D0E2

#7CDBEF

#82E7FB

#5495A2 を使ったトーンオントーン

#5495A2

#6DBFE3

#72B2C2

#4B6978

#33464A

#4D747A

#46A9D4

#223C47

#5495A2

#6CE6E6

#314E54

#A8DAED

#5495A2

#3A636B

#49B8C7

#5495A2 を使ったトーンイントーン

#4E8B3A

#503C89

#5495A2

#938258

#985979

#6A4293

#B9BC6E

#67AA7D

#5495A2

#984050

#9D5480

#5495A2

#8E7856

#7364A7

#6BA55E

#5495A2 を使ったカマイユ

#568A9A

#5C8B98

#538489

#5E8D9D

#5495A2

#639DAF

#5495A2

#3A7F89

#53818B

#669BAA

#52828B

#3D8793

#67B4BC

#5495A2

#5699AC

#5495A2 を使ったフォカマイユ

#5495A2

#5A858B

#7BB0C1

#5B9A96

#5DC0C3

#459D97

#5495A2

#639B9D

#76B0B4

#4B819A

#5495A2

#4F8B88

#407C98

#507583

#6FA3C3

#5495A2 を使ったドミナントカラー

#3A656E

#5495A2

#DCEFF2

#32A4BA

#2995AB

#2F7987

#066173

#175763

#5495A2

#1E2F33

#9BDDEB

#4BB0C4

#0C7085

#1F454D

#5495A2

#5495A2 を使ったアイデンティティ

#1BA4BF

#5495A2

#A9E8F5

#05CDF5

#24525C

#5495A2

#48A9BD

#0AD6FF

#5495A2

#5495A2 を使ったトライアド

#5495A2

#A25495

#95A254

#5495A2 を使ったスプリットコンプリメンタリー

#A27B54

#5495A2

#A25461

#5495A2 を使ったテトラード

#5495A2

#8854A2

#A26154

#6EA254

#5495A2 を使ったコントラスト

#5495A2

#A26154

#5495A2

#0388A2

#5495A2

#84EBFF

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

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

#5495A2

#5495A2 の色情報

#5495A2 の色相別色一覧

#5495A2 の彩度別色一覧

#5495A2 の明度別色一覧

#5495A2 を使ったトーンオントーン

#5495A2 を使ったトーンイントーン

#5495A2 を使ったカマイユ

#5495A2 を使ったフォカマイユ

#5495A2 を使ったドミナントカラー

#5495A2 を使ったアイデンティティ

#5495A2 を使ったトライアド

#5495A2 を使ったスプリットコンプリメンタリー

#5495A2 を使ったテトラード

#5495A2 を使ったコントラスト