#3f6778 Color Information
In a RGB color space, hex #3f6778 is composed of 24.7% red, 40.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 14.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 197.9 degrees, a saturation of 31.1% and a lightness of 35.9%. #3f6778 color hex could be obtained by blending #7ecef0 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 40
- B 47
-
- C 48
- M 14
- Y 0
- K 53
● #3f6778 color description : Dark moderate blue.
#3f6778 Color Conversion
The hexadecimal color #3f6778 has RGB values of R:63, G:103, B:120 and CMYK values of C:0.48, M:0.14, Y:0, K:0.53. Its decimal value is 4155256.
Hex triplet | 3f6778 | #3f6778 |
---|---|---|
RGB Decimal | 63, 103, 120 | rgb(63,103,120) |
RGB Percent | 24.7, 40.4, 47.1 | rgb(24.7%,40.4%,47.1%) |
CMYK | 48, 14, 0, 53 | |
HSL | 197.9°, 31.1, 35.9 | hsl(197.9,31.1%,35.9%) |
HSV (or HSB) | 197.9°, 47.5, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.395, -9.093, -13.901 |
---|---|
XYZ | 10.289, 12.113, 19.564 |
xyY | 0.245, 0.289, 12.113 |
CIE-LCH | 41.395, 16.61, 236.811 |
CIE-LUV | 41.395, -18.108, -17.999 |
Hunter-Lab | 34.803, -8.133, -8.966 |
Binary | 00111111, 01100111, 01111000 |
Color Schemes with #3f6778
Alternatives to #3f6778
Below, you can see some colors close to #3f6778. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f6778 Preview
This text has a font color of #3f6778.
<span style="color:#3f6778;">Text here</span>
This paragraph has a background color of #3f6778.
<p style="background-color:#3f6778;">Content here</p>
This element has a border color of #3f6778.
<div style="border:1px solid #3f6778;">Content here</div>
.text {color:#3f6778;}
.background {background-color:#3f6778;}
.border {border:1px solid #3f6778;}
Shades and Tints of #3f6778
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, #020404 is the darkest color, while #f6f9fa is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#090f11
#090f11
rgb(9,15,17)
-
#101a1e
#101a1e
rgb(16,26,30)
-
#16252b
#16252b
rgb(22,37,43)
-
#1d3038
#1d3038
rgb(29,48,56)
-
#243b45
#243b45
rgb(36,59,69)
-
#2b4651
#2b4651
rgb(43,70,81)
-
#31515e
#31515e
rgb(49,81,94)
-
#385c6b
#385c6b
rgb(56,92,107)
-
#3f6778
#3f6778
rgb(63,103,120)
-
#467285
#467285
rgb(70,114,133)
-
#4d7d92
#4d7d92
rgb(77,125,146)
-
#53889f
#53889f
rgb(83,136,159)
-
#5c92a9
#5c92a9
rgb(92,146,169)
-
#699bb0
#699bb0
rgb(105,155,176)
-
#76a3b7
#76a3b7
rgb(118,163,183)
-
#83acbe
#83acbe
rgb(131,172,190)
-
#8fb5c4
#8fb5c4
rgb(143,181,196)
-
#9cbdcb
#9cbdcb
rgb(156,189,203)
-
#a9c6d2
#a9c6d2
rgb(169,198,210)
-
#b6ced9
#b6ced9
rgb(182,206,217)
-
#c3d7df
#c3d7df
rgb(195,215,223)
-
#d0e0e6
#d0e0e6
rgb(208,224,230)
-
#dde8ed
#dde8ed
rgb(221,232,237)
-
#eaf1f4
#eaf1f4
rgb(234,241,244)
-
#f6f9fa
#f6f9fa
rgb(246,249,250)
Tones of #3f6778
A tone is produced by adding gray to any pure hue. In this case, #5b5c5c is the less saturated color, while #077eb0 is the most saturated one.
-
#5b5c5c
#5b5c5c
rgb(91,92,92)
-
#545e63
#545e63
rgb(84,94,99)
-
#4d616a
#4d616a
rgb(77,97,106)
-
#466471
#466471
rgb(70,100,113)
-
#3f6778
#3f6778
rgb(63,103,120)
-
#386a7f
#386a7f
rgb(56,106,127)
-
#316d86
#316d86
rgb(49,109,134)
-
#2a708d
#2a708d
rgb(42,112,141)
-
#237294
#237294
rgb(35,114,148)
-
#1c759b
#1c759b
rgb(28,117,155)
-
#1578a2
#1578a2
rgb(21,120,162)
-
#0e7ba9
#0e7ba9
rgb(14,123,169)
-
#077eb0
#077eb0
rgb(7,126,176)
Color Blindness Simulator
Below, you can see how #3f6778 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.