#3f5567 Color Information
In a RGB color space, hex #3f5567 is composed of 24.7% red, 33.3% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 17.5% magenta, 0% yellow and 59.6% black. It has a hue angle of 207 degrees, a saturation of 24.1% and a lightness of 32.5%. #3f5567 color hex could be obtained by blending #7eaace with #000000. Closest websafe color is: #336666.
-
- R 25
- G 33
- B 40
-
- C 39
- M 17
- Y 0
- K 60
● #3f5567 color description : Very dark desaturated blue.
#3f5567 Color Conversion
The hexadecimal color #3f5567 has RGB values of R:63, G:85, B:103 and CMYK values of C:0.39, M:0.17, Y:0, K:0.6. Its decimal value is 4150631.
Hex triplet | 3f5567 | #3f5567 |
---|---|---|
RGB Decimal | 63, 85, 103 | rgb(63,85,103) |
RGB Percent | 24.7, 33.3, 40.4 | rgb(24.7%,33.3%,40.4%) |
CMYK | 39, 17, 0, 60 | |
HSL | 207°, 24.1, 32.5 | hsl(207,24.1%,32.5%) |
HSV (or HSB) | 207°, 38.8, 40.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.069, -3.345, -13.064 |
---|---|
XYZ | 7.746, 8.533, 14.07 |
xyY | 0.255, 0.281, 8.533 |
CIE-LCH | 35.069, 13.485, 255.64 |
CIE-LUV | 35.069, -10.814, -16.767 |
Hunter-Lab | 29.211, -3.785, -8.111 |
Binary | 00111111, 01010101, 01100111 |
Color Schemes with #3f5567
Alternatives to #3f5567
Below, you can see some colors close to #3f5567. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5567 Preview
This text has a font color of #3f5567.
<span style="color:#3f5567;">Text here</span>
This paragraph has a background color of #3f5567.
<p style="background-color:#3f5567;">Content here</p>
This element has a border color of #3f5567.
<div style="border:1px solid #3f5567;">Content here</div>
.text {color:#3f5567;}
.background {background-color:#3f5567;}
.border {border:1px solid #3f5567;}
Shades and Tints of #3f5567
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 #f8fafb is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#0b0f12
#0b0f12
rgb(11,15,18)
-
#12191e
#12191e
rgb(18,25,30)
-
#1a232a
#1a232a
rgb(26,35,42)
-
#212d36
#212d36
rgb(33,45,54)
-
#293742
#293742
rgb(41,55,66)
-
#30414f
#30414f
rgb(48,65,79)
-
#384b5b
#384b5b
rgb(56,75,91)
-
#3f5567
#3f5567
rgb(63,85,103)
-
#465f73
#465f73
rgb(70,95,115)
-
#4e697f
#4e697f
rgb(78,105,127)
-
#55738c
#55738c
rgb(85,115,140)
-
#5d7d98
#5d7d98
rgb(93,125,152)
-
#6687a2
#6687a2
rgb(102,135,162)
-
#7391a9
#7391a9
rgb(115,145,169)
-
#7f9ab1
#7f9ab1
rgb(127,154,177)
-
#8ba4b8
#8ba4b8
rgb(139,164,184)
-
#97adbf
#97adbf
rgb(151,173,191)
-
#a3b7c7
#a3b7c7
rgb(163,183,199)
-
#afc0ce
#afc0ce
rgb(175,192,206)
-
#bccad6
#bccad6
rgb(188,202,214)
-
#c8d4dd
#c8d4dd
rgb(200,212,221)
-
#d4dde5
#d4dde5
rgb(212,221,229)
-
#e0e7ec
#e0e7ec
rgb(224,231,236)
-
#ecf0f4
#ecf0f4
rgb(236,240,244)
-
#f8fafb
#f8fafb
rgb(248,250,251)
Tones of #3f5567
A tone is produced by adding gray to any pure hue. In this case, #525354 is the less saturated color, while #065ba0 is the most saturated one.
-
#525354
#525354
rgb(82,83,84)
-
#4c545a
#4c545a
rgb(76,84,90)
-
#455461
#455461
rgb(69,84,97)
-
#3f5567
#3f5567
rgb(63,85,103)
-
#39566d
#39566d
rgb(57,86,109)
-
#325674
#325674
rgb(50,86,116)
-
#2c577a
#2c577a
rgb(44,87,122)
-
#255881
#255881
rgb(37,88,129)
-
#1f5887
#1f5887
rgb(31,88,135)
-
#19598d
#19598d
rgb(25,89,141)
-
#125994
#125994
rgb(18,89,148)
-
#0c5a9a
#0c5a9a
rgb(12,90,154)
-
#065ba0
#065ba0
rgb(6,91,160)
Color Blindness Simulator
Below, you can see how #3f5567 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.