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

#4C84E2 の色情報

#4C84E2

画像
HEX	#4C84E2
RGB	R:76 G:132 B:226
RGBの割合	R:29.8% G:51.8% B:88.6%
HSV	H:217.6 S:66.4 V:88.6
HSL	H:217.6 S:72.1 L:59.2
CMY	C:70.2 M:48.2 Y:11.4

CMYK	C:66.4 M:41.6 Y:0.0 K:11.4
YCbCr	Y:124.2 Cb:177.6 Cr:96.7
XYZ	X:25.0 Y:23.5 Z:75.2
xyY	x:0.202 y:0.190 Y:23.5

CIE Lab	L:55.6 a:11.5 b*:-53.3
CIE LCh	L:55.6 C:54.5 h:282.2
CIE Luv	L:55.6 u:-23.5 v*:-84.9
Hunter Lab	L:48.5 a:7.0 b:-57.9

#4C84E2 の色相別色一覧

#E25F4C

#E2854C

#E2AA4C

#E2D04C

#CFE24C

#AAE24C

#84E24C

#5FE24C

#4CE25F

#4CE285

#4CE2AA

#4CE2D0

#4CCFE2

#4CAAE2

#4C84E2

#4C5FE2

#5F4CE2

#854CE2

#AA4CE2

#D04CE2

#E24CCF

#E24CAA

#E24C84

#E24C5E

#4C84E2 の彩度別色一覧

#DFE0E2

#D4D9E2

#C8D2E2

#BDCBE2

#B2C4E2

#A6BDE2

#9BB6E2

#90AEE2

#85A7E2

#79A0E2

#6E99E2

#6392E2

#578BE2

#4C84E2

#417DE2

#3576E2

#2A6FE2

#1F68E2

#1461E2

#085AE2

#4C84E2 の明度別色一覧

#030509

#070D16

#0C1423

#101C30

#14233C

#192B49

#1D3256

#213A63

#25416F

#2A487C

#2E5089

#325796

#375FA2

#3B66AF

#3F6EBC

#4375C9

#487DD5

#4C84E2

#508BEF

#5593FC

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

#3B73B5

#344F69

#4C84E2

#2D405C

#2A5B96

#2140A1

#1B2F57

#6274BA

#173E73

#4C84E2

#1A4A94

#183369

#5169B3

#0A174A

#4C84E2

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

#61F48C

#DD4145

#4C84E2

#D2FC50

#B13DDD

#A7DF5F

#C33FCE

#DD563F

#4C84E2

#6BFCB7

#A6DF39

#3DDDA9

#EE65F9

#4C84E2

#DF6450

#4C84E2 を使ったカマイユ

#4A78EA

#3F80CE

#4D96F4

#4C84E2

#68A5F9

#4C84E2

#498FEF

#3A6BCB

#59A0F4

#3574D0

#5686D3

#3F75D5

#4C84E2

#5381D3

#5A81D3

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

#4C84E2

#2E4CC1

#2958BC

#358EFF

#68B3F4

#72A0EA

#558BC3

#4C84E2

#5C6DD3

#314CCE

#4BB2FE

#2B72D3

#3777CE

#396AC9

#4C84E2

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

#0C3270

#4C84E2

#4E7DCC

#6882AD

#79AAFC

#7687A3

#8C96A8

#556580

#4C84E2

#56585C

#545E6E

#1A2840

#98AFD6

#4C84E2

#81A3DB

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

#879EC4

#073A8F

#4C84E2

#6086C4

#4C84E2

#022C73

#4C84E2

#7693C4

#07337D

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

#4C84E2

#E24C84

#84E24C

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

#E2DC4C

#4C84E2

#E2784C

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

#4C84E2

#E24CCF

#E2AA4C

#4CE25F

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

#4C84E2

#E2AA4C

#4C84E2

#BDCBE2

#4C84E2

#223C66

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

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

#4C84E2

#4C84E2 の色情報

#4C84E2 の色相別色一覧

#4C84E2 の彩度別色一覧

#4C84E2 の明度別色一覧

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

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

#4C84E2 を使ったカマイユ

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

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

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

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

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

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

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