#30A2B2｜カラーサイト.com

#30A2B2 の色情報

#30A2B2

画像
HEX	#30A2B2
RGB	R:48 G:162 B:178
RGBの割合	R:18.8% G:63.5% B:69.8%
HSV	H:187.4 S:73.0 V:69.8
HSL	H:187.4 S:57.5 L:44.3
CMY	C:81.2 M:36.5 Y:30.2

CMYK	C:73.0 M:9.0 Y:0.0 K:30.2
YCbCr	Y:127.4 Cb:151.9 Cr:76.8
XYZ	X:22.2 Y:29.7 Z:46.7
xyY	x:0.225 y:0.301 Y:29.7

CIE Lab	L:61.4 a:-25.7 b*:-17.4
CIE LCh	L:61.4 C:31.1 h:214.1
CIE Luv	L:61.4 u:-41.4 v*:-22.8
Hunter Lab	L:54.5 a:-22.7 b:-12.7

#30A2B2 の色相別色一覧

#B24030

#B26130

#B28130

#B2A230

#A2B230

#82B230

#61B230

#41B230

#30B240

#30B261

#30B281

#30B2A2

#30A2B2

#3082B2

#3061B2

#3041B2

#4030B2

#6030B2

#8130B2

#A230B2

#B230A2

#B23082

#B23061

#B23041

#30A2B2 の彩度別色一覧

#ADB1B2

#A4B0B2

#9BAFB2

#92AEB2

#89ADB2

#80ACB2

#77ABB2

#6EAAB2

#65A9B2

#5DA7B2

#54A6B2

#4BA5B2

#42A4B2

#39A3B2

#30A2B2

#27A1B2

#1EA0B2

#159FB2

#0C9EB2

#049DB2

#30A2B2 の明度別色一覧

#030B0C

#071719

#0A2226

#0E2E33

#113A3F

#14454C

#185159

#1B5C66

#1F6872

#22747F

#267F8C

#298B99

#2D96A5

#30A2B2

#33AEBF

#37B9CC

#3AC5D8

#3ED0E5

#41DCF2

#45E8FF

#30A2B2 を使ったトーンオントーン

#30D2E6

#179FD6

#30A2B2

#06444F

#0A576B

#1C6D7A

#2DABCF

#30A2B2

#61F2EC

#084543

#30A2B2

#5ACEF2

#267691

#074052

#225E6E

#30A2B2 を使ったトーンイントーン

#6D3FBA

#30A2B2

#9E802C

#A51E65

#3AC12C

#AF9E33

#30A2B2

#C6304D

#5A20A0

#28C92C

#6445C6

#998832

#30A2B2

#AF366C

#2FBC47

#30A2B2 を使ったカマイユ

#259499

#329499

#30A2B2

#2BA6BC

#3E9CAD

#2A8CA3

#2F93A8

#38AEC1

#30A2B2

#3EAFC9

#20AAAF

#34C3C9

#28939B

#30A2B2

#3498A8

#30A2B2 を使ったフォカマイユ

#36B1D8

#1BA09A

#40A7AD

#30A2B2

#318C89

#30A2B2

#13819E

#489EBF

#19A0A5

#1E8599

#30A2B2

#3DCCBE

#1FC1BD

#1ACCC7

#46A6C1

#30A2B2 を使ったドミナントカラー

#30A2B2

#586D70

#67B7C2

#1A373B

#0BC4DE

#0E8899

#063D45

#30A2B2

#91DBE6

#79DAE8

#30A2B2

#9FEAF5

#5BA1AB

#ABD1D6

#185861

#30A2B2 を使ったアイデンティティ

#148291

#30A2B2

#66C4D1

#3B6369

#30A2B2

#26D7F0

#30A2B2

#84D1DB

#047585

#30A2B2 を使ったトライアド

#30A2B2

#B230A2

#A2B230

#30A2B2 を使ったスプリットコンプリメンタリー

#B26B30

#30A2B2

#B2304B

#30A2B2 を使ったテトラード

#30A2B2

#8130B2

#B24030

#61B230

#30A2B2 を使ったコントラスト

#30A2B2

#B24030

#30A2B2

#89ADB2

#30A2B2

#45E8FF

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

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

#30A2B2

#30A2B2 の色情報

#30A2B2 の色相別色一覧

#30A2B2 の彩度別色一覧

#30A2B2 の明度別色一覧

#30A2B2 を使ったトーンオントーン

#30A2B2 を使ったトーンイントーン

#30A2B2 を使ったカマイユ

#30A2B2 を使ったフォカマイユ

#30A2B2 を使ったドミナントカラー

#30A2B2 を使ったアイデンティティ

#30A2B2 を使ったトライアド

#30A2B2 を使ったスプリットコンプリメンタリー

#30A2B2 を使ったテトラード

#30A2B2 を使ったコントラスト