#3f687b Color Information
In a RGB color space, hex #3f687b is composed of 24.7% red, 40.8% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 15.4% magenta, 0% yellow and 51.8% black. It has a hue angle of 199 degrees, a saturation of 32.3% and a lightness of 36.5%. #3f687b color hex could be obtained by blending #7ed0f6 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 41
- B 48
-
- C 49
- M 15
- Y 0
- K 52
● #3f687b color description : Dark moderate blue.
#3f687b Color Conversion
The hexadecimal color #3f687b has RGB values of R:63, G:104, B:123 and CMYK values of C:0.49, M:0.15, Y:0, K:0.52. Its decimal value is 4155515.
Hex triplet | 3f687b | #3f687b |
---|---|---|
RGB Decimal | 63, 104, 123 | rgb(63,104,123) |
RGB Percent | 24.7, 40.8, 48.2 | rgb(24.7%,40.8%,48.2%) |
CMYK | 49, 15, 0, 52 | |
HSL | 199°, 32.3, 36.5 | hsl(199,32.3%,36.5%) |
HSV (or HSB) | 199°, 48.8, 48.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.824, -8.765, -15.065 |
---|---|
XYZ | 10.574, 12.387, 20.571 |
xyY | 0.243, 0.285, 12.387 |
CIE-LCH | 41.824, 17.429, 239.809 |
CIE-LUV | 41.824, -18.461, -19.786 |
Hunter-Lab | 35.195, -7.96, -10.019 |
Binary | 00111111, 01101000, 01111011 |
Color Schemes with #3f687b
Alternatives to #3f687b
Below, you can see some colors close to #3f687b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f687b Preview
This text has a font color of #3f687b.
<span style="color:#3f687b;">Text here</span>
This paragraph has a background color of #3f687b.
<p style="background-color:#3f687b;">Content here</p>
This element has a border color of #3f687b.
<div style="border:1px solid #3f687b;">Content here</div>
.text {color:#3f687b;}
.background {background-color:#3f687b;}
.border {border:1px solid #3f687b;}
Shades and Tints of #3f687b
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 #f8fbfc 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)
-
#2b4754
#2b4754
rgb(43,71,84)
-
#325261
#325261
rgb(50,82,97)
-
#385d6e
#385d6e
rgb(56,93,110)
-
#3f687b
#3f687b
rgb(63,104,123)
-
#467388
#467388
rgb(70,115,136)
-
#4c7e95
#4c7e95
rgb(76,126,149)
-
#5389a2
#5389a2
rgb(83,137,162)
-
#5d93ac
#5d93ac
rgb(93,147,172)
-
#6a9bb2
#6a9bb2
rgb(106,155,178)
-
#77a4b9
#77a4b9
rgb(119,164,185)
-
#84adc0
#84adc0
rgb(132,173,192)
-
#91b5c6
#91b5c6
rgb(145,181,198)
-
#9dbecd
#9dbecd
rgb(157,190,205)
-
#aac7d4
#aac7d4
rgb(170,199,212)
-
#b7cfda
#b7cfda
rgb(183,207,218)
-
#c4d8e1
#c4d8e1
rgb(196,216,225)
-
#d1e1e8
#d1e1e8
rgb(209,225,232)
-
#dee9ee
#dee9ee
rgb(222,233,238)
-
#ebf2f5
#ebf2f5
rgb(235,242,245)
-
#f8fbfc
#f8fbfc
rgb(248,251,252)
Tones of #3f687b
A tone is produced by adding gray to any pure hue. In this case, #5c5e5e is the less saturated color, while #067db4 is the most saturated one.
-
#5c5e5e
#5c5e5e
rgb(92,94,94)
-
#546066
#546066
rgb(84,96,102)
-
#4d636d
#4d636d
rgb(77,99,109)
-
#466574
#466574
rgb(70,101,116)
-
#3f687b
#3f687b
rgb(63,104,123)
-
#386b82
#386b82
rgb(56,107,130)
-
#316d89
#316d89
rgb(49,109,137)
-
#2a7090
#2a7090
rgb(42,112,144)
-
#227298
#227298
rgb(34,114,152)
-
#1b759f
#1b759f
rgb(27,117,159)
-
#1478a6
#1478a6
rgb(20,120,166)
-
#0d7aad
#0d7aad
rgb(13,122,173)
-
#067db4
#067db4
rgb(6,125,180)
Color Blindness Simulator
Below, you can see how #3f687b 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.