#3C7AE2｜カラーサイト.com

#3C7AE2 の色情報

#3C7AE2

画像
HEX	#3C7AE2
RGB	R:60 G:122 B:226
RGBの割合	R:23.5% G:47.8% B:88.6%
HSV	H:217.6 S:73.5 V:88.6
HSL	H:217.6 S:74.1 L:56.1
CMY	C:76.5 M:52.2 Y:11.4

CMYK	C:73.5 M:46.0 Y:0.0 K:11.4
YCbCr	Y:115.1 Cb:182.8 Cr:93.4
XYZ	X:22.5 Y:20.4 Z:74.7
xyY	x:0.192 y:0.173 Y:20.4

CIE Lab	L:52.3 a:15.3 b*:-58.7
CIE LCh	L:52.3 C:60.7 h:284.6
CIE Luv	L:52.3 u:-23.5 v*:-92.6
Hunter Lab	L:45.1 a:10.2 b:-66.5

#3C7AE2 の色相別色一覧

#E2513C

#E27B3C

#E2A43C

#E2CE3C

#CDE23C

#A4E23C

#7AE23C

#51E23C

#3CE251

#3CE27B

#3CE2A4

#3CE2CE

#3CCDE2

#3CA4E2

#3C7AE2

#3C51E2

#513CE2

#7B3CE2

#A43CE2

#CE3CE2

#E23CCD

#E23CA4

#E23C7A

#E23C50

#3C7AE2 の彩度別色一覧

#DADDE2

#CFD6E2

#C4CFE2

#B8C8E2

#ADC1E2

#A2BAE2

#96B3E2

#8BACE2

#80A4E2

#759DE2

#6996E2

#5E8FE2

#5388E2

#4781E2

#3C7AE2

#3173E2

#256CE2

#1A65E2

#0F5EE2

#0457E2

#3C7AE2 の明度別色一覧

#020509

#060C16

#091323

#0D1A30

#10213C

#132749

#172E56

#1A3563

#1E3C6F

#21437C

#244A89

#285196

#2B58A2

#2E5EAF

#3265BC

#356CC9

#3973D5

#3C7AE2

#3F81EF

#4388FC

#3C7AE2 を使ったトーンオントーン

#0C2670

#3C7AE2

#3D4F94

#4C6DB3

#1E3B5C

#3C7AE2

#15304F

#3D7ABA

#14519E

#2D3E70

#1C6099

#3678B0

#071C4D

#1D387D

#3C7AE2

#3C7AE2 を使ったトーンイントーン

#3DC980

#F94F47

#3C7AE2

#99D53D

#D23BD8

#B339D0

#3C7AE2

#3BF18F

#D3F44A

#D53F4A

#31C97C

#EA3BF1

#CE4C41

#C1E554

#3C7AE2

#3C7AE2 を使ったカマイユ

#4685DF

#2C6ECE

#3C7AE2

#4B86EF

#2872E5

#2564DF

#4881D5

#4781EA

#3284F4

#3C7AE2

#4275D0

#3D78D5

#2B7FEA

#4078F9

#3C7AE2 を使ったフォカマイユ

#209AFC

#3C7AE2

#2555FC

#2A67C1

#2F90D8

#4AB2F1

#4B6BFF

#5BB6F1

#3C7AE2

#3B5DC9

#67A5FF

#3C7AE2

#2362C6

#4669BC

#4290D8

#3C7AE2 を使ったドミナントカラー

#204C96

#214F9C

#3C7AE2

#B4C9ED

#165FD9

#2F3F59

#1565EB

#3C7AE2

#1F293B

#032B6E

#3C7AE2

#2A4778

#4F82D6

#C1CBDB

#2464D1

#3C7AE2 を使ったアイデンティティ

#5977A8

#3C7AE2

#3C5B8F

#033D9E

#3C7AE2

#3F4C63

#3A588A

#3C7AE2

#7C96C2

#3C7AE2 を使ったトライアド

#3C7AE2

#E23C7A

#7AE23C

#3C7AE2 を使ったスプリットコンプリメンタリー

#E2DB3C

#3C7AE2

#E26D3C

#3C7AE2 を使ったテトラード

#3C7AE2

#E23CCD

#E2A43C

#3CE251

#3C7AE2 を使ったコントラスト

#3C7AE2

#E2A43C

#3C7AE2

#ADC1E2

#3C7AE2

#1B3766

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

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

#3C7AE2

#3C7AE2 の色情報

#3C7AE2 の色相別色一覧

#3C7AE2 の彩度別色一覧

#3C7AE2 の明度別色一覧

#3C7AE2 を使ったトーンオントーン

#3C7AE2 を使ったトーンイントーン

#3C7AE2 を使ったカマイユ

#3C7AE2 を使ったフォカマイユ

#3C7AE2 を使ったドミナントカラー

#3C7AE2 を使ったアイデンティティ

#3C7AE2 を使ったトライアド

#3C7AE2 を使ったスプリットコンプリメンタリー

#3C7AE2 を使ったテトラード

#3C7AE2 を使ったコントラスト