#2d454f hex color

In a RGB color space, hex #2d454f is composed of 17.6% red, 27.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 12.7% magenta, 0% yellow and 69% black. It has a hue angle of 197.6 degrees, a saturation of 27.4% and a lightness of 24.3%. #2d454f color hex could be obtained by blending #5a8a9e with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 31
RGB color chart
- C 43
- M 13
- Y 0
- K 69
CMYK color chart

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

The hexadecimal color #2d454f has RGB values of R:45, G:69, B:79 and CMYK values of C:0.43, M:0.13, Y:0, K:0.69. Its decimal value is 2966863.

Hex triplet	2d454f	`#2d454f`
RGB Decimal	45, 69, 79	`rgb(45,69,79)`
RGB Percent	17.6, 27.1, 31	`rgb(17.6%,27.1%,31%)`
CMYK	43, 13, 0, 69
HSL	197.6°, 27.4, 24.3	`hsl(197.6,27.4%,24.3%)`
HSV (or HSB)	197.6°, 43, 31
Web Safe	333366	`#333366`

CIE-LAB	27.787, -6.244, -8.935
XYZ	4.621, 5.378, 8.191
xyY	0.254, 0.296, 5.378
CIE-LCH	27.787, 10.901, 235.053
CIE-LUV	27.787, -10.692, -10.031
Hunter-Lab	23.191, -5.016, -4.708
Binary	00101101, 01000101, 01001111

#2d454f
```
#2d454f rgb(45,69,79)
```
#4f372d
```
#4f372d rgb(79,55,45)
```

Complementary Color

#2d4f48
```
#2d4f48 rgb(45,79,72)
```
#2d454f
```
#2d454f rgb(45,69,79)
```
#2d344f
```
#2d344f rgb(45,52,79)
```

Analogous Color

#4f482d
```
#4f482d rgb(79,72,45)
```
#2d454f
```
#2d454f rgb(45,69,79)
```
#4f2d34
```
#4f2d34 rgb(79,45,52)
```

Split Complementary Color

#454f2d
```
#454f2d rgb(69,79,45)
```
#2d454f
```
#2d454f rgb(45,69,79)
```
#4f2d45
```
#4f2d45 rgb(79,45,69)
```

Triadic Color

#2d4f37
```
#2d4f37 rgb(45,79,55)
```
#2d454f
```
#2d454f rgb(45,69,79)
```
#4f2d45
```
#4f2d45 rgb(79,45,69)
```
#4f372d
```
#4f372d rgb(79,55,45)
```

Tetradic Color

#111a1e
```
#111a1e rgb(17,26,30)
```
#1a292f
```
#1a292f rgb(26,41,47)
```
#24373f
```
#24373f rgb(36,55,63)
```
#2d454f
```
#2d454f rgb(45,69,79)
```
#36535f
```
#36535f rgb(54,83,95)
```
#40616f
```
#40616f rgb(64,97,111)
```
#497080
```
#497080 rgb(73,112,128)
```

Monochromatic Color

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

#2d4e4f
```
#2d4e4f rgb(45,78,79)
```
#2d4b4f
```
#2d4b4f rgb(45,75,79)
```
#2d484f
```
#2d484f rgb(45,72,79)
```
#2d454f
```
#2d454f rgb(45,69,79)
```
#2d424f
```
#2d424f rgb(45,66,79)
```
#2d3f4f
```
#2d3f4f rgb(45,63,79)
```
#2d3d4f
```
#2d3d4f rgb(45,61,79)
```

Similar Colors

Text with hexadecimal color #2d454f

This text has a font color of #2d454f.

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

#2d454f background color

This paragraph has a background color of #2d454f.

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

#2d454f border color

This element has a border color of #2d454f.

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

CSS codes

.text {color:#2d454f;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#090e11
```
#090e11 rgb(9,14,17)
```
#11191d
```
#11191d rgb(17,25,29)
```
#18242a
```
#18242a rgb(24,36,42)
```
#1f2f36
```
#1f2f36 rgb(31,47,54)
```
#263a43
```
#263a43 rgb(38,58,67)
```
#2d454f
```
#2d454f rgb(45,69,79)
```
#34505b
```
#34505b rgb(52,80,91)
```
#3b5b68
```
#3b5b68 rgb(59,91,104)
```
#426674
```
#426674 rgb(66,102,116)
```
#497181
```
#497181 rgb(73,113,129)
```
#517c8d
```
#517c8d rgb(81,124,141)
```
#58869a
```
#58869a rgb(88,134,154)
```

Shade Color Variation

#6191a5
```
#6191a5 rgb(97,145,165)
```
#6d99ac
```
#6d99ac rgb(109,153,172)
```
#7aa2b3
```
#7aa2b3 rgb(122,162,179)
```
#86abba
```
#86abba rgb(134,171,186)
```
#93b3c1
```
#93b3c1 rgb(147,179,193)
```
#9fbcc8
```
#9fbcc8 rgb(159,188,200)
```
#acc5cf
```
#acc5cf rgb(172,197,207)
```
#b8ced7
```
#b8ced7 rgb(184,206,215)
```
#c5d6de
```
#c5d6de rgb(197,214,222)
```
#d1dfe5
```
#d1dfe5 rgb(209,223,229)
```
#dee8ec
```
#dee8ec rgb(222,232,236)
```
#eaf0f3
```
#eaf0f3 rgb(234,240,243)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3b3f41 is the less saturated color, while #02577a is the most saturated one.

#3b3f41
```
#3b3f41 rgb(59,63,65)
```
#374145
```
#374145 rgb(55,65,69)
```
#32434a
```
#32434a rgb(50,67,74)
```
#2d454f
```
#2d454f rgb(45,69,79)
```
#284754
```
#284754 rgb(40,71,84)
```
#234959
```
#234959 rgb(35,73,89)
```
#1f4b5d
```
#1f4b5d rgb(31,75,93)
```
#1a4d62
```
#1a4d62 rgb(26,77,98)
```
#154f67
```
#154f67 rgb(21,79,103)
```
#10516c
```
#10516c rgb(16,81,108)
```
#0c5370
```
#0c5370 rgb(12,83,112)
```
#075575
```
#075575 rgb(7,85,117)
```
#02577a
```
#02577a rgb(2,87,122)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3b4042 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494a55 Protanopia 1% of men
#4a4959 Deuteranopia 1% of men
#364f55 Tritanopia 0.001% of the population

Trichromacy

#3f4853 Protanomaly 1% of men, 0.01% of women
#404855 Deuteranomaly 6% of men, 0.4% of women
#334b52 Tritanomaly 0.01% of the population

#2d454f hex color

#2d454f Color Information

#2d454f Color Conversion

Color Schemes with #2d454f

Alternatives to #2d454f

#2d454f Preview

Shades and Tints of #2d454f

Tones of #2d454f

Color Blindness Simulator