#4C70E2｜カラーサイト.com

#4C70E2 の色情報

#4C70E2

画像
HEX	#4C70E2
RGB	R:76 G:112 B:226
RGBの割合	R:29.8% G:43.9% B:88.6%
HSV	H:225.6 S:66.4 V:88.6
HSL	H:225.6 S:72.1 L:59.2
CMY	C:70.2 M:56.1 Y:11.4

CMYK	C:66.4 M:50.4 Y:0.0 K:11.4
YCbCr	Y:114.1 Cb:183.4 Cr:104.1
XYZ	X:22.5 Y:18.6 Z:74.4
xyY	x:0.195 y:0.161 Y:18.6

CIE Lab	L:50.2 a:23.8 b*:-61.9
CIE LCh	L:50.2 C:66.4 h:291.0
CIE Luv	L:50.2 u:-17.3 v*:-97.4
Hunter Lab	L:43.1 a:17.6 b:-72.0

#4C70E2 の色相別色一覧

#E24E4C

#E2734C

#E2994C

#E2BE4C

#E1E24C

#BBE24C

#96E24C

#70E24C

#4CE24E

#4CE273

#4CE299

#4CE2BE

#4CE1E2

#4CBBE2

#4C96E2

#4C70E2

#4E4CE2

#734CE2

#994CE2

#BE4CE2

#E24CE1

#E24CBB

#E24C96

#E24C70

#4C70E2 の彩度別色一覧

#DFE0E2

#D4D7E2

#C8CEE2

#BDC6E2

#B2BDE2

#A6B5E2

#9BACE2

#90A4E2

#859BE2

#7992E2

#6E8AE2

#6381E2

#5779E2

#4C70E2

#4167E2

#355FE2

#2A56E2

#1F4EE2

#1445E2

#083CE2

#4C70E2 の明度別色一覧

#030509

#070B16

#0C1123

#101830

#141E3C

#192449

#1D2A56

#213163

#25376F

#2A3D7C

#2E4489

#324A96

#3750A2

#3B57AF

#3F5DBC

#4363C9

#486AD5

#4C70E2

#5076EF

#557DFC

#4C70E2 を使ったトーンオントーン

#1B33B0

#1B2A57

#4C70E2

#4E5BA1

#2B3570

#4C70E2

#2F4594

#19204A

#5664C2

#23376E

#1D264A

#4C70E2

#2137BD

#192173

#2A3D8F

#4C70E2 を使ったトーンイントーン

#B957CB

#94D34F

#36DA92

#DD583F

#4C70E2

#95E74B

#39E7AF

#F567F6

#4C70E2

#FC8250

#86E55D

#5AFCF8

#FC66F0

#4C70E2

#CB8755

#4C70E2 を使ったカマイユ

#4062F1

#3F5ACE

#5B7FDF

#4C70E2

#6A83F9

#3565D0

#4C70E2

#3B73FC

#5C74D3

#5F84EF

#4C70E2

#5778D0

#657EEC

#5678D3

#4160CE

#4C70E2 を使ったフォカマイユ

#4C70E2

#2C37EF

#4A4CBE

#3A89EC

#3133FC

#516DBE

#2743BC

#535FD3

#77A3F4

#4C70E2

#2B50D0

#4C70E2

#3738C9

#297BD0

#2E2FF6

#4C70E2 を使ったドミナントカラー

#B2B6C2

#466BE0

#B2C0EB

#B7BCC9

#4C70E2

#1044E8

#4C70E2

#B9BDC9

#577DF7

#8493C4

#305BE3

#224AC9

#4C70E2

#7580A1

#0F2363

#4C70E2 を使ったアイデンティティ

#4C70E2

#626E96

#081D61

#4C70E2

#1E3C9C

#3C4561

#4C70E2

#5F73B3

#021B6B

#4C70E2 を使ったトライアド

#4C70E2

#E24C70

#70E24C

#4C70E2 を使ったスプリットコンプリメンタリー

#D4E24C

#4C70E2

#E28C4C

#4C70E2 を使ったテトラード

#4C70E2

#E24CBB

#E2BE4C

#4CE273

#4C70E2 を使ったコントラスト

#4C70E2

#E2BE4C

#4C70E2

#BDC6E2

#4C70E2

#223366

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

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

#4C70E2

#4C70E2 の色情報

#4C70E2 の色相別色一覧

#4C70E2 の彩度別色一覧

#4C70E2 の明度別色一覧

#4C70E2 を使ったトーンオントーン

#4C70E2 を使ったトーンイントーン

#4C70E2 を使ったカマイユ

#4C70E2 を使ったフォカマイユ

#4C70E2 を使ったドミナントカラー

#4C70E2 を使ったアイデンティティ

#4C70E2 を使ったトライアド

#4C70E2 を使ったスプリットコンプリメンタリー

#4C70E2 を使ったテトラード

#4C70E2 を使ったコントラスト