#2f445e hex color

In a RGB color space, hex #2f445e is composed of 18.4% red, 26.7% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 27.7% magenta, 0% yellow and 63.1% black. It has a hue angle of 213.2 degrees, a saturation of 33.3% and a lightness of 27.6%. #2f445e color hex could be obtained by blending #5e88bc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 37
RGB color chart
- C 50
- M 28
- Y 0
- K 63
CMYK color chart

● #2f445e color description : Very dark desaturated blue.

The hexadecimal color #2f445e has RGB values of R:47, G:68, B:94 and CMYK values of C:0.5, M:0.28, Y:0, K:0.63. Its decimal value is 3097694.

Hex triplet	2f445e	`#2f445e`
RGB Decimal	47, 68, 94	`rgb(47,68,94)`
RGB Percent	18.4, 26.7, 36.9	`rgb(18.4%,26.7%,36.9%)`
CMYK	50, 28, 0, 63
HSL	213.2°, 33.3, 27.6	`hsl(213.2,33.3%,27.6%)`
HSV (or HSB)	213.2°, 50, 36.9
Web Safe	333366	`#333366`

CIE-LAB	28.238, -0.15, -17.943
XYZ	5.259, 5.546, 11.383
xyY	0.237, 0.25, 5.546
CIE-LCH	28.238, 17.943, 269.521
CIE-LUV	28.238, -9.637, -22.461
Hunter-Lab	23.551, -1.352, -12.17
Binary	00101111, 01000100, 01011110

#2f445e
```
#2f445e rgb(47,68,94)
```
#5e492f
```
#5e492f rgb(94,73,47)
```

Complementary Color

#2f5c5e
```
#2f5c5e rgb(47,92,94)
```
#2f445e
```
#2f445e rgb(47,68,94)
```
#322f5e
```
#322f5e rgb(50,47,94)
```

Analogous Color

#5c5e2f
```
#5c5e2f rgb(92,94,47)
```
#2f445e
```
#2f445e rgb(47,68,94)
```
#5e322f
```
#5e322f rgb(94,50,47)
```

Split Complementary Color

#445e2f
```
#445e2f rgb(68,94,47)
```
#2f445e
```
#2f445e rgb(47,68,94)
```
#5e2f44
```
#5e2f44 rgb(94,47,68)
```

Triadic Color

#2f5e49
```
#2f5e49 rgb(47,94,73)
```
#2f445e
```
#2f445e rgb(47,68,94)
```
#5e2f44
```
#5e2f44 rgb(94,47,68)
```
#5e492f
```
#5e492f rgb(94,73,47)
```

Tetradic Color

#161f2b
```
#161f2b rgb(22,31,43)
```
#1e2b3c
```
#1e2b3c rgb(30,43,60)
```
#27384d
```
#27384d rgb(39,56,77)
```
#2f445e
```
#2f445e rgb(47,68,94)
```
#38506f
```
#38506f rgb(56,80,111)
```
#405d80
```
#405d80 rgb(64,93,128)
```
#496991
```
#496991 rgb(73,105,145)
```

Monochromatic Color

Below, you can see some colors close to #2f445e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2f505e
```
#2f505e rgb(47,80,94)
```
#2f4c5e
```
#2f4c5e rgb(47,76,94)
```
#2f485e
```
#2f485e rgb(47,72,94)
```
#2f445e
```
#2f445e rgb(47,68,94)
```
#2f405e
```
#2f405e rgb(47,64,94)
```
#2f3c5e
```
#2f3c5e rgb(47,60,94)
```
#2f385e
```
#2f385e rgb(47,56,94)
```

Similar Colors

Text with hexadecimal color #2f445e

This text has a font color of #2f445e.

<span style="color:#2f445e;">Text here</span>

#2f445e background color

This paragraph has a background color of #2f445e.

<p style="background-color:#2f445e;">Content here</p>

#2f445e border color

This element has a border color of #2f445e.

<div style="border:1px solid #2f445e;">Content here</div>

CSS codes

.text {color:#2f445e;}

.background {background-color:#2f445e;}

.border {border:1px solid #2f445e;}

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, #010202 is the darkest color, while #f4f7fa is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#080b10
```
#080b10 rgb(8,11,16)
```
#0e151d
```
#0e151d rgb(14,21,29)
```
#151e2a
```
#151e2a rgb(21,30,42)
```
#1b2837
```
#1b2837 rgb(27,40,55)
```
#223144
```
#223144 rgb(34,49,68)
```
#283b51
```
#283b51 rgb(40,59,81)
```
#2f445e
```
#2f445e rgb(47,68,94)
```
#364d6b
```
#364d6b rgb(54,77,107)
```
#3c5778
```
#3c5778 rgb(60,87,120)
```
#436085
```
#436085 rgb(67,96,133)
```
#496a92
```
#496a92 rgb(73,106,146)
```
#50739f
```
#50739f rgb(80,115,159)
```

Shade Color Variation

#577dab
```
#577dab rgb(87,125,171)
```
#6587b2
```
#6587b2 rgb(101,135,178)
```
#7291b8
```
#7291b8 rgb(114,145,184)
```
#7f9bbf
```
#7f9bbf rgb(127,155,191)
```
#8ca6c5
```
#8ca6c5 rgb(140,166,197)
```
#99b0cc
```
#99b0cc rgb(153,176,204)
```
#a6bad2
```
#a6bad2 rgb(166,186,210)
```
#b3c4d9
```
#b3c4d9 rgb(179,196,217)
```
#c0cee0
```
#c0cee0 rgb(192,206,224)
```
#cdd8e6
```
#cdd8e6 rgb(205,216,230)
```
#dae2ed
```
#dae2ed rgb(218,226,237)
```
#e7edf3
```
#e7edf3 rgb(231,237,243)
```
#f4f7fa
```
#f4f7fa rgb(244,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #454648 is the less saturated color, while #043f89 is the most saturated one.

#454648
```
#454648 rgb(69,70,72)
```
#3f464e
```
#3f464e rgb(63,70,78)
```
#3a4553
```
#3a4553 rgb(58,69,83)
```
#344559
```
#344559 rgb(52,69,89)
```
#2f445e
```
#2f445e rgb(47,68,94)
```
#2a4363
```
#2a4363 rgb(42,67,99)
```
#244369
```
#244369 rgb(36,67,105)
```
#1f426e
```
#1f426e rgb(31,66,110)
```
#194274
```
#194274 rgb(25,66,116)
```
#144179
```
#144179 rgb(20,65,121)
```
#0e417f
```
#0e417f rgb(14,65,127)
```
#094084
```
#094084 rgb(9,64,132)
```
#043f89
```
#043f89 rgb(4,63,137)
```

Tone Color Variation

Below, you can see how #2f445e 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.

Monochromacy

#414141 Achromatopsia 0.005% of the population
#3d4247 Atypical Achromatopsia 0.001% of the population

Dichromacy

#444b64 Protanopia 1% of men
#424b67 Deuteranopia 1% of men
#335056 Tritanopia 0.001% of the population

Trichromacy

#3c4862 Protanomaly 1% of men, 0.01% of women
#3b4863 Deuteranomaly 6% of men, 0.4% of women
#324c59 Tritanomaly 0.01% of the population

#2f445e hex color

#2f445e Color Information

#2f445e Color Conversion

Color Schemes with #2f445e

Alternatives to #2f445e

#2f445e Preview

Shades and Tints of #2f445e

Tones of #2f445e

Color Blindness Simulator