#2d5453 hex color

In a RGB color space, hex #2d5453 is composed of 17.6% red, 32.9% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 0% magenta, 1.2% yellow and 67.1% black. It has a hue angle of 178.5 degrees, a saturation of 30.2% and a lightness of 25.3%. #2d5453 color hex could be obtained by blending #5aa8a6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 33
RGB color chart
- C 46
- M 0
- Y 1
- K 67
CMYK color chart

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

The hexadecimal color #2d5453 has RGB values of R:45, G:84, B:83 and CMYK values of C:0.46, M:0, Y:0.01, K:0.67. Its decimal value is 2970707.

Hex triplet	2d5453	`#2d5453`
RGB Decimal	45, 84, 83	`rgb(45,84,83)`
RGB Percent	17.6, 32.9, 32.5	`rgb(17.6%,32.9%,32.5%)`
CMYK	46, 0, 1, 67
HSL	178.5°, 30.2, 25.3	`hsl(178.5,30.2%,25.3%)`
HSV (or HSB)	178.5°, 46.4, 32.9
Web Safe	336666	`#336666`

CIE-LAB	32.968, -14.07, -3.741
XYZ	5.813, 7.523, 9.329
xyY	0.256, 0.332, 7.523
CIE-LCH	32.968, 14.559, 194.89
CIE-LUV	32.968, -16.828, -2.843
Hunter-Lab	27.428, -10.164, -0.967
Binary	00101101, 01010100, 01010011

#2d5453
```
#2d5453 rgb(45,84,83)
```
#542d2e
```
#542d2e rgb(84,45,46)
```

Complementary Color

#2d5440
```
#2d5440 rgb(45,84,64)
```
#2d5453
```
#2d5453 rgb(45,84,83)
```
#2d4254
```
#2d4254 rgb(45,66,84)
```

Analogous Color

#54402d
```
#54402d rgb(84,64,45)
```
#2d5453
```
#2d5453 rgb(45,84,83)
```
#542d42
```
#542d42 rgb(84,45,66)
```

Split Complementary Color

#54532d
```
#54532d rgb(84,83,45)
```
#2d5453
```
#2d5453 rgb(45,84,83)
```
#532d54
```
#532d54 rgb(83,45,84)
```

Triadic Color

#2e542d
```
#2e542d rgb(46,84,45)
```
#2d5453
```
#2d5453 rgb(45,84,83)
```
#532d54
```
#532d54 rgb(83,45,84)
```
#542d2e
```
#542d2e rgb(84,45,46)
```

Tetradic Color

#122222
```
#122222 rgb(18,34,34)
```
#1b3332
```
#1b3332 rgb(27,51,50)
```
#244343
```
#244343 rgb(36,67,67)
```
#2d5453
```
#2d5453 rgb(45,84,83)
```
#366563
```
#366563 rgb(54,101,99)
```
#3f7574
```
#3f7574 rgb(63,117,116)
```
#488684
```
#488684 rgb(72,134,132)
```

Monochromatic Color

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

#2d5449
```
#2d5449 rgb(45,84,73)
```
#2d544d
```
#2d544d rgb(45,84,77)
```
#2d5450
```
#2d5450 rgb(45,84,80)
```
#2d5453
```
#2d5453 rgb(45,84,83)
```
#2d5254
```
#2d5254 rgb(45,82,84)
```
#2d4f54
```
#2d4f54 rgb(45,79,84)
```
#2d4b54
```
#2d4b54 rgb(45,75,84)
```

Similar Colors

Text with hexadecimal color #2d5453

This text has a font color of #2d5453.

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

#2d5453 background color

This paragraph has a background color of #2d5453.

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

#2d5453 border color

This element has a border color of #2d5453.

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

CSS codes

.text {color:#2d5453;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0b1414
```
#0b1414 rgb(11,20,20)
```
#122121
```
#122121 rgb(18,33,33)
```
#182e2d
```
#182e2d rgb(24,46,45)
```
#1f3a3a
```
#1f3a3a rgb(31,58,58)
```
#264746
```
#264746 rgb(38,71,70)
```
#2d5453
```
#2d5453 rgb(45,84,83)
```
#346160
```
#346160 rgb(52,97,96)
```
#3b6e6c
```
#3b6e6c rgb(59,110,108)
```
#427a79
```
#427a79 rgb(66,122,121)
```
#488785
```
#488785 rgb(72,135,133)
```
#4f9492
```
#4f9492 rgb(79,148,146)
```
#56a19f
```
#56a19f rgb(86,161,159)
```

Shade Color Variation

#60aaa8
```
#60aaa8 rgb(96,170,168)
```
#6db1af
```
#6db1af rgb(109,177,175)
```
#7ab8b6
```
#7ab8b6 rgb(122,184,182)
```
#87bfbd
```
#87bfbd rgb(135,191,189)
```
#93c5c4
```
#93c5c4 rgb(147,197,196)
```
#a0cccb
```
#a0cccb rgb(160,204,203)
```
#add3d2
```
#add3d2 rgb(173,211,210)
```
#badad9
```
#badad9 rgb(186,218,217)
```
#c6e1e0
```
#c6e1e0 rgb(198,225,224)
```
#d3e8e7
```
#d3e8e7 rgb(211,232,231)
```
#e0eeee
```
#e0eeee rgb(224,238,238)
```
#edf5f5
```
#edf5f5 rgb(237,245,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#3c4545
```
#3c4545 rgb(60,69,69)
```
#374a4a
```
#374a4a rgb(55,74,74)
```
#324f4e
```
#324f4e rgb(50,79,78)
```
#2d5453
```
#2d5453 rgb(45,84,83)
```
#285958
```
#285958 rgb(40,89,88)
```
#235e5c
```
#235e5c rgb(35,94,92)
```
#1e6361
```
#1e6361 rgb(30,99,97)
```
#196866
```
#196866 rgb(25,104,102)
```
#146d6b
```
#146d6b rgb(20,109,107)
```
#0f726f
```
#0f726f rgb(15,114,111)
```
#0a7774
```
#0a7774 rgb(10,119,116)
```
#057c79
```
#057c79 rgb(5,124,121)
```
#00817d
```
#00817d rgb(0,129,125)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434a4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#575658 Protanopia 1% of men
#5a545e Deuteranopia 1% of men
#3a5b62 Tritanopia 0.001% of the population

Trichromacy

#485556 Protanomaly 1% of men, 0.01% of women
#4a545a Deuteranomaly 6% of men, 0.4% of women
#35595c Tritanomaly 0.01% of the population

#2d5453 hex color

#2d5453 Color Information

#2d5453 Color Conversion

Color Schemes with #2d5453

Alternatives to #2d5453

#2d5453 Preview

Shades and Tints of #2d5453

Tones of #2d5453

Color Blindness Simulator