#203a2e hex color

In a RGB color space, hex #203a2e is composed of 12.5% red, 22.7% green and 18% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 0% magenta, 20.7% yellow and 77.3% black. It has a hue angle of 152.3 degrees, a saturation of 28.9% and a lightness of 17.6%. #203a2e color hex could be obtained by blending #40745c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 23
- B 18
RGB color chart
- C 45
- M 0
- Y 21
- K 77
CMYK color chart

● #203a2e color description : Very dark desaturated cyan - lime green.

The hexadecimal color #203a2e has RGB values of R:32, G:58, B:46 and CMYK values of C:0.45, M:0, Y:0.21, K:0.77. Its decimal value is 2112046.

Hex triplet	203a2e	`#203a2e`
RGB Decimal	32, 58, 46	`rgb(32,58,46)`
RGB Percent	12.5, 22.7, 18	`rgb(12.5%,22.7%,18%)`
CMYK	45, 0, 21, 77
HSL	152.3°, 28.9, 17.6	`hsl(152.3,28.9%,17.6%)`
HSV (or HSB)	152.3°, 44.8, 22.7
Web Safe	333333	`#333333`

CIE-LAB	22.054, -13.337, 4.35
XYZ	2.602, 3.53, 3.129
xyY	0.281, 0.381, 3.53
CIE-LCH	22.054, 14.028, 161.936
CIE-LUV	22.054, -10.778, 5.993
Hunter-Lab	18.789, -8.164, 3.279
Binary	00100000, 00111010, 00101110

#203a2e
```
#203a2e rgb(32,58,46)
```
#3a202c
```
#3a202c rgb(58,32,44)
```

Complementary Color

#203a21
```
#203a21 rgb(32,58,33)
```
#203a2e
```
#203a2e rgb(32,58,46)
```
#20393a
```
#20393a rgb(32,57,58)
```

Analogous Color

#3a2120
```
#3a2120 rgb(58,33,32)
```
#203a2e
```
#203a2e rgb(32,58,46)
```
#3a2039
```
#3a2039 rgb(58,32,57)
```

Split Complementary Color

#3a2e20
```
#3a2e20 rgb(58,46,32)
```
#203a2e
```
#203a2e rgb(32,58,46)
```
#2e203a
```
#2e203a rgb(46,32,58)
```

Triadic Color

#2c3a20
```
#2c3a20 rgb(44,58,32)
```
#203a2e
```
#203a2e rgb(32,58,46)
```
#2e203a
```
#2e203a rgb(46,32,58)
```
#3a202c
```
#3a202c rgb(58,32,44)
```

Tetradic Color

#050907
```
#050907 rgb(5,9,7)
```
#0e1914
```
#0e1914 rgb(14,25,20)
```
#172a21
```
#172a21 rgb(23,42,33)
```
#203a2e
```
#203a2e rgb(32,58,46)
```
#294a3b
```
#294a3b rgb(41,74,59)
```
#325b48
```
#325b48 rgb(50,91,72)
```
#3b6b55
```
#3b6b55 rgb(59,107,85)
```

Monochromatic Color

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

#203a28
```
#203a28 rgb(32,58,40)
```
#203a2a
```
#203a2a rgb(32,58,42)
```
#203a2c
```
#203a2c rgb(32,58,44)
```
#203a2e
```
#203a2e rgb(32,58,46)
```
#203a30
```
#203a30 rgb(32,58,48)
```
#203a32
```
#203a32 rgb(32,58,50)
```
#203a35
```
#203a35 rgb(32,58,53)
```

Similar Colors

Text with hexadecimal color #203a2e

This text has a font color of #203a2e.

<span style="color:#203a2e;">Text here</span>

#203a2e background color

This paragraph has a background color of #203a2e.

<p style="background-color:#203a2e;">Content here</p>

#203a2e border color

This element has a border color of #203a2e.

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

CSS codes

.text {color:#203a2e;}

.background {background-color:#203a2e;}

.border {border:1px solid #203a2e;}

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

#040706
```
#040706 rgb(4,7,6)
```
#0b1410
```
#0b1410 rgb(11,20,16)
```
#12211a
```
#12211a rgb(18,33,26)
```
#192d24
```
#192d24 rgb(25,45,36)
```
#203a2e
```
#203a2e rgb(32,58,46)
```
#274738
```
#274738 rgb(39,71,56)
```
#2e5342
```
#2e5342 rgb(46,83,66)
```
#35604c
```
#35604c rgb(53,96,76)
```
#3c6d56
```
#3c6d56 rgb(60,109,86)
```
#437960
```
#437960 rgb(67,121,96)
```
#4a866a
```
#4a866a rgb(74,134,106)
```
#519274
```
#519274 rgb(81,146,116)
```
#589f7e
```
#589f7e rgb(88,159,126)
```

Shade Color Variation

#62a888
```
#62a888 rgb(98,168,136)
```
#6faf92
```
#6faf92 rgb(111,175,146)
```
#7bb69b
```
#7bb69b rgb(123,182,155)
```
#88bda5
```
#88bda5 rgb(136,189,165)
```
#95c4ae
```
#95c4ae rgb(149,196,174)
```
#a1cbb8
```
#a1cbb8 rgb(161,203,184)
```
#aed2c2
```
#aed2c2 rgb(174,210,194)
```
#bbd9cb
```
#bbd9cb rgb(187,217,203)
```
#c7e0d5
```
#c7e0d5 rgb(199,224,213)
```
#d4e7de
```
#d4e7de rgb(212,231,222)
```
#e1eee8
```
#e1eee8 rgb(225,238,232)
```
#edf5f1
```
#edf5f1 rgb(237,245,241)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

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

#2a302d
```
#2a302d rgb(42,48,45)
```
#27332d
```
#27332d rgb(39,51,45)
```
#23372e
```
#23372e rgb(35,55,46)
```
#203a2e
```
#203a2e rgb(32,58,46)
```
#1d3d2e
```
#1d3d2e rgb(29,61,46)
```
#19412f
```
#19412f rgb(25,65,47)
```
#16442f
```
#16442f rgb(22,68,47)
```
#12482f
```
#12482f rgb(18,72,47)
```
#0f4b2f
```
#0f4b2f rgb(15,75,47)
```
#0b4f30
```
#0b4f30 rgb(11,79,48)
```
#085230
```
#085230 rgb(8,82,48)
```
#045630
```
#045630 rgb(4,86,48)
```
#015930
```
#015930 rgb(1,89,48)
```

Tone Color Variation

Below, you can see how #203a2e 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

#313131 Achromatopsia 0.005% of the population
#2e3330 Atypical Achromatopsia 0.001% of the population

Dichromacy

#423f36 Protanopia 1% of men
#463d3b Deuteranopia 1% of men
#2f4247 Tritanopia 0.001% of the population

Trichromacy

#353d33 Protanomaly 1% of men, 0.01% of women
#383c36 Deuteranomaly 6% of men, 0.4% of women
#293f3d Tritanomaly 0.01% of the population

#203a2e hex color

#203a2e Color Information

#203a2e Color Conversion

Color Schemes with #203a2e

Alternatives to #203a2e

#203a2e Preview

Shades and Tints of #203a2e

Tones of #203a2e

Color Blindness Simulator