#2e4545 hex color

In a RGB color space, hex #2e4545 is composed of 18% red, 27.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 0% magenta, 0% yellow and 72.9% black. It has a hue angle of 180 degrees, a saturation of 20% and a lightness of 22.5%. #2e4545 color hex could be obtained by blending #5c8a8a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 27
- B 27
RGB color chart
- C 33
- M 0
- Y 0
- K 73
CMYK color chart

● #2e4545 color description : Very dark grayish cyan.

The hexadecimal color #2e4545 has RGB values of R:46, G:69, B:69 and CMYK values of C:0.33, M:0, Y:0, K:0.73. Its decimal value is 3032389.

Hex triplet	2e4545	`#2e4545`
RGB Decimal	46, 69, 69	`rgb(46,69,69)`
RGB Percent	18, 27.1, 27.1	`rgb(18%,27.1%,27.1%)`
CMYK	33, 0, 0, 73
HSL	180°, 20, 22.5	`hsl(180,20%,22.5%)`
HSV (or HSB)	180°, 33.3, 27.1
Web Safe	333333	`#333333`

CIE-LAB	27.481, -8.861, -2.869
XYZ	4.329, 5.267, 6.418
xyY	0.27, 0.329, 5.267
CIE-LCH	27.481, 9.314, 197.942
CIE-LUV	27.481, -10.378, -2.242
Hunter-Lab	22.949, -6.491, -0.518
Binary	00101110, 01000101, 01000101

#2e4545
```
#2e4545 rgb(46,69,69)
```
#452e2e
```
#452e2e rgb(69,46,46)
```

Complementary Color

#2e453a
```
#2e453a rgb(46,69,58)
```
#2e4545
```
#2e4545 rgb(46,69,69)
```
#2e3a45
```
#2e3a45 rgb(46,58,69)
```

Analogous Color

#453a2e
```
#453a2e rgb(69,58,46)
```
#2e4545
```
#2e4545 rgb(46,69,69)
```
#452e3a
```
#452e3a rgb(69,46,58)
```

Split Complementary Color

#45452e
```
#45452e rgb(69,69,46)
```
#2e4545
```
#2e4545 rgb(46,69,69)
```
#452e45
```
#452e45 rgb(69,46,69)
```

Triadic Color

#2e452e
```
#2e452e rgb(46,69,46)
```
#2e4545
```
#2e4545 rgb(46,69,69)
```
#452e45
```
#452e45 rgb(69,46,69)
```
#452e2e
```
#452e2e rgb(69,46,46)
```

Tetradic Color

#0f1717
```
#0f1717 rgb(15,23,23)
```
#1a2626
```
#1a2626 rgb(26,38,38)
```
#243636
```
#243636 rgb(36,54,54)
```
#2e4545
```
#2e4545 rgb(46,69,69)
```
#385454
```
#385454 rgb(56,84,84)
```
#426464
```
#426464 rgb(66,100,100)
```
#4d7373
```
#4d7373 rgb(77,115,115)
```

Monochromatic Color

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

#2e453f
```
#2e453f rgb(46,69,63)
```
#2e4541
```
#2e4541 rgb(46,69,65)
```
#2e4543
```
#2e4543 rgb(46,69,67)
```
#2e4545
```
#2e4545 rgb(46,69,69)
```
#2e4345
```
#2e4345 rgb(46,67,69)
```
#2e4145
```
#2e4145 rgb(46,65,69)
```
#2e3f45
```
#2e3f45 rgb(46,63,69)
```

Similar Colors

Text with hexadecimal color #2e4545

This text has a font color of #2e4545.

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

#2e4545 background color

This paragraph has a background color of #2e4545.

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

#2e4545 border color

This element has a border color of #2e4545.

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

CSS codes

.text {color:#2e4545;}

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

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

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

#070a0a
```
#070a0a rgb(7,10,10)
```
#0f1616
```
#0f1616 rgb(15,22,22)
```
#162222
```
#162222 rgb(22,34,34)
```
#1e2d2d
```
#1e2d2d rgb(30,45,45)
```
#263939
```
#263939 rgb(38,57,57)
```
#2e4545
```
#2e4545 rgb(46,69,69)
```
#365151
```
#365151 rgb(54,81,81)
```
#3e5d5d
```
#3e5d5d rgb(62,93,93)
```
#466868
```
#466868 rgb(70,104,104)
```
#4d7474
```
#4d7474 rgb(77,116,116)
```
#558080
```
#558080 rgb(85,128,128)
```
#5d8c8c
```
#5d8c8c rgb(93,140,140)
```
#659797
```
#659797 rgb(101,151,151)
```

Shade Color Variation

#70a0a0
```
#70a0a0 rgb(112,160,160)
```
#7ca8a8
```
#7ca8a8 rgb(124,168,168)
```
#88afaf
```
#88afaf rgb(136,175,175)
```
#93b7b7
```
#93b7b7 rgb(147,183,183)
```
#9fbfbf
```
#9fbfbf rgb(159,191,191)
```
#abc7c7
```
#abc7c7 rgb(171,199,199)
```
#b7cfcf
```
#b7cfcf rgb(183,207,207)
```
#c3d7d7
```
#c3d7d7 rgb(195,215,215)
```
#cedfdf
```
#cedfdf rgb(206,223,223)
```
#dae6e6
```
#dae6e6 rgb(218,230,230)
```
#e6eeee
```
#e6eeee rgb(230,238,238)
```
#f2f6f6
```
#f2f6f6 rgb(242,246,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#373c3c
```
#373c3c rgb(55,60,60)
```
#324141
```
#324141 rgb(50,65,65)
```
#2e4545
```
#2e4545 rgb(46,69,69)
```
#2a4949
```
#2a4949 rgb(42,73,73)
```
#254e4e
```
#254e4e rgb(37,78,78)
```
#215252
```
#215252 rgb(33,82,82)
```
#1c5757
```
#1c5757 rgb(28,87,87)
```
#185b5b
```
#185b5b rgb(24,91,91)
```
#136060
```
#136060 rgb(19,96,96)
```
#0f6464
```
#0f6464 rgb(15,100,100)
```
#0b6868
```
#0b6868 rgb(11,104,104)
```
#066d6d
```
#066d6d rgb(6,109,109)
```
#027171
```
#027171 rgb(2,113,113)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3f3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4a4c Protanopia 1% of men
#4e4850 Deuteranopia 1% of men
#3a4d53 Tritanopia 0.001% of the population

Trichromacy

#404849 Protanomaly 1% of men, 0.01% of women
#42474c Deuteranomaly 6% of men, 0.4% of women
#354a4e Tritanomaly 0.01% of the population

#2e4545 hex color

#2e4545 Color Information

#2e4545 Color Conversion

Color Schemes with #2e4545

Alternatives to #2e4545

#2e4545 Preview

Shades and Tints of #2e4545

Tones of #2e4545

Color Blindness Simulator