#3f6877 Color Information
In a RGB color space, hex #3f6877 is composed of 24.7% red, 40.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 12.6% magenta, 0% yellow and 53.3% black. It has a hue angle of 196.1 degrees, a saturation of 30.8% and a lightness of 35.7%. #3f6877 color hex could be obtained by blending #7ed0ee with #000000. Closest websafe color is: #336666.
-
- R 25
- G 41
- B 47
-
- C 47
- M 13
- Y 0
- K 53
● #3f6877 color description : Dark moderate blue.
#3f6877 Color Conversion
The hexadecimal color #3f6877 has RGB values of R:63, G:104, B:119 and CMYK values of C:0.47, M:0.13, Y:0, K:0.53. Its decimal value is 4155511.
Hex triplet | 3f6877 | #3f6877 |
---|---|---|
RGB Decimal | 63, 104, 119 | rgb(63,104,119) |
RGB Percent | 24.7, 40.8, 46.7 | rgb(24.7%,40.8%,46.7%) |
CMYK | 47, 13, 0, 53 | |
HSL | 196.1°, 30.8, 35.7 | hsl(196.1,30.8%,35.7%) |
HSV (or HSB) | 196.1°, 47.1, 46.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.671, -9.979, -12.874 |
---|---|
XYZ | 10.329, 12.289, 19.279 |
xyY | 0.247, 0.293, 12.289 |
CIE-LCH | 41.671, 16.289, 232.22 |
CIE-LUV | 41.671, -18.532, -16.425 |
Hunter-Lab | 35.055, -8.751, -8.069 |
Binary | 00111111, 01101000, 01110111 |
Color Schemes with #3f6877
Alternatives to #3f6877
Below, you can see some colors close to #3f6877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f6877 Preview
This text has a font color of #3f6877.
<span style="color:#3f6877;">Text here</span>
This paragraph has a background color of #3f6877.
<p style="background-color:#3f6877;">Content here</p>
This element has a border color of #3f6877.
<div style="border:1px solid #3f6877;">Content here</div>
.text {color:#3f6877;}
.background {background-color:#3f6877;}
.border {border:1px solid #3f6877;}
Shades and Tints of #3f6877
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, #020304 is the darkest color, while #f6f9fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#090e10
#090e10
rgb(9,14,16)
-
#0f1a1d
#0f1a1d
rgb(15,26,29)
-
#16252a
#16252a
rgb(22,37,42)
-
#1d3037
#1d3037
rgb(29,48,55)
-
#243b44
#243b44
rgb(36,59,68)
-
#2b4651
#2b4651
rgb(43,70,81)
-
#31525d
#31525d
rgb(49,82,93)
-
#385d6a
#385d6a
rgb(56,93,106)
-
#3f6877
#3f6877
rgb(63,104,119)
-
#467384
#467384
rgb(70,115,132)
-
#4d7e91
#4d7e91
rgb(77,126,145)
-
#538a9d
#538a9d
rgb(83,138,157)
-
#5c94a9
#5c94a9
rgb(92,148,169)
-
#699caf
#699caf
rgb(105,156,175)
-
#75a5b6
#75a5b6
rgb(117,165,182)
-
#82adbd
#82adbd
rgb(130,173,189)
-
#8fb6c4
#8fb6c4
rgb(143,182,196)
-
#9cbecb
#9cbecb
rgb(156,190,203)
-
#a9c6d1
#a9c6d1
rgb(169,198,209)
-
#b6cfd8
#b6cfd8
rgb(182,207,216)
-
#c2d7df
#c2d7df
rgb(194,215,223)
-
#cfe0e6
#cfe0e6
rgb(207,224,230)
-
#dce8ed
#dce8ed
rgb(220,232,237)
-
#e9f1f3
#e9f1f3
rgb(233,241,243)
-
#f6f9fa
#f6f9fa
rgb(246,249,250)
Tones of #3f6877
A tone is produced by adding gray to any pure hue. In this case, #545e62 is the less saturated color, while #0085b6 is the most saturated one.
-
#545e62
#545e62
rgb(84,94,98)
-
#4d6269
#4d6269
rgb(77,98,105)
-
#466570
#466570
rgb(70,101,112)
-
#3f6877
#3f6877
rgb(63,104,119)
-
#386b7e
#386b7e
rgb(56,107,126)
-
#316f85
#316f85
rgb(49,111,133)
-
#2a728c
#2a728c
rgb(42,114,140)
-
#237593
#237593
rgb(35,117,147)
-
#1c789a
#1c789a
rgb(28,120,154)
-
#157ca1
#157ca1
rgb(21,124,161)
-
#0e7fa8
#0e7fa8
rgb(14,127,168)
-
#0782af
#0782af
rgb(7,130,175)
-
#0085b6
#0085b6
rgb(0,133,182)
Color Blindness Simulator
Below, you can see how #3f6877 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.