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

#3F84B2 の色情報

#3F84B2

画像
HEX	#3F84B2
RGB	R:63 G:132 B:178
RGBの割合	R:24.7% G:51.8% B:69.8%
HSV	H:204.0 S:64.6 V:69.8
HSL	H:204.0 S:47.7 L:47.3
CMY	C:75.3 M:48.2 Y:30.2

CMYK	C:64.6 M:25.8 Y:0.0 K:30.2
YCbCr	Y:116.2 Cb:158.4 Cr:94.4
XYZ	X:18.3 Y:20.8 Z:45.2
xyY	x:0.218 y:0.246 Y:20.8

CIE Lab	L:52.7 a:-7.2 b*:-30.7
CIE LCh	L:52.7 C:31.5 h:256.8
CIE Luv	L:52.7 u:-27.6 v*:-45.6
Hunter Lab	L:45.6 a:-7.9 b:-26.8

#3F84B2 の色相別色一覧

#B2503F

#B26D3F

#B28A3F

#B2A73F

#A1B23F

#84B23F

#67B23F

#4BB23F

#3FB250

#3FB26D

#3FB28A

#3FB2A7

#3FA1B2

#3F84B2

#3F67B2

#3F4BB2

#503FB2

#6D3FB2

#8A3FB2

#A73FB2

#B23FA1

#B23F84

#B23F67

#B23F4B

#3F84B2 の彩度別色一覧

#AAAFB2

#A1ABB2

#98A8B2

#8FA4B2

#86A0B2

#7D9DB2

#7499B2

#6C96B2

#6392B2

#5A8FB2

#518BB2

#4888B2

#3F84B2

#3680B2

#2D7DB2

#2479B2

#1B76B2

#1372B2

#0A6FB2

#016BB2

#3F84B2 の明度別色一覧

#04090C

#091319

#0D1C26

#122533

#162F3F

#1B384C

#1F4259

#244B66

#285572

#2D5E7F

#31688C

#367199

#3A7BA5

#3F84B2

#448DBF

#4897CC

#4DA0D8

#51AAE5

#56B3F2

#5ABDFF

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

#3F84B2

#247A94

#0C3D4D

#155B73

#379EF7

#3A9AFA

#245E94

#3F84B2

#0E374A

#476D80

#30608C

#275675

#294359

#62A3E3

#3F84B2

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

#3F84B2

#8C50B5

#2FA53B

#BF3054

#BBBF53

#AD2E36

#3F84B2

#8433BA

#97B744

#3DBC6C

#C19B42

#3F84B2

#7E4DBF

#CC4E7C

#34AF38

#3F84B2 を使ったカマイユ

#348CBC

#2A669E

#488EB7

#3F84B2

#40749B

#548FBC

#3F84B2

#346FA0

#437CAA

#2B82AA

#3E84AA

#3973A5

#407B9E

#3170A0

#3F84B2

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

#4B6DAD

#3F84B2

#3574AA

#4C90C1

#4A88C1

#3F84B2

#4897AD

#255FA0

#28A6BC

#407E91

#3F84B2

#4383A3

#438293

#447299

#4E7BB7

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

#435D6E

#818F99

#7CA6C2

#3F84B2

#3A9EE0

#576E7D

#0F87D6

#3B5E75

#3F84B2

#2C3B45

#667B8A

#5EBFFF

#3F84B2

#116DAB

#0C5C91

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

#188DDB

#3F84B2

#38586E

#3F84B2

#536F82

#2098E8

#3F84B2

#4A687D

#1787D1

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

#3F84B2

#B23F84

#84B23F

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

#B2933F

#3F84B2

#B2473F

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

#3F84B2

#A73FB2

#B26D3F

#4BB23F

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

#3F84B2

#B26D3F

#3F84B2

#98A8B2

#3F84B2

#5ABDFF

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

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

#3F84B2

#3F84B2 の色情報

#3F84B2 の色相別色一覧

#3F84B2 の彩度別色一覧

#3F84B2 の明度別色一覧

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

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

#3F84B2 を使ったカマイユ

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

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

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

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

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

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

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