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

#3F80B2 の色情報

#3F80B2

画像
HEX	#3F80B2
RGB	R:63 G:128 B:178
RGBの割合	R:24.7% G:50.2% B:69.8%
HSV	H:206.1 S:64.6 V:69.8
HSL	H:206.1 S:47.7 L:47.3
CMY	C:75.3 M:49.8 Y:30.2

CMYK	C:64.6 M:28.1 Y:0.0 K:30.2
YCbCr	Y:114.1 Cb:159.6 Cr:95.9
XYZ	X:17.8 Y:19.7 Z:45.0
xyY	x:0.216 y:0.239 Y:19.7

CIE Lab	L:51.5 a:-4.9 b*:-32.6
CIE LCh	L:51.5 C:32.9 h:261.5
CIE Luv	L:51.5 u:-26.2 v*:-48.7
Hunter Lab	L:44.4 a:-6.1 b:-29.0

#3F80B2 の色相別色一覧

#B2543F

#B2713F

#B28E3F

#B2AB3F

#9DB23F

#80B23F

#63B23F

#47B23F

#3FB254

#3FB271

#3FB28E

#3FB2AB

#3F9DB2

#3F80B2

#3F63B2

#3F47B2

#543FB2

#713FB2

#8E3FB2

#AB3FB2

#B23F9D

#B23F80

#B23F63

#B23F47

#3F80B2 の彩度別色一覧

#AAAEB2

#A1ABB2

#98A7B2

#8FA3B2

#869FB2

#7D9BB2

#7497B2

#6C93B2

#638FB2

#5A8CB2

#5188B2

#4884B2

#3F80B2

#367CB2

#2D78B2

#2474B2

#1B71B2

#136DB2

#0A69B2

#0165B2

#3F80B2 の明度別色一覧

#04090C

#091219

#0D1B26

#122433

#162D3F

#1B374C

#1F4059

#244966

#285272

#2D5B7F

#31648C

#366E99

#3A77A5

#3F80B2

#4489BF

#4892CC

#4D9CD8

#51A5E5

#56AEF2

#5AB7FF

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

#1C467D

#329AD6

#88D6F5

#25384F

#3F80B2

#2E9CCC

#3F80B2

#4497F0

#263F4A

#295769

#112F4A

#4CA7F2

#496C96

#3F80B2

#19557D

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

#479B3A

#A34868

#9B7E38

#3F80B2

#7A47B5

#C6AB32

#8349AF

#42A849

#3F80B2

#A0345B

#C45371

#893BC1

#BBC13F

#429B4B

#3F80B2

#3F80B2 を使ったカマイユ

#2D7AAA

#457DBA

#467FB7

#3F80B2

#4473A5

#397FBC

#3F80B2

#357FAD

#508BC6

#3692C4

#4C7CAA

#518FC9

#4A8FB7

#3F80B2

#5094CC

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

#2E5CA8

#30A6C6

#59A4C9

#4B699E

#3F80B2

#567ABA

#58B0CC

#3182A5

#468AAD

#3F80B2

#2866C4

#3F80B2

#206593

#3E639E

#6199D6

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

#4B6980

#3F80B2

#052E4D

#8ABEE6

#0B6EBA

#3F80B2

#8BACC4

#41505C

#0C8EF2

#172836

#7695AD

#3F80B2

#7A90A1

#012C4D

#818E99

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

#3F80B2

#90C9F5

#1A5E91

#3F80B2

#496E8A

#105B94

#668094

#135587

#3F80B2

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

#3F80B2

#B23F80

#80B23F

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

#B2973F

#3F80B2

#B24B3F

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

#3F80B2

#AB3FB2

#B2713F

#47B23F

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

#3F80B2

#B2713F

#3F80B2

#98A7B2

#3F80B2

#5AB7FF

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

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

#3F80B2

#3F80B2 の色情報

#3F80B2 の色相別色一覧

#3F80B2 の彩度別色一覧

#3F80B2 の明度別色一覧

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

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

#3F80B2 を使ったカマイユ

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

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

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

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

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

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

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