#5F99A2｜カラーサイト.com

#5F99A2 の色情報

#5F99A2

画像
HEX	#5F99A2
RGB	R:95 G:153 B:162
RGBの割合	R:37.3% G:60.0% B:63.5%
HSV	H:188.1 S:41.4 V:63.5
HSL	H:188.1 S:26.5 L:50.4
CMY	C:62.7 M:40.0 Y:36.5

CMYK	C:41.4 M:5.6 Y:0.0 K:36.5
YCbCr	Y:133.4 Cb:140.5 Cr:101.9
XYZ	X:22.6 Y:27.8 Z:38.4
xyY	x:0.255 y:0.313 Y:27.8

CIE Lab	L:59.7 a:-16.5 b*:-10.7
CIE LCh	L:59.7 C:19.7 h:212.9
CIE Luv	L:59.7 u:-27.1 v*:-13.3
Hunter Lab	L:52.7 a:-15.7 b:-6.2

#5F99A2 の色相別色一覧

#A2685F

#A2795F

#A28A5F

#A29A5F

#99A25F

#88A25F

#78A25F

#67A25F

#5FA268

#5FA279

#5FA28A

#5FA29A

#5F99A2

#5F88A2

#5F78A2

#5F67A2

#685FA2

#795FA2

#8A5FA2

#9A5FA2

#A25F99

#A25F88

#A25F78

#A25F67

#5F99A2 の彩度別色一覧

#A0A2A2

#98A1A2

#90A0A2

#889EA2

#7F9DA2

#779CA2

#6F9BA2

#679AA2

#5F99A2

#5798A2

#4F97A2

#4796A2

#3F95A2

#3794A2

#2E92A2

#2691A2

#1E90A2

#168FA2

#0E8EA2

#068DA2

#5F99A2 の明度別色一覧

#050809

#0D1516

#142123

#1C2D2F

#23393C

#2B4549

#325156

#3A5D62

#41696F

#49757C

#508189

#588D95

#5F99A2

#66A5AF

#6EB1BC

#75BDC8

#7DC9D5

#84D5E2

#8CE1EF

#93EDFB

#5F99A2 を使ったトーンオントーン

#456A6B

#96B6BF

#B1E8EB

#5F99A2

#3C525C

#5F99A2

#A5E1F7

#A2C3D1

#48575C

#477D80

#254A59

#5F99A2

#70BCD1

#356470

#82D8F2

#5F99A2 を使ったトーンイントーン

#BC9B63

#685E8B

#70B671

#5F99A2

#AA6985

#969A5C

#5F99A2

#7756A7

#428949

#986876

#989561

#9D5472

#619A66

#9071B1

#5F99A2

#5F99A2 を使ったカマイユ

#679EAA

#5F99A2

#6EA1A5

#59ABB6

#497F8E

#5C959A

#4B8E9A

#5F99A2

#74A9B6

#5F8A90

#4B9098

#639EAF

#6FAEB1

#5B838B

#5F99A2

#5F99A2 を使ったフォカマイユ

#85C8C1

#86C1BE

#5791AF

#5F99A2

#7FA4AC

#5F99A2

#4D938D

#4C8E9D

#447881

#608090

#5F99A2

#77A4C1

#5A8D90

#558286

#4B9B9D

#5F99A2 を使ったドミナントカラー

#186D7A

#5F99A2

#3B5154

#427C85

#E4F2F5

#465F63

#6BA7B0

#56686B

#409FAD

#5F99A2

#0891A6

#155059

#76A8B0

#5F99A2

#C9F8FF

#5F99A2 を使ったアイデンティティ

#5F99A2

#087485

#55BECF

#0B606E

#5F99A2

#4DD5EB

#0FC0DB

#5F99A2

#415A5E

#5F99A2 を使ったトライアド

#5F99A2

#A25F99

#99A25F

#5F99A2 を使ったスプリットコンプリメンタリー

#A27E5F

#5F99A2

#A25F6C

#5F99A2 を使ったテトラード

#5F99A2

#8A5FA2

#A2685F

#78A25F

#5F99A2 を使ったコントラスト

#5F99A2

#A2685F

#5F99A2

#0E8EA2

#5F99A2

#96F1FF

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

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

#5F99A2

#5F99A2 の色情報

#5F99A2 の色相別色一覧

#5F99A2 の彩度別色一覧

#5F99A2 の明度別色一覧

#5F99A2 を使ったトーンオントーン

#5F99A2 を使ったトーンイントーン

#5F99A2 を使ったカマイユ

#5F99A2 を使ったフォカマイユ

#5F99A2 を使ったドミナントカラー

#5F99A2 を使ったアイデンティティ

#5F99A2 を使ったトライアド

#5F99A2 を使ったスプリットコンプリメンタリー

#5F99A2 を使ったテトラード

#5F99A2 を使ったコントラスト