#2A99B5｜カラーサイト.com

#2A99B5 の色情報

#2A99B5

画像
HEX	#2A99B5
RGB	R:42 G:153 B:181
RGBの割合	R:16.5% G:60.0% B:71.0%
HSV	H:192.1 S:76.8 V:71.0
HSL	H:192.1 S:62.3 L:43.7
CMY	C:83.5 M:40.0 Y:29.0

CMYK	C:76.8 M:15.5 Y:0.0 K:29.0
YCbCr	Y:121.6 Cb:156.7 Cr:77.3
XYZ	X:20.7 Y:26.6 Z:47.8
xyY	x:0.218 y:0.280 Y:26.6

CIE Lab	L:58.6 a:-20.8 b*:-23.3
CIE LCh	L:58.6 C:31.3 h:228.2
CIE Luv	L:58.6 u:-38.9 v*:-32.8
Hunter Lab	L:51.6 a:-18.7 b:-18.8

#2A99B5 の色相別色一覧

#B5462A

#B5692A

#B58C2A

#B5AE2A

#99B52A

#76B52A

#54B52A

#31B52A

#2AB546

#2AB569

#2AB58C

#2AB5AE

#2A99B5

#2A76B5

#2A54B5

#2A31B5

#462AB5

#692AB5

#8C2AB5

#AE2AB5

#B52A99

#B52A76

#B52A54

#B52A31

#2A99B5 の彩度別色一覧

#B2B4B5

#A9B3B5

#A0B1B5

#97AFB5

#8EADB5

#85ABB5

#7BA9B5

#72A8B5

#69A6B5

#60A4B5

#57A2B5

#4EA0B5

#459EB5

#3C9DB5

#339BB5

#2A99B5

#2197B5

#1895B5

#0F94B5

#0692B5

#2A99B5 の明度別色一覧

#010203

#040D0F

#06181C

#092229

#0C2D36

#0F3842

#12434F

#154E5C

#185869

#1B6375

#1E6E82

#21798F

#24839C

#278EA8

#2A99B5

#2DA4C2

#30AFCF

#33B9DB

#36C4E8

#39CFF5

#2A99B5 を使ったトーンオントーン

#0D91D4

#2E656E

#2A99B5

#244A5C

#4EC9F2

#4EEBFA

#246269

#2E7494

#074957

#2A99B5

#1A8B8F

#274C5C

#2A99B5

#1E686E

#3BB0EB

#2A99B5 を使ったトーンイントーン

#5F31A8

#45B017

#B82E7A

#B8782E

#2A99B5

#9C6921

#5DCF34

#5336A8

#2A99B5

#AD2562

#7221C2

#BD2861

#BAAF31

#249E20

#2A99B5

#2A99B5 を使ったカマイユ

#2A99B5

#2C90B8

#3E9CC2

#3FAEBF

#3290B2

#38B8CF

#3CA7CF

#3584A1

#28A2CF

#2A99B5

#3799AB

#42BCCC

#21A9C2

#2792A1

#2A99B5 を使ったフォカマイユ

#18B0C4

#4DA6D4

#2681BA

#0E7699

#2A99B5

#4DD1D4

#3C80B0

#4498CC

#1DBFCF

#2A99B5

#0F92A3

#2A99B5

#21A4C2

#307BA3

#0E7AA8

#2A99B5 を使ったドミナントカラー

#4EB5CF

#438A9C

#035063

#2A99B5

#B0DDE8

#3B9EB8

#2A99B5

#2D4C54

#323536

#1E4D59

#2AD0FA

#2A99B5

#2C3233

#42B6D4

#6C949E

#2A99B5 を使ったアイデンティティ

#2A99B5

#3C8496

#405E66

#7BCEE3

#3F7D8C

#2A99B5

#72D4ED

#347080

#2A99B5 を使ったトライアド

#2A99B5

#B52A99

#99B52A

#2A99B5 を使ったスプリットコンプリメンタリー

#B5742A

#2A99B5

#B52A3C

#2A99B5 を使ったテトラード

#2A99B5

#8C2AB5

#B5462A

#54B52A

#2A99B5 を使ったコントラスト

#2A99B5

#B5462A

#2A99B5

#85ABB5

#2A99B5

#185666

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

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

#2A99B5

#2A99B5 の色情報

#2A99B5 の色相別色一覧

#2A99B5 の彩度別色一覧

#2A99B5 の明度別色一覧

#2A99B5 を使ったトーンオントーン

#2A99B5 を使ったトーンイントーン

#2A99B5 を使ったカマイユ

#2A99B5 を使ったフォカマイユ

#2A99B5 を使ったドミナントカラー

#2A99B5 を使ったアイデンティティ

#2A99B5 を使ったトライアド

#2A99B5 を使ったスプリットコンプリメンタリー

#2A99B5 を使ったテトラード

#2A99B5 を使ったコントラスト