#306AA2｜カラーサイト.com

#306AA2 の色情報

#306AA2

画像
HEX	#306AA2
RGB	R:48 G:106 B:162
RGBの割合	R:18.8% G:41.6% B:63.5%
HSV	H:209.5 S:70.4 V:63.5
HSL	H:209.5 S:54.3 L:41.2
CMY	C:81.2 M:58.4 Y:36.5

CMYK	C:70.4 M:34.6 Y:0.0 K:36.5
YCbCr	Y:97.6 Cb:161.2 Cr:98.6
XYZ	X:12.9 Y:13.5 Z:36.1
xyY	x:0.206 y:0.217 Y:13.5

CIE Lab	L:43.6 a:0.1 b*:-35.7
CIE LCh	L:43.6 C:35.7 h:270.2
CIE Luv	L:43.6 u:-22.1 v*:-52.4
Hunter Lab	L:36.8 a:-1.9 b:-32.4

#306AA2 の色相別色一覧

#A24C30

#A26830

#A28530

#A2A130

#87A230

#6AA230

#4EA230

#31A230

#30A24C

#30A268

#30A285

#30A2A1

#3087A2

#306AA2

#304EA2

#3031A2

#4C30A2

#6830A2

#8530A2

#A130A2

#A23087

#A2306A

#A2304E

#A23031

#306AA2 の彩度別色一覧

#A1A2A2

#999EA2

#919AA2

#8996A2

#8192A2

#798EA2

#718AA2

#6986A2

#6182A2

#597EA2

#507AA2

#4876A2

#4072A2

#386EA2

#306AA2

#2866A2

#2062A2

#185EA2

#105AA2

#0856A2

#306AA2 の明度別色一覧

#030609

#060E16

#0A1723

#0E1F2F

#12273C

#163049

#193856

#1D4062

#21496F

#25517C

#285989

#2C6295

#306AA2

#3472AF

#387BBC

#3B83C8

#3F8BD5

#4394E2

#479CEF

#4AA4FB

#306AA2 を使ったトーンオントーン

#306AA2

#3D83C2

#23384D

#115380

#5093F5

#3671CC

#306AA2

#5188EB

#1A3645

#19547A

#16416B

#214354

#306AA2

#498BE6

#4396CF

#306AA2 を使ったトーンイントーン

#762498

#B42E51

#306AA2

#2BB631

#98913C

#702F8B

#45B671

#306AA2

#AC2544

#88953A

#306AA2

#979D35

#982835

#1D8B2C

#8B40AF

#306AA2 を使ったカマイユ

#34598B

#336593

#336289

#306AA2

#4473B1

#306AA2

#3D72AC

#3375B9

#2665A7

#2C65AC

#3A6193

#2367B1

#306AA2

#347BB6

#20649A

#306AA2 を使ったフォカマイユ

#306AA2

#2E97BC

#4361B1

#4996AF

#1A5F93

#306AA2

#1D6CC8

#245283

#3D6DAF

#3C71B9

#246B83

#465E9D

#1C3D95

#376FC6

#306AA2

#306AA2 を使ったドミナントカラー

#306AA2

#2777C4

#8593A1

#186BBA

#84AFD9

#67829C

#306AA2

#8F9CA8

#ADC7E0

#27629C

#112A42

#306AA2

#0C365E

#4D9CE8

#1C7CD9

#306AA2 を使ったトライアド

#306AA2

#A2306A

#6AA230

#306AA2 を使ったスプリットコンプリメンタリー

#A28E30

#306AA2

#A24230

#306AA2 を使ったテトラード

#306AA2

#A130A2

#A26830

#31A230

#306AA2 を使ったコントラスト

#306AA2

#A26830

#306AA2

#8192A2

#306AA2

#4CA7FF

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

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

#306AA2

#306AA2 の色情報

#306AA2 の色相別色一覧

#306AA2 の彩度別色一覧

#306AA2 の明度別色一覧

#306AA2 を使ったトーンオントーン

#306AA2 を使ったトーンイントーン

#306AA2 を使ったカマイユ

#306AA2 を使ったフォカマイユ

#306AA2 を使ったドミナントカラー

#306AA2 を使ったトライアド

#306AA2 を使ったスプリットコンプリメンタリー

#306AA2 を使ったテトラード

#306AA2 を使ったコントラスト