#3344C2｜カラーサイト.com

#3344C2 の色情報

#3344C2

画像
HEX	#3344C2
RGB	R:51 G:68 B:194
RGBの割合	R:20.0% G:26.7% B:76.1%
HSV	H:232.9 S:73.7 V:76.1
HSL	H:232.9 S:58.4 L:48.0
CMY	C:80.0 M:73.3 Y:23.9

CMYK	C:73.7 M:64.9 Y:0.0 K:23.9
YCbCr	Y:82.4 Cb:185.8 Cr:111.6
XYZ	X:13.2 Y:8.7 Z:52.0
xyY	x:0.178 y:0.118 Y:8.7

CIE Lab	L:35.5 a:36.9 b*:-67.6
CIE LCh	L:35.5 C:77.0 h:298.6
CIE Luv	L:78.9 u:-23.1 v*:-211.8
Hunter Lab	L:29.6 a:27.8 b:-83.7

#3344C2 の色相別色一覧

#C24633

#C26A33

#C28D33

#C2B133

#AFC233

#8CC233

#68C233

#44C233

#33C246

#33C26A

#33C28D

#33C2B1

#33AFC2

#338CC2

#3368C2

#3344C2

#4633C2

#6A33C2

#8D33C2

#B133C2

#C233AF

#C2338C

#C23368

#C23344

#3344C2 の彩度別色一覧

#BBBCC2

#B1B3C2

#A7ABC2

#9EA2C2

#9499C2

#8A91C2

#8188C2

#7780C2

#6D77C2

#646FC2

#5A66C2

#505EC2

#4655C2

#3D4DC2

#3344C2

#293BC2

#2033C2

#162AC2

#0C22C2

#0319C2

#3344C2 の明度別色一覧

#010103

#040510

#070A1C

#0B0E29

#0E1336

#111743

#151C4F

#18205C

#1C2569

#1F2976

#222E82

#26328F

#29379C

#2C3BA9

#3040B5

#3344C2

#3648CF

#3A4DDC

#3D51E8

#4056F5

#3344C2 を使ったトーンオントーン

#3135A3

#1E2A7D

#252752

#1B29ED

#3344C2

#212C8C

#092180

#3344C2

#1F294A

#5056F7

#262C57

#5379F2

#13308F

#2B286E

#3344C2

#3344C2 を使ったトーンイントーン

#D9834F

#86CA39

#A93095

#3EC78C

#3344C2

#BA5E40

#28CF9C

#7AAB30

#CF47CD

#3344C2

#A939AB

#3EDC9A

#3344C2

#CF493A

#96D641

#3344C2 を使ったカマイユ

#3E42B5

#3344C2

#2A38BA

#3049D6

#333ED1

#3B4BD1

#3D55BD

#3E47AB

#2649D1

#3344C2

#434CCA

#2A47D1

#3344C2

#3D42BD

#393ECA

#3344C2 を使ったフォカマイユ

#353CB0

#373DAB

#1F1CBA

#3344C2

#2623B8

#32429E

#3F5ADE

#2C28A3

#3E78DC

#3344C2

#2F59D4

#3344C2

#1655C7

#424AA1

#3739AB

#3344C2 を使ったドミナントカラー

#2A3796

#686A7D

#1D31CC

#3344C2

#676973

#0316A3

#DCDFF7

#57596B

#3344C2

#2C3366

#5660A6

#3344C2

#5662BA

#72779C

#8B97F0

#3344C2 を使ったアイデンティティ

#071891

#7177A3

#3344C2

#4B56A3

#0D196E

#0D1A78

#6877E3

#3344C2

#3344C2 を使ったトライアド

#3344C2

#C23344

#44C233

#3344C2 を使ったスプリットコンプリメンタリー

#A3C233

#3344C2

#C28133

#3344C2 を使ったテトラード

#3344C2

#C2338C

#C2B133

#33C26A

#3344C2 を使ったコントラスト

#3344C2

#C2B133

#3344C2

#9499C2

#3344C2

#1B2466

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

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

#3344C2

#3344C2 の色情報

#3344C2 の色相別色一覧

#3344C2 の彩度別色一覧

#3344C2 の明度別色一覧

#3344C2 を使ったトーンオントーン

#3344C2 を使ったトーンイントーン

#3344C2 を使ったカマイユ

#3344C2 を使ったフォカマイユ

#3344C2 を使ったドミナントカラー

#3344C2 を使ったアイデンティティ

#3344C2 を使ったトライアド

#3344C2 を使ったスプリットコンプリメンタリー

#3344C2 を使ったテトラード

#3344C2 を使ったコントラスト