#3f5f75 Color Information
In a RGB color space, hex #3f5f75 is composed of 24.7% red, 37.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 18.8% magenta, 0% yellow and 54.1% black. It has a hue angle of 204.4 degrees, a saturation of 30% and a lightness of 35.3%. #3f5f75 color hex could be obtained by blending #7ebeea with #000000. Closest websafe color is: #336666.
-
- R 25
- G 37
- B 46
-
- C 46
- M 19
- Y 0
- K 54
● #3f5f75 color description : Dark moderate blue.
#3f5f75 Color Conversion
The hexadecimal color #3f5f75 has RGB values of R:63, G:95, B:117 and CMYK values of C:0.46, M:0.19, Y:0, K:0.54. Its decimal value is 4153205.
Hex triplet | 3f5f75 | #3f5f75 |
---|---|---|
RGB Decimal | 63, 95, 117 | rgb(63,95,117) |
RGB Percent | 24.7, 37.3, 45.9 | rgb(24.7%,37.3%,45.9%) |
CMYK | 46, 19, 0, 54 | |
HSL | 204.4°, 30, 35.3 | hsl(204.4,30%,35.3%) |
HSV (or HSB) | 204.4°, 46.2, 45.9 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.769, -5.241, -16.079 |
---|---|
XYZ | 9.352, 10.525, 18.367 |
xyY | 0.245, 0.275, 10.525 |
CIE-LCH | 38.769, 16.911, 251.948 |
CIE-LUV | 38.769, -14.909, -21.308 |
Hunter-Lab | 32.442, -5.318, -10.858 |
Binary | 00111111, 01011111, 01110101 |
Color Schemes with #3f5f75
Alternatives to #3f5f75
Below, you can see some colors close to #3f5f75. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5f75 Preview
This text has a font color of #3f5f75.
<span style="color:#3f5f75;">Text here</span>
This paragraph has a background color of #3f5f75.
<p style="background-color:#3f5f75;">Content here</p>
This element has a border color of #3f5f75.
<div style="border:1px solid #3f5f75;">Content here</div>
.text {color:#3f5f75;}
.background {background-color:#3f5f75;}
.border {border:1px solid #3f5f75;}
Shades and Tints of #3f5f75
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010202 is the darkest color, while #f5f7f9 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#080c0f
#080c0f
rgb(8,12,15)
-
#0f171c
#0f171c
rgb(15,23,28)
-
#162129
#162129
rgb(22,33,41)
-
#1d2b35
#1d2b35
rgb(29,43,53)
-
#243642
#243642
rgb(36,54,66)
-
#2a404f
#2a404f
rgb(42,64,79)
-
#314a5c
#314a5c
rgb(49,74,92)
-
#385568
#385568
rgb(56,85,104)
-
#3f5f75
#3f5f75
rgb(63,95,117)
-
#466982
#466982
rgb(70,105,130)
-
#4d748f
#4d748f
rgb(77,116,143)
-
#547e9b
#547e9b
rgb(84,126,155)
-
#5c88a7
#5c88a7
rgb(92,136,167)
-
#6891ae
#6891ae
rgb(104,145,174)
-
#759bb5
#759bb5
rgb(117,155,181)
-
#82a4bc
#82a4bc
rgb(130,164,188)
-
#8fadc2
#8fadc2
rgb(143,173,194)
-
#9bb7c9
#9bb7c9
rgb(155,183,201)
-
#a8c0d0
#a8c0d0
rgb(168,192,208)
-
#b5c9d7
#b5c9d7
rgb(181,201,215)
-
#c2d2de
#c2d2de
rgb(194,210,222)
-
#cedce5
#cedce5
rgb(206,220,229)
-
#dbe5ec
#dbe5ec
rgb(219,229,236)
-
#e8eef2
#e8eef2
rgb(232,238,242)
-
#f5f7f9
#f5f7f9
rgb(245,247,249)
Tones of #3f5f75
A tone is produced by adding gray to any pure hue. In this case, #545b60 is the less saturated color, while #016bb3 is the most saturated one.
-
#545b60
#545b60
rgb(84,91,96)
-
#4d5c67
#4d5c67
rgb(77,92,103)
-
#465e6e
#465e6e
rgb(70,94,110)
-
#3f5f75
#3f5f75
rgb(63,95,117)
-
#38607c
#38607c
rgb(56,96,124)
-
#316283
#316283
rgb(49,98,131)
-
#2a638a
#2a638a
rgb(42,99,138)
-
#236491
#236491
rgb(35,100,145)
-
#1c6598
#1c6598
rgb(28,101,152)
-
#15679f
#15679f
rgb(21,103,159)
-
#0f68a5
#0f68a5
rgb(15,104,165)
-
#0869ac
#0869ac
rgb(8,105,172)
-
#016bb3
#016bb3
rgb(1,107,179)
Color Blindness Simulator
Below, you can see how #3f5f75 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.