#3f677b Color Information
In a RGB color space, hex #3f677b is composed of 24.7% red, 40.4% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 16.3% magenta, 0% yellow and 51.8% black. It has a hue angle of 200 degrees, a saturation of 32.3% and a lightness of 36.5%. #3f677b color hex could be obtained by blending #7ecef6 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 40
- B 48
-
- C 49
- M 16
- Y 0
- K 52
● #3f677b color description : Dark moderate blue.
#3f677b Color Conversion
The hexadecimal color #3f677b has RGB values of R:63, G:103, B:123 and CMYK values of C:0.49, M:0.16, Y:0, K:0.52. Its decimal value is 4155259.
Hex triplet | 3f677b | #3f677b |
---|---|---|
RGB Decimal | 63, 103, 123 | rgb(63,103,123) |
RGB Percent | 24.7, 40.4, 48.2 | rgb(24.7%,40.4%,48.2%) |
CMYK | 49, 16, 0, 52 | |
HSL | 200°, 32.3, 36.5 | hsl(200,32.3%,36.5%) |
HSV (or HSB) | 200°, 48.8, 48.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.511, -8.176, -15.542 |
---|---|
XYZ | 10.474, 12.187, 20.538 |
xyY | 0.242, 0.282, 12.187 |
CIE-LCH | 41.511, 17.562, 242.254 |
CIE-LUV | 41.511, -18.059, -20.523 |
Hunter-Lab | 34.91, -7.534, -10.445 |
Binary | 00111111, 01100111, 01111011 |
Color Schemes with #3f677b
Alternatives to #3f677b
Below, you can see some colors close to #3f677b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f677b Preview
This text has a font color of #3f677b.
<span style="color:#3f677b;">Text here</span>
This paragraph has a background color of #3f677b.
<p style="background-color:#3f677b;">Content here</p>
This element has a border color of #3f677b.
<div style="border:1px solid #3f677b;">Content here</div>
.text {color:#3f677b;}
.background {background-color:#3f677b;}
.border {border:1px solid #3f677b;}
Shades and Tints of #3f677b
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, #030506 is the darkest color, while #f8fafc is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#0a1013
#0a1013
rgb(10,16,19)
-
#101b20
#101b20
rgb(16,27,32)
-
#17262d
#17262d
rgb(23,38,45)
-
#1e313a
#1e313a
rgb(30,49,58)
-
#243c47
#243c47
rgb(36,60,71)
-
#2b4654
#2b4654
rgb(43,70,84)
-
#325161
#325161
rgb(50,81,97)
-
#385c6e
#385c6e
rgb(56,92,110)
-
#3f677b
#3f677b
rgb(63,103,123)
-
#467288
#467288
rgb(70,114,136)
-
#4c7d95
#4c7d95
rgb(76,125,149)
-
#5388a2
#5388a2
rgb(83,136,162)
-
#5d91ac
#5d91ac
rgb(93,145,172)
-
#6a9ab2
#6a9ab2
rgb(106,154,178)
-
#77a3b9
#77a3b9
rgb(119,163,185)
-
#84acc0
#84acc0
rgb(132,172,192)
-
#91b4c6
#91b4c6
rgb(145,180,198)
-
#9dbdcd
#9dbdcd
rgb(157,189,205)
-
#aac6d4
#aac6d4
rgb(170,198,212)
-
#b7cfda
#b7cfda
rgb(183,207,218)
-
#c4d7e1
#c4d7e1
rgb(196,215,225)
-
#d1e0e8
#d1e0e8
rgb(209,224,232)
-
#dee9ee
#dee9ee
rgb(222,233,238)
-
#ebf2f5
#ebf2f5
rgb(235,242,245)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #3f677b
A tone is produced by adding gray to any pure hue. In this case, #5c5d5e is the less saturated color, while #067ab4 is the most saturated one.
-
#5c5d5e
#5c5d5e
rgb(92,93,94)
-
#546066
#546066
rgb(84,96,102)
-
#4d626d
#4d626d
rgb(77,98,109)
-
#466574
#466574
rgb(70,101,116)
-
#3f677b
#3f677b
rgb(63,103,123)
-
#386982
#386982
rgb(56,105,130)
-
#316c89
#316c89
rgb(49,108,137)
-
#2a6e90
#2a6e90
rgb(42,110,144)
-
#227198
#227198
rgb(34,113,152)
-
#1b739f
#1b739f
rgb(27,115,159)
-
#1475a6
#1475a6
rgb(20,117,166)
-
#0d78ad
#0d78ad
rgb(13,120,173)
-
#067ab4
#067ab4
rgb(6,122,180)
Color Blindness Simulator
Below, you can see how #3f677b 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.