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

#4470B2 の色情報

#4470B2

画像
HEX	#4470B2
RGB	R:68 G:112 B:178
RGBの割合	R:26.7% G:43.9% B:69.8%
HSV	H:216.0 S:61.8 V:69.8
HSL	H:216.0 S:44.7 L:48.2
CMY	C:73.3 M:56.1 Y:30.2

CMYK	C:61.8 M:37.1 Y:0.0 K:30.2
YCbCr	Y:107.4 Cb:163.5 Cr:104.0
XYZ	X:16.2 Y:16.0 Z:44.4
xyY	x:0.212 y:0.209 Y:16.0

CIE Lab	L:47.0 a:5.7 b*:-39.6
CIE LCh	L:47.0 C:40.0 h:278.2
CIE Luv	L:47.0 u:-19.3 v*:-60.0
Hunter Lab	L:40.0 a:2.2 b:-37.7

#4470B2 の色相別色一覧

#B24F44

#B26B44

#B28644

#B2A244

#A7B244

#8CB244

#70B244

#55B244

#44B24F

#44B26B

#44B286

#44B2A2

#44A7B2

#448CB2

#4470B2

#4455B2

#4F44B2

#6B44B2

#8644B2

#A244B2

#B244A7

#B2448C

#B24470

#B24455

#4470B2 の彩度別色一覧

#AFB0B2

#A6ABB2

#9DA5B2

#94A0B2

#8B9BB2

#8295B2

#7990B2

#718BB2

#6885B2

#5F80B2

#567BB2

#4D75B2

#4470B2

#3B6BB2

#3265B2

#2960B2

#205BB2

#1855B2

#0F50B2

#064BB2

#4470B2 の明度別色一覧

#05080C

#0A1019

#0E1826

#132033

#18283F

#1D304C

#223859

#274066

#2C4872

#31507F

#35588C

#3A6099

#3F68A5

#4470B2

#4978BF

#4E80CC

#5388D8

#5790E5

#5C98F2

#61A0FF

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

#6CABEB

#4470B2

#355D80

#324557

#295C8C

#2F3B52

#378EF7

#496B8C

#17347D

#4470B2

#2C4880

#286294

#74ACE3

#142A59

#4470B2

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

#3EB585

#4470B2

#A55DC1

#9CC941

#994540

#47AF74

#C43741

#9347AF

#4470B2

#A4AF41

#A645BF

#4470B2

#359B61

#A54E49

#88A848

#4470B2 を使ったカマイユ

#2E5D9E

#356EB7

#4470B2

#4B81C9

#4F7ABF

#5A8EC6

#3862B5

#4470B2

#406299

#5787C1

#3E72C6

#4776C9

#4470B2

#365E9E

#3960A3

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

#5084A0

#3B62B7

#5874A8

#4470B2

#455DA0

#315AD3

#5062AD

#577BC9

#4470B2

#5C88B7

#60ACD8

#67A6D1

#4470B2

#6688D8

#498DD1

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

#184B96

#4470B2

#7A8391

#7E8794

#E1E9F5

#4470B2

#081F42

#1C4F9C

#3A7BDE

#B1B6BD

#697485

#4470B2

#9FC1F5

#1C304D

#4D5E78

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

#4470B2

#B24470

#70B244

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

#B2AB44

#4470B2

#B26144

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

#4470B2

#B244A7

#B28644

#44B24F

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

#4470B2

#B28644

#4470B2

#9DA5B2

#4470B2

#61A0FF

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

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

#4470B2

#4470B2 の色情報

#4470B2 の色相別色一覧

#4470B2 の彩度別色一覧

#4470B2 の明度別色一覧

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

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

#4470B2 を使ったカマイユ

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

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

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

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

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

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