#305EA0｜カラーサイト.com

#305EA0 の色情報

#305EA0

画像
HEX	#305EA0
RGB	R:48 G:94 B:160
RGBの割合	R:18.8% G:36.9% B:62.7%
HSV	H:215.4 S:70.0 V:62.7
HSL	H:215.4 S:53.8 L:40.8
CMY	C:81.2 M:63.1 Y:37.3

CMYK	C:70.0 M:41.2 Y:0.0 K:37.3
YCbCr	Y:91.4 Cb:163.8 Cr:103.1
XYZ	X:11.6 Y:11.2 Z:34.8
xyY	x:0.201 y:0.194 Y:11.2

CIE Lab	L:39.9 a:7.0 b*:-40.4
CIE LCh	L:39.9 C:41.0 h:279.8
CIE Luv	L:39.9 u:-18.0 v*:-58.9
Hunter Lab	L:33.4 a:3.3 b:-38.3

#305EA0 の色相別色一覧

#A03A30

#A05630

#A07230

#A08E30

#96A030

#7AA030

#5EA030

#42A030

#30A03A

#30A056

#30A072

#30A08E

#3096A0

#307AA0

#305EA0

#3042A0

#3A30A0

#5630A0

#7230A0

#8E30A0

#A03096

#A0307A

#A0305E

#A03042

#305EA0 の彩度別色一覧

#A0A0A0

#989BA0

#9097A0

#8892A0

#808DA0

#7888A0

#7084A0

#687FA0

#607AA0

#5876A0

#5071A0

#486CA0

#4067A0

#3863A0

#305EA0

#2859A0

#2055A0

#1850A0

#104BA0

#0846A0

#305EA0 の明度別色一覧

#020407

#060C14

#0A1321

#0E1B2D

#11223A

#152A47

#193154

#1D3960

#21406D

#25487A

#284F87

#2C5793

#305EA0

#3465AD

#386DBA

#3B74C6

#3F7CD3

#4383E0

#478BED

#4B92F9

#305EA0 を使ったトーンオントーン

#2E89E6

#508FD4

#305EA0

#1F3054

#102C6E

#203678

#1F80D1

#305EA0

#072A4A

#5AA5E8

#1842C4

#4983E3

#1A2D69

#305EA0

#172E45

#305EA0 を使ったトーンイントーン

#90AF23

#2EB27A

#305EA0

#962A2D

#7C298E

#892635

#723796

#798733

#43AD62

#305EA0

#7D911D

#B73135

#305EA0

#813DA5

#2DA846

#305EA0 を使ったカマイユ

#3C5B96

#2E619D

#305EA0

#1D508C

#3E65A3

#235287

#3D6EAA

#375A89

#3F77BA

#305EA0

#3670BA

#3261BA

#205291

#1B4A89

#305EA0

#305EA0 を使ったフォカマイユ

#305EA0

#244D91

#305F7F

#165A8C

#1C6796

#305EA0

#3C5BB2

#274FC1

#1C4584

#4E68B4

#4584BA

#4862C4

#4555A5

#2982C4

#305EA0

#305EA0 を使ったドミナントカラー

#8797AD

#3D567A

#305EA0

#A3C9FF

#173E75

#305EA0

#E1EAF7

#425878

#89B0E8

#03285E

#062147

#32373D

#80A8E0

#305EA0

#8F9FB5

#305EA0 を使ったトライアド

#305EA0

#A0305E

#5EA030

#305EA0 を使ったスプリットコンプリメンタリー

#A09730

#305EA0

#A04D30

#305EA0 を使ったテトラード

#305EA0

#A03096

#A07230

#30A03A

#305EA0 を使ったコントラスト

#305EA0

#A07230

#305EA0

#808DA0

#305EA0

#4D96FF

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

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

#305EA0

#305EA0 の色情報

#305EA0 の色相別色一覧

#305EA0 の彩度別色一覧

#305EA0 の明度別色一覧

#305EA0 を使ったトーンオントーン

#305EA0 を使ったトーンイントーン

#305EA0 を使ったカマイユ

#305EA0 を使ったフォカマイユ

#305EA0 を使ったドミナントカラー

#305EA0 を使ったトライアド

#305EA0 を使ったスプリットコンプリメンタリー

#305EA0 を使ったテトラード

#305EA0 を使ったコントラスト