#4170B2｜カラーサイト.com

#4170B2 の色情報

#4170B2

画像
HEX	#4170B2
RGB	R:65 G:112 B:178
RGBの割合	R:25.5% G:43.9% B:69.8%
HSV	H:215.0 S:63.5 V:69.8
HSL	H:215.0 S:46.5 L:47.6
CMY	C:74.5 M:56.1 Y:30.2

CMYK	C:63.5 M:37.1 Y:0.0 K:30.2
YCbCr	Y:106.6 Cb:163.9 Cr:102.7
XYZ	X:16.0 Y:15.9 Z:44.4
xyY	x:0.210 y:0.209 Y:15.9

CIE Lab	L:46.9 a:5.1 b*:-39.9
CIE LCh	L:46.9 C:40.2 h:277.3
CIE Luv	L:46.9 u:-20.0 v*:-60.2
Hunter Lab	L:39.9 a:1.8 b:-38.0

#4170B2 の色相別色一覧

#B24B41

#B26741

#B28341

#B29F41

#A9B241

#8CB241

#70B241

#54B241

#41B24B

#41B267

#41B283

#41B29F

#41A9B2

#418CB2

#4170B2

#4154B2

#4B41B2

#6741B2

#8341B2

#9F41B2

#B241A9

#B2418C

#B24170

#B24154

#4170B2 の彩度別色一覧

#ACAEB2

#A3A9B2

#9AA4B2

#919FB2

#889AB2

#7F94B2

#768FB2

#6E8AB2

#6585B2

#5C80B2

#537AB2

#4A75B2

#4170B2

#386BB2

#2F66B2

#2660B2

#1D5BB2

#1556B2

#0C51B2

#034CB2

#4170B2 の明度別色一覧

#04080C

#091019

#0E1826

#122033

#17283F

#1C304C

#203859

#254066

#2A4872

#2E507F

#33588C

#386099

#3C68A5

#4170B2

#4678BF

#4A80CC

#4F88D8

#5490E5

#5898F2

#5DA0FF

#4170B2 を使ったトーンオントーン

#435794

#3B586E

#5582E3

#4170B2

#1C2E4A

#47638C

#4170B2

#7EBDF5

#2A3C73

#203C54

#203D78

#0D2C52

#4170B2

#385FCC

#82ACEB

#4170B2 を使ったトーンイントーン

#4FAA8B

#B76653

#5E9E2A

#4170B2

#9136A5

#58BC8D

#B940CC

#90AF4C

#4170B2

#CC5E59

#982FAA

#4BC480

#4170B2

#A33F42

#B3BC52

#4170B2 を使ったカマイユ

#467BCC

#34669B

#357AC9

#417DC6

#4170B2

#486FB7

#3769AA

#2C5C9B

#3E7AC4

#4170B2

#5375BA

#5275BC

#4B7EB5

#45649E

#4170B2 を使ったフォカマイユ

#4170B2

#3D6BD6

#256291

#6295D3

#2C4C9B

#3950BA

#6090C1

#699FD8

#4C5D96

#4170B2

#3D6EC9

#335599

#5C72D3

#5267BC

#4170B2

#4170B2 を使ったドミナントカラー

#78A5E3

#525963

#4170B2

#1E395E

#2B323B

#183C70

#20549E

#28303B

#1F59AB

#4170B2

#2A3442

#081D3B

#6D6F73

#73A5EB

#4170B2 を使ったトライアド

#4170B2

#B24170

#70B241

#4170B2 を使ったスプリットコンプリメンタリー

#B2A941

#4170B2

#B25D41

#4170B2 を使ったテトラード

#4170B2

#B241A9

#B28341

#41B24B

#4170B2 を使ったコントラスト

#4170B2

#B28341

#4170B2

#9AA4B2

#4170B2

#5DA0FF

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

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

#4170B2

#4170B2 の色情報

#4170B2 の色相別色一覧

#4170B2 の彩度別色一覧

#4170B2 の明度別色一覧

#4170B2 を使ったトーンオントーン

#4170B2 を使ったトーンイントーン

#4170B2 を使ったカマイユ

#4170B2 を使ったフォカマイユ

#4170B2 を使ったドミナントカラー

#4170B2 を使ったトライアド

#4170B2 を使ったスプリットコンプリメンタリー

#4170B2 を使ったテトラード

#4170B2 を使ったコントラスト