#309EA2｜カラーサイト.com

#309EA2 の色情報

#309EA2

画像
HEX	#309EA2
RGB	R:48 G:158 B:162
RGBの割合	R:18.8% G:62.0% B:63.5%
HSV	H:182.1 S:70.4 V:63.5
HSL	H:182.1 S:54.3 L:41.2
CMY	C:81.2 M:38.0 Y:36.5

CMYK	C:70.4 M:2.5 Y:0.0 K:36.5
YCbCr	Y:123.8 Cb:146.0 Cr:79.4
XYZ	X:20.0 Y:27.7 Z:38.5
xyY	x:0.232 y:0.321 Y:27.7

CIE Lab	L:59.6 a:-28.7 b*:-11.0
CIE LCh	L:59.6 C:30.7 h:201.1
CIE Luv	L:59.6 u:-41.0 v*:-12.3
Hunter Lab	L:52.6 a:-24.4 b:-6.5

#309EA2 の色相別色一覧

#A23430

#A25130

#A26D30

#A28A30

#9EA230

#82A230

#65A230

#49A230

#30A234

#30A251

#30A26D

#30A28A

#309EA2

#3082A2

#3065A2

#3049A2

#3430A2

#5130A2

#6D30A2

#8A30A2

#A2309E

#A23082

#A23065

#A23049

#309EA2 の彩度別色一覧

#A1A2A2

#99A2A2

#91A1A2

#89A1A2

#81A1A2

#79A1A2

#71A0A2

#69A0A2

#61A0A2

#599FA2

#509FA2

#489FA2

#409FA2

#389EA2

#309EA2

#289EA2

#209DA2

#189DA2

#109DA2

#089DA2

#309EA2 の明度別色一覧

#030909

#061516

#0A2223

#0E2E2F

#123B3C

#164749

#195356

#1D6062

#216C6F

#25797C

#288589

#2C9295

#309EA2

#34AAAF

#38B7BC

#3BC3C8

#3FD0D5

#43DCE2

#47E9EF

#4AF5FB

#309EA2 を使ったトーンオントーン

#3FD3D6

#309EA2

#35F5DC

#316968

#264E57

#0C6B60

#309EA2

#134B4F

#54BBC4

#22FAE5

#41E3F5

#3CB6CC

#33756D

#309EA2

#10424F

#309EA2 を使ったトーンイントーン

#5845B6

#AC6F3A

#309EA2

#BC3086

#5BB12D

#309EA2

#A5992A

#41A545

#452A89

#AA2A56

#532EA7

#349822

#B9912A

#309EA2

#932A54

#309EA2 を使ったカマイユ

#309EA2

#369EAA

#2E828E

#3FB4B6

#358E8B

#2FAFAB

#309EA2

#24888E

#3DB6B3

#2798A5

#309EA2

#3BA5A3

#2EA7A1

#2B848E

#1F9098

#309EA2 を使ったフォカマイユ

#1F7D90

#248EAF

#309EA2

#45C8B9

#1FAFA8

#3F9885

#3E9DAA

#439D8A

#309EA2

#3D89A7

#42B4AB

#1E8176

#309EA2

#4EA4C1

#2BAA95

#309EA2 を使ったドミナントカラー

#349194

#5C6161

#9EDCDE

#309EA2

#1A797D

#063436

#334747

#6D8485

#255A5C

#309EA2

#2F878A

#309EA2

#04C0C7

#04B1B8

#3CACB0

#309EA2 を使ったアイデンティティ

#508587

#309EA2

#12C5CC

#00DDE6

#68C1C4

#309EA2

#3A5D5E

#309EA2

#00CCD4

#309EA2 を使ったトライアド

#309EA2

#A2309E

#9EA230

#309EA2 を使ったスプリットコンプリメンタリー

#A25A30

#309EA2

#A23052

#309EA2 を使ったテトラード

#309EA2

#6D30A2

#A23430

#65A230

#309EA2 を使ったコントラスト

#309EA2

#A23430

#309EA2

#81A1A2

#309EA2

#4CF9FF

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

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

#309EA2

#309EA2 の色情報

#309EA2 の色相別色一覧

#309EA2 の彩度別色一覧

#309EA2 の明度別色一覧

#309EA2 を使ったトーンオントーン

#309EA2 を使ったトーンイントーン

#309EA2 を使ったカマイユ

#309EA2 を使ったフォカマイユ

#309EA2 を使ったドミナントカラー

#309EA2 を使ったアイデンティティ

#309EA2 を使ったトライアド

#309EA2 を使ったスプリットコンプリメンタリー

#309EA2 を使ったテトラード

#309EA2 を使ったコントラスト