#2f5a9e Color Information
In a RGB color space, hex #2f5a9e is composed of 18.4% red, 35.3% green and 62% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 43% magenta, 0% yellow and 38% black. It has a hue angle of 216.8 degrees, a saturation of 54.1% and a lightness of 40.2%. #2f5a9e color hex could be obtained by blending #5eb4ff with #00003d. Closest websafe color is: #336699.
-
- R 18
- G 35
- B 62
-
- C 70
- M 43
- Y 0
- K 38
● #2f5a9e color description : Dark blue.
#2f5a9e Color Conversion
The hexadecimal color #2f5a9e has RGB values of R:47, G:90, B:158 and CMYK values of C:0.7, M:0.43, Y:0, K:0.38. Its decimal value is 3103390.
Hex triplet | 2f5a9e | #2f5a9e |
---|---|---|
RGB Decimal | 47, 90, 158 | rgb(47,90,158) |
RGB Percent | 18.4, 35.3, 62 | rgb(18.4%,35.3%,62%) |
CMYK | 70, 43, 0, 38 | |
HSL | 216.8°, 54.1, 40.2 | hsl(216.8,54.1%,40.2%) |
HSV (or HSB) | 216.8°, 70.3, 62 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.524, 8.635, -41.374 |
---|---|
XYZ | 10.999, 10.385, 33.771 |
xyY | 0.199, 0.188, 10.385 |
CIE-LCH | 38.524, 42.265, 281.789 |
CIE-LUV | 38.524, -16.892, -59.949 |
Hunter-Lab | 32.225, 4.53, -39.576 |
Binary | 00101111, 01011010, 10011110 |
Color Schemes with #2f5a9e
Alternatives to #2f5a9e
Below, you can see some colors close to #2f5a9e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5a9e Preview
This text has a font color of #2f5a9e.
<span style="color:#2f5a9e;">Text here</span>
This paragraph has a background color of #2f5a9e.
<p style="background-color:#2f5a9e;">Content here</p>
This element has a border color of #2f5a9e.
<div style="border:1px solid #2f5a9e;">Content here</div>
.text {color:#2f5a9e;}
.background {background-color:#2f5a9e;}
.border {border:1px solid #2f5a9e;}
Shades and Tints of #2f5a9e
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, #020407 is the darkest color, while #f7f9fd is the lightest one.
-
#020407
#020407
rgb(2,4,7)
-
#070c16
#070c16
rgb(7,12,22)
-
#0b1525
#0b1525
rgb(11,21,37)
-
#101e34
#101e34
rgb(16,30,52)
-
#142643
#142643
rgb(20,38,67)
-
#192f52
#192f52
rgb(25,47,82)
-
#1d3862
#1d3862
rgb(29,56,98)
-
#224071
#224071
rgb(34,64,113)
-
#264980
#264980
rgb(38,73,128)
-
#2b518f
#2b518f
rgb(43,81,143)
-
#2f5a9e
#2f5a9e
rgb(47,90,158)
-
#3363ad
#3363ad
rgb(51,99,173)
-
#386bbc
#386bbc
rgb(56,107,188)
-
#4175c7
#4175c7
rgb(65,117,199)
-
#5080cb
#5080cb
rgb(80,128,203)
-
#608bd0
#608bd0
rgb(96,139,208)
-
#6f96d4
#6f96d4
rgb(111,150,212)
-
#7ea1d9
#7ea1d9
rgb(126,161,217)
-
#8dacdd
#8dacdd
rgb(141,172,221)
-
#9cb7e2
#9cb7e2
rgb(156,183,226)
-
#abc2e6
#abc2e6
rgb(171,194,230)
-
#bacdeb
#bacdeb
rgb(186,205,235)
-
#c9d8ef
#c9d8ef
rgb(201,216,239)
-
#d8e3f4
#d8e3f4
rgb(216,227,244)
-
#e8eef8
#e8eef8
rgb(232,238,248)
-
#f7f9fd
#f7f9fd
rgb(247,249,253)
Tones of #2f5a9e
A tone is produced by adding gray to any pure hue. In this case, #666667 is the less saturated color, while #0851c5 is the most saturated one.
-
#666667
#666667
rgb(102,102,103)
-
#5e656f
#5e656f
rgb(94,101,111)
-
#566377
#566377
rgb(86,99,119)
-
#4f617e
#4f617e
rgb(79,97,126)
-
#475f86
#475f86
rgb(71,95,134)
-
#3f5e8e
#3f5e8e
rgb(63,94,142)
-
#375c96
#375c96
rgb(55,92,150)
-
#2f5a9e
#2f5a9e
rgb(47,90,158)
-
#2758a6
#2758a6
rgb(39,88,166)
-
#1f56ae
#1f56ae
rgb(31,86,174)
-
#1755b6
#1755b6
rgb(23,85,182)
-
#0f53be
#0f53be
rgb(15,83,190)
-
#0851c5
#0851c5
rgb(8,81,197)
Color Blindness Simulator
Below, you can see how #2f5a9e 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.