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

#4D84E2 の色情報

#4D84E2

画像
HEX	#4D84E2
RGB	R:77 G:132 B:226
RGBの割合	R:30.2% G:51.8% B:88.6%
HSV	H:217.9 S:65.9 V:88.6
HSL	H:217.9 S:72.0 L:59.4
CMY	C:69.8 M:48.2 Y:11.4

CMYK	C:65.9 M:41.6 Y:0.0 K:11.4
YCbCr	Y:124.5 Cb:177.4 Cr:97.2
XYZ	X:25.0 Y:23.6 Z:75.2
xyY	x:0.202 y:0.190 Y:23.6

CIE Lab	L:55.7 a:11.7 b*:-53.2
CIE LCh	L:55.7 C:54.5 h:282.4
CIE Luv	L:55.7 u:-23.3 v*:-84.8
Hunter Lab	L:48.5 a:7.1 b:-57.8

#4D84E2 の色相別色一覧

#E2614D

#E2864D

#E2AB4D

#E2D04D

#CFE24D

#A9E24D

#84E24D

#5FE24D

#4DE261

#4DE286

#4DE2AB

#4DE2D0

#4DCFE2

#4DA9E2

#4D84E2

#4D5FE2

#614DE2

#864DE2

#AB4DE2

#D04DE2

#E24DCF

#E24DA9

#E24D84

#E24D5F

#4D84E2 の彩度別色一覧

#E0E1E2

#D5DAE2

#C9D2E2

#BECBE2

#B3C4E2

#A7BDE2

#9CB6E2

#91AFE2

#86A8E2

#7AA1E2

#6F99E2

#6492E2

#588BE2

#4D84E2

#427DE2

#3676E2

#2B6FE2

#2067E2

#1560E2

#0959E2

#4D84E2 の明度別色一覧

#030509

#070D16

#0C1423

#101C30

#15233C

#192B49

#1D3256

#223A63

#26416F

#2A487C

#2F5089

#335796

#375FA2

#3C66AF

#406EBC

#4475C9

#497DD5

#4D84E2

#518BEF

#5693FC

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

#27365C

#4D84E2

#4D6491

#1E61B3

#1A307D

#3F4F7A

#3863B0

#4D84E2

#1C2747

#466899

#113A69

#4D84E2

#5589BD

#0E2947

#2A5D9C

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

#D3D23D

#CB5158

#46EA59

#D260FC

#4D84E2

#DF43E7

#3EEC89

#ACD357

#DD3E41

#D56133

#F95FF9

#9EF95C

#4D84E2

#55DAB9

#4D84E2 を使ったカマイユ

#4890E7

#4D84E2

#567DC9

#5D8DE7

#527DD8

#5996E5

#528EDD

#3D68D3

#5384CB

#4D84E2

#5084E5

#5383DA

#4D84E2

#3C76DF

#5396E7

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

#559FDA

#4452BC

#5E7DC3

#4A77C9

#4D84E2

#5285C3

#40B6FF

#7088EF

#55A1EC

#4D84E2

#5283FF

#3193F4

#4282EA

#7898F9

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

#4B5F80

#62718A

#1A2A45

#505459

#4D84E2

#284370

#4D84E2

#BFCCE3

#31343B

#0748B8

#4771BA

#2C5394

#4D84E2

#686A6E

#03193D

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

#1A3A70

#5E7AA8

#4D84E2

#879EC4

#4D84E2

#01368F

#4D84E2

#364866

#3D85FF

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

#4D84E2

#E24D84

#84E24D

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

#E2DD4D

#4D84E2

#E2794D

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

#4D84E2

#E24DCF

#E2AB4D

#4DE261

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

#4D84E2

#E2AB4D

#4D84E2

#BECBE2

#4D84E2

#233C66

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

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

#4D84E2

#4D84E2 の色情報

#4D84E2 の色相別色一覧

#4D84E2 の彩度別色一覧

#4D84E2 の明度別色一覧

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

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

#4D84E2 を使ったカマイユ

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

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

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

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

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

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

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