#3F99C2｜カラーサイト.com

#3F99C2 の色情報

#3F99C2

画像
HEX	#3F99C2
RGB	R:63 G:153 B:194
RGBの割合	R:24.7% G:60.0% B:76.1%
HSV	H:198.8 S:67.5 V:76.1
HSL	H:198.8 S:51.8 L:50.4
CMY	C:75.3 M:40.0 Y:23.9

CMYK	C:67.5 M:21.1 Y:0.0 K:23.9
YCbCr	Y:128.3 Cb:159.3 Cr:85.6
XYZ	X:23.2 Y:27.7 Z:55.2
xyY	x:0.218 y:0.261 Y:27.7

CIE Lab	L:59.6 a:-13.7 b*:-29.0
CIE LCh	L:59.6 C:32.1 h:244.8
CIE Luv	L:59.6 u:-34.6 v*:-43.1
Hunter Lab	L:52.7 a:-13.6 b:-25.3

#3F99C2 の色相別色一覧

#C2473F

#C2683F

#C2893F

#C2AA3F

#BAC23F

#99C23F

#78C23F

#58C23F

#3FC247

#3FC268

#3FC289

#3FC2AA

#3FBAC2

#3F99C2

#3F78C2

#3F58C2

#473FC2

#683FC2

#893FC2

#AA3FC2

#C23FBA

#C23F99

#C23F78

#C23F58

#3F99C2 の彩度別色一覧

#BDC0C2

#B3BDC2

#AABAC2

#A0B7C2

#96B4C2

#8DB1C2

#83AEC2

#79ABC2

#70A8C2

#66A5C2

#5CA2C2

#529FC2

#499CC2

#3F99C2

#3596C2

#2C93C2

#2290C2

#188DC2

#0F8AC2

#0587C2

#3F99C2 の明度別色一覧

#010203

#050C10

#09161C

#0D2029

#112A36

#163443

#1A3F4F

#1E495C

#225369

#265D76

#2A6782

#2E718F

#337B9C

#3785A9

#3B8FB5

#3F99C2

#43A3CF

#47ADDC

#4BB7E8

#50C1F5

#3F99C2 を使ったトーンオントーン

#2A859E

#133747

#346B75

#3F99C2

#4FA0E6

#3F99C2

#368391

#205B6B

#40D5FA

#164252

#116478

#3F99C2

#1C5E96

#5CC4E3

#244954

#3F99C2 を使ったトーンイントーン

#803CAE

#B2D441

#D14657

#3F99C2

#2CAE62

#53D16B

#C8CC44

#8444D9

#AB3954

#3F99C2

#8135CF

#BFAF33

#3F99C2

#D45485

#40CC4B

#3F99C2 を使ったカマイユ

#328AB5

#2FA4C7

#2E87BA

#2F8CAB

#3F99C2

#2A7AAB

#34A3C5

#3884A9

#3F99C2

#43A6D6

#3F99C2

#4288B5

#4590AE

#3BA2C7

#50B5D6

#3F99C2 を使ったフォカマイユ

#3F99C2

#3E9DCC

#25A1D1

#30A1CC

#46AEB5

#4A8BB8

#3F99C2

#46ACB5

#588CCF

#2C87BA

#3186C7

#386CA3

#68A0DC

#3F99C2

#499FB0

#3F99C2 を使ったドミナントカラー

#6D94A6

#599CBA

#3F99C2

#4D6E7D

#64A6C4

#345563

#3F99C2

#008CCC

#1C9CD6

#3D5D6B

#237296

#A5C2CF

#4686A3

#3FA9D9

#3F99C2

#3F99C2 を使ったアイデンティティ

#A0DEFA

#186385

#3F99C2

#0F5473

#74D2FC

#3F99C2

#305769

#3F99C2

#1BA1DE

#3F99C2 を使ったトライアド

#3F99C2

#C23F99

#99C23F

#3F99C2 を使ったスプリットコンプリメンタリー

#C2943F

#3F99C2

#C23F42

#3F99C2 を使ったテトラード

#3F99C2

#AA3FC2

#C2683F

#58C23F

#3F99C2 を使ったコントラスト

#3F99C2

#C2683F

#3F99C2

#A0B7C2

#3F99C2

#215066

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

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

#3F99C2

#3F99C2 の色情報

#3F99C2 の色相別色一覧

#3F99C2 の彩度別色一覧

#3F99C2 の明度別色一覧

#3F99C2 を使ったトーンオントーン

#3F99C2 を使ったトーンイントーン

#3F99C2 を使ったカマイユ

#3F99C2 を使ったフォカマイユ

#3F99C2 を使ったドミナントカラー

#3F99C2 を使ったアイデンティティ

#3F99C2 を使ったトライアド

#3F99C2 を使ったスプリットコンプリメンタリー

#3F99C2 を使ったテトラード

#3F99C2 を使ったコントラスト