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

#5A96A2 の色情報

#5A96A2

画像
HEX	#5A96A2
RGB	R:90 G:150 B:162
RGBの割合	R:35.3% G:58.8% B:63.5%
HSV	H:190.0 S:44.4 V:63.5
HSL	H:190.0 S:28.6 L:49.4
CMY	C:64.7 M:41.2 Y:36.5

CMYK	C:44.4 M:7.4 Y:0.0 K:36.5
YCbCr	Y:130.6 Cb:142.1 Cr:100.8
XYZ	X:21.6 Y:26.6 Z:38.2
xyY	x:0.250 y:0.308 Y:26.6

CIE Lab	L:58.6 a:-16.2 b*:-12.4
CIE LCh	L:58.6 C:20.4 h:217.5
CIE Luv	L:58.6 u:-27.5 v*:-16.0
Hunter Lab	L:51.6 a:-15.3 b:-7.8

#5A96A2 の色相別色一覧

#A2665A

#A2785A

#A28A5A

#A29C5A

#96A25A

#84A25A

#72A25A

#60A25A

#5AA266

#5AA278

#5AA28A

#5AA29C

#5A96A2

#5A84A2

#5A72A2

#5A60A2

#665AA2

#785AA2

#8A5AA2

#9C5AA2

#A25A96

#A25A84

#A25A72

#A25A60

#5A96A2 の彩度別色一覧

#9BA1A2

#939FA2

#8B9EA2

#839DA2

#7A9BA2

#729AA2

#6A99A2

#6297A2

#5A96A2

#5295A2

#4A93A2

#4292A2

#3A91A2

#328FA2

#298EA2

#218DA2

#198BA2

#118AA2

#0989A2

#0187A2

#5A96A2 の明度別色一覧

#050809

#0C1416

#132023

#1A2C2F

#21383C

#284349

#304F56

#375B62

#3E676F

#45737C

#4C7E89

#538A95

#5A96A2

#61A2AF

#68AEBC

#6FB9C8

#76C5D5

#7DD1E2

#85DDEF

#8CE9FB

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

#214654

#92D5F5

#79AAC2

#30697A

#5A96A2

#84B6C7

#71F7F7

#294A57

#5A96A2

#34666E

#5A96A2

#7CEAF0

#5BBCC7

#256669

#3D4D54

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

#B15B77

#93924F

#599D6E

#5A96A2

#6E5E90

#AF9C65

#428E43

#5C468E

#B9799B

#5A96A2

#539F49

#A56C86

#5A96A2

#8571B1

#8E7A4D

#5A96A2 を使ったカマイユ

#68A1AF

#5A96A2

#4F9BA7

#4C8D9D

#648C98

#5B9DAC

#578A93

#547F8B

#5A96A2

#589EA5

#76A4B4

#5A96A2

#618D9A

#528A9D

#65A3AC

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

#69A8C3

#84AFBE

#689FC6

#4A6A81

#5A96A2

#3F7F9A

#57B2B6

#739BAF

#5A96A2

#3B8986

#7FB2B6

#66A6C6

#74A1B1

#5A96A2

#76B9B9

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

#1CD9FF

#19B5D4

#576163

#5A96A2

#62C5D9

#D8E7EB

#1D363B

#3B818F

#28C2E0

#5A96A2

#868D8F

#7EDBED

#376770

#8FCFDB

#5A96A2

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

#5A96A2

#184E59

#2BCDED

#1A5763

#5A96A2

#0EC6EB

#2E7482

#17C5E8

#5A96A2

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

#5A96A2

#A25A96

#96A25A

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

#A27E5A

#5A96A2

#A25A66

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

#5A96A2

#8A5AA2

#A2665A

#72A25A

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

#5A96A2

#A2665A

#5A96A2

#0989A2

#5A96A2

#8EECFF

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

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

#5A96A2

#5A96A2 の色情報

#5A96A2 の色相別色一覧

#5A96A2 の彩度別色一覧

#5A96A2 の明度別色一覧

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

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

#5A96A2 を使ったカマイユ

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

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

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

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

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

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

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