#2d4f5a hex color

In a RGB color space, hex #2d4f5a is composed of 17.6% red, 31% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 12.2% magenta, 0% yellow and 64.7% black. It has a hue angle of 194.7 degrees, a saturation of 33.3% and a lightness of 26.5%. #2d4f5a color hex could be obtained by blending #5a9eb4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 31
- B 35
RGB color chart
- C 50
- M 12
- Y 0
- K 65
CMYK color chart

● #2d4f5a color description : Very dark desaturated cyan.

The hexadecimal color #2d4f5a has RGB values of R:45, G:79, B:90 and CMYK values of C:0.5, M:0.12, Y:0, K:0.65. Its decimal value is 2969434.

Hex triplet	2d4f5a	`#2d4f5a`
RGB Decimal	45, 79, 90	`rgb(45,79,90)`
RGB Percent	17.6, 31, 35.3	`rgb(17.6%,31%,35.3%)`
CMYK	50, 12, 0, 65
HSL	194.7°, 33.3, 26.5	`hsl(194.7,33.3%,26.5%)`
HSV (or HSB)	194.7°, 50, 35.3
Web Safe	336666	`#336666`

CIE-LAB	31.55, -8.981, -10.311
XYZ	5.723, 6.888, 10.7
xyY	0.246, 0.295, 6.888
CIE-LCH	31.55, 13.674, 228.946
CIE-LUV	31.55, -14.618, -11.947
Hunter-Lab	26.244, -7.002, -5.802
Binary	00101101, 01001111, 01011010

#2d4f5a
```
#2d4f5a rgb(45,79,90)
```
#5a382d
```
#5a382d rgb(90,56,45)
```

Complementary Color

#2d5a4f
```
#2d5a4f rgb(45,90,79)
```
#2d4f5a
```
#2d4f5a rgb(45,79,90)
```
#2d395a
```
#2d395a rgb(45,57,90)
```

Analogous Color

#5a4f2d
```
#5a4f2d rgb(90,79,45)
```
#2d4f5a
```
#2d4f5a rgb(45,79,90)
```
#5a2d39
```
#5a2d39 rgb(90,45,57)
```

Split Complementary Color

#4f5a2d
```
#4f5a2d rgb(79,90,45)
```
#2d4f5a
```
#2d4f5a rgb(45,79,90)
```
#5a2d4f
```
#5a2d4f rgb(90,45,79)
```

Triadic Color

#2d5a38
```
#2d5a38 rgb(45,90,56)
```
#2d4f5a
```
#2d4f5a rgb(45,79,90)
```
#5a2d4f
```
#5a2d4f rgb(90,45,79)
```
#5a382d
```
#5a382d rgb(90,56,45)
```

Tetradic Color

#142227
```
#142227 rgb(20,34,39)
```
#1c3138
```
#1c3138 rgb(28,49,56)
```
#254049
```
#254049 rgb(37,64,73)
```
#2d4f5a
```
#2d4f5a rgb(45,79,90)
```
#365e6b
```
#365e6b rgb(54,94,107)
```
#3e6d7c
```
#3e6d7c rgb(62,109,124)
```
#477c8d
```
#477c8d rgb(71,124,141)
```

Monochromatic Color

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

#2d5a5a
```
#2d5a5a rgb(45,90,90)
```
#2d575a
```
#2d575a rgb(45,87,90)
```
#2d535a
```
#2d535a rgb(45,83,90)
```
#2d4f5a
```
#2d4f5a rgb(45,79,90)
```
#2d4b5a
```
#2d4b5a rgb(45,75,90)
```
#2d485a
```
#2d485a rgb(45,72,90)
```
#2d445a
```
#2d445a rgb(45,68,90)
```

Similar Colors

Text with hexadecimal color #2d4f5a

This text has a font color of #2d4f5a.

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

#2d4f5a background color

This paragraph has a background color of #2d4f5a.

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

#2d4f5a border color

This element has a border color of #2d4f5a.

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

CSS codes

.text {color:#2d4f5a;}

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

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

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, #060a0c is the darkest color, while #fdfefe is the lightest one.

#060a0c
```
#060a0c rgb(6,10,12)
```
#0c1619
```
#0c1619 rgb(12,22,25)
```
#132126
```
#132126 rgb(19,33,38)
```
#192d33
```
#192d33 rgb(25,45,51)
```
#203840
```
#203840 rgb(32,56,64)
```
#26444d
```
#26444d rgb(38,68,77)
```
#2d4f5a
```
#2d4f5a rgb(45,79,90)
```
#345a67
```
#345a67 rgb(52,90,103)
```
#3a6674
```
#3a6674 rgb(58,102,116)
```
#417181
```
#417181 rgb(65,113,129)
```
#477d8e
```
#477d8e rgb(71,125,142)
```
#4e889b
```
#4e889b rgb(78,136,155)
```
#5494a8
```
#5494a8 rgb(84,148,168)
```

Shade Color Variation

#619cb0
```
#619cb0 rgb(97,156,176)
```
#6ea5b6
```
#6ea5b6 rgb(110,165,182)
```
#7badbd
```
#7badbd rgb(123,173,189)
```
#88b5c3
```
#88b5c3 rgb(136,181,195)
```
#95bdca
```
#95bdca rgb(149,189,202)
```
#a2c5d0
```
#a2c5d0 rgb(162,197,208)
```
#afcdd7
```
#afcdd7 rgb(175,205,215)
```
#bcd5de
```
#bcd5de rgb(188,213,222)
```
#c9dde4
```
#c9dde4 rgb(201,221,228)
```
#d6e6eb
```
#d6e6eb rgb(214,230,235)
```
#e3eef1
```
#e3eef1 rgb(227,238,241)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#424445
```
#424445 rgb(66,68,69)
```
#3d474a
```
#3d474a rgb(61,71,74)
```
#374a50
```
#374a50 rgb(55,74,80)
```
#324c55
```
#324c55 rgb(50,76,85)
```
#2d4f5a
```
#2d4f5a rgb(45,79,90)
```
#28525f
```
#28525f rgb(40,82,95)
```
#235464
```
#235464 rgb(35,84,100)
```
#1d576a
```
#1d576a rgb(29,87,106)
```
#185a6f
```
#185a6f rgb(24,90,111)
```
#135c74
```
#135c74 rgb(19,92,116)
```
#0e5f79
```
#0e5f79 rgb(14,95,121)
```
#09627e
```
#09627e rgb(9,98,126)
```
#036484
```
#036484 rgb(3,100,132)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#41484a Atypical Achromatopsia 0.001% of the population

Dichromacy

#51535f Protanopia 1% of men
#525264 Deuteranopia 1% of men
#36585f Tritanopia 0.001% of the population

Trichromacy

#44515d Protanomaly 1% of men, 0.01% of women
#445060 Deuteranomaly 6% of men, 0.4% of women
#33555d Tritanomaly 0.01% of the population

#2d4f5a hex color

#2d4f5a Color Information

#2d4f5a Color Conversion

Color Schemes with #2d4f5a

Alternatives to #2d4f5a

#2d4f5a Preview

Shades and Tints of #2d4f5a

Tones of #2d4f5a

Color Blindness Simulator