#4657E2｜カラーサイト.com

#4657E2 の色情報

#4657E2

画像
HEX	#4657E2
RGB	R:70 G:87 B:226
RGBの割合	R:27.5% G:34.1% B:88.6%
HSV	H:233.5 S:69.0 V:88.6
HSL	H:233.5 S:72.9 L:58.0
CMY	C:72.5 M:65.9 Y:11.4

CMYK	C:69.0 M:61.5 Y:0.0 K:11.4
YCbCr	Y:100.0 Cb:191.5 Cr:110.7
XYZ	X:19.7 Y:13.6 Z:73.5
xyY	x:0.184 y:0.127 Y:13.6

CIE Lab	L:43.7 a:38.5 b*:-72.6
CIE LCh	L:43.7 C:82.2 h:297.9
CIE Luv	L:43.7 u:-11.9 v*:-109.4
Hunter Lab	L:36.9 a:30.6 b:-92.4

#4657E2 の色相別色一覧

#E25C46

#E28346

#E2AA46

#E2D146

#CCE246

#A5E246

#7EE246

#57E246

#46E25C

#46E283

#46E2AA

#46E2D1

#46CCE2

#46A5E2

#467EE2

#4657E2

#5C46E2

#8346E2

#AA46E2

#D146E2

#E246CC

#E246A5

#E2467E

#E24657

#4657E2 の彩度別色一覧

#D9DAE2

#CED0E2

#C2C6E2

#B7BCE2

#ACB2E2

#A0A8E2

#959DE2

#8A93E2

#7F89E2

#737FE2

#6875E2

#5D6BE2

#5161E2

#4657E2

#3B4DE2

#2F43E2

#2439E2

#192FE2

#0E25E2

#021BE2

#4657E2 の明度別色一覧

#030409

#070816

#0B0D23

#0F1230

#13173C

#171C49

#1B2156

#1F2663

#222B6F

#26307C

#2A3589

#2E3A96

#323EA2

#3643AF

#3A48BC

#3E4DC9

#4252D5

#4657E2

#4A5CEF

#4E61FC

#4657E2 を使ったトーンオントーン

#2E50C7

#1D2759

#424FA1

#4657E2

#1F2C70

#1C1DC7

#4657E2

#2F406E

#2D365C

#1B1E8C

#3633B5

#14174D

#38417D

#3B3794

#4657E2

#4657E2 を使ったトーンイントーン

#51E5F6

#4657E2

#EC47CA

#60DA3F

#DA9241

#4657E2

#33E770

#FA50FC

#B3E53B

#DD5E54

#4657E2

#D849B5

#EA8D5D

#9AD834

#35D380

#4657E2 を使ったカマイユ

#5158EF

#4657E2

#3E58D5

#444ECE

#5766F9

#3E52DD

#444CCE

#5070F9

#2D43D8

#4657E2

#2E3CDD

#5267C9

#3148CE

#4657E2

#3A45F4

#4657E2 を使ったフォカマイユ

#5071D8

#3059BE

#6F9BF6

#4657E2

#5C5AFC

#4657E2

#575BFF

#4647CE

#3752D3

#3D45FF

#4657E2

#5B57FF

#405EFF

#4A77C9

#3567D5

#4657E2 を使ったドミナントカラー

#5F6596

#4657E2

#4E505E

#121F8A

#6F7078

#4657E2

#001CFF

#162073

#6971B3

#3847C2

#1C267A

#6F717A

#1E2B96

#3B4282

#4657E2

#4657E2 を使ったアイデンティティ

#414B9C

#42487A

#4657E2

#0D1766

#4657E2

#4B539C

#0C1FC2

#4657E2

#363B61

#4657E2 を使ったトライアド

#4657E2

#E24657

#57E246

#4657E2 を使ったスプリットコンプリメンタリー

#BFE246

#4657E2

#E29D46

#4657E2 を使ったテトラード

#4657E2

#E246A5

#E2D146

#46E283

#4657E2 を使ったコントラスト

#4657E2

#E2D146

#4657E2

#B7BCE2

#4657E2

#202766

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

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

#4657E2

#4657E2 の色情報

#4657E2 の色相別色一覧

#4657E2 の彩度別色一覧

#4657E2 の明度別色一覧

#4657E2 を使ったトーンオントーン

#4657E2 を使ったトーンイントーン

#4657E2 を使ったカマイユ

#4657E2 を使ったフォカマイユ

#4657E2 を使ったドミナントカラー

#4657E2 を使ったアイデンティティ

#4657E2 を使ったトライアド

#4657E2 を使ったスプリットコンプリメンタリー

#4657E2 を使ったテトラード

#4657E2 を使ったコントラスト