#3f5166 Color Information
In a RGB color space, hex #3f5166 is composed of 24.7% red, 31.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 20.6% magenta, 0% yellow and 60% black. It has a hue angle of 212.3 degrees, a saturation of 23.6% and a lightness of 32.4%. #3f5166 color hex could be obtained by blending #7ea2cc with #000000. Closest websafe color is: #336666.
-
- R 25
- G 32
- B 40
-
- C 38
- M 21
- Y 0
- K 60
● #3f5166 color description : Very dark desaturated blue.
#3f5166 Color Conversion
The hexadecimal color #3f5166 has RGB values of R:63, G:81, B:102 and CMYK values of C:0.38, M:0.21, Y:0, K:0.6. Its decimal value is 4149606.
Hex triplet | 3f5166 | #3f5166 |
---|---|---|
RGB Decimal | 63, 81, 102 | rgb(63,81,102) |
RGB Percent | 24.7, 31.8, 40 | rgb(24.7%,31.8%,40%) |
CMYK | 38, 21, 0, 60 | |
HSL | 212.3°, 23.6, 32.4 | hsl(212.3,23.6%,32.4%) |
HSV (or HSB) | 212.3°, 38.2, 40 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.775, -1.142, -14.413 |
---|---|
XYZ | 7.39, 7.901, 13.705 |
xyY | 0.255, 0.272, 7.901 |
CIE-LCH | 33.775, 14.458, 265.469 |
CIE-LUV | 33.775, -9.154, -18.701 |
Hunter-Lab | 28.108, -2.259, -9.234 |
Binary | 00111111, 01010001, 01100110 |
Color Schemes with #3f5166
Alternatives to #3f5166
Below, you can see some colors close to #3f5166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5166 Preview
This text has a font color of #3f5166.
<span style="color:#3f5166;">Text here</span>
This paragraph has a background color of #3f5166.
<p style="background-color:#3f5166;">Content here</p>
This element has a border color of #3f5166.
<div style="border:1px solid #3f5166;">Content here</div>
.text {color:#3f5166;}
.background {background-color:#3f5166;}
.border {border:1px solid #3f5166;}
Shades and Tints of #3f5166
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, #030405 is the darkest color, while #f8f9fb is the lightest one.
-
#030405
#030405
rgb(3,4,5)
-
#0b0e11
#0b0e11
rgb(11,14,17)
-
#12171d
#12171d
rgb(18,23,29)
-
#1a2129
#1a2129
rgb(26,33,41)
-
#212a35
#212a35
rgb(33,42,53)
-
#293442
#293442
rgb(41,52,66)
-
#303e4e
#303e4e
rgb(48,62,78)
-
#38475a
#38475a
rgb(56,71,90)
-
#3f5166
#3f5166
rgb(63,81,102)
-
#465b72
#465b72
rgb(70,91,114)
-
#4e647e
#4e647e
rgb(78,100,126)
-
#556e8a
#556e8a
rgb(85,110,138)
-
#5d7897
#5d7897
rgb(93,120,151)
-
#6681a1
#6681a1
rgb(102,129,161)
-
#728ba8
#728ba8
rgb(114,139,168)
-
#7f95b0
#7f95b0
rgb(127,149,176)
-
#8b9fb7
#8b9fb7
rgb(139,159,183)
-
#97a9bf
#97a9bf
rgb(151,169,191)
-
#a3b3c6
#a3b3c6
rgb(163,179,198)
-
#afbdce
#afbdce
rgb(175,189,206)
-
#bbc7d5
#bbc7d5
rgb(187,199,213)
-
#c7d1dd
#c7d1dd
rgb(199,209,221)
-
#d3dbe4
#d3dbe4
rgb(211,219,228)
-
#e0e5ec
#e0e5ec
rgb(224,229,236)
-
#eceff3
#eceff3
rgb(236,239,243)
-
#f8f9fb
#f8f9fb
rgb(248,249,251)
Tones of #3f5166
A tone is produced by adding gray to any pure hue. In this case, #525253 is the less saturated color, while #064d9f is the most saturated one.
-
#525253
#525253
rgb(82,82,83)
-
#4c5259
#4c5259
rgb(76,82,89)
-
#455160
#455160
rgb(69,81,96)
-
#3f5166
#3f5166
rgb(63,81,102)
-
#39516c
#39516c
rgb(57,81,108)
-
#325073
#325073
rgb(50,80,115)
-
#2c5079
#2c5079
rgb(44,80,121)
-
#264f7f
#264f7f
rgb(38,79,127)
-
#1f4f86
#1f4f86
rgb(31,79,134)
-
#194e8c
#194e8c
rgb(25,78,140)
-
#134e92
#134e92
rgb(19,78,146)
-
#0c4d99
#0c4d99
rgb(12,77,153)
-
#064d9f
#064d9f
rgb(6,77,159)
Color Blindness Simulator
Below, you can see how #3f5166 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.