#215a56 hex color

In a RGB color space, hex #215a56 is composed of 12.9% red, 35.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 4.4% yellow and 64.7% black. It has a hue angle of 175.8 degrees, a saturation of 46.3% and a lightness of 24.1%. #215a56 color hex could be obtained by blending #42b4ac with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 35
- B 34
RGB color chart
- C 63
- M 0
- Y 4
- K 65
CMYK color chart

● #215a56 color description : Very dark cyan.

The hexadecimal color #215a56 has RGB values of R:33, G:90, B:86 and CMYK values of C:0.63, M:0, Y:0.04, K:0.65. Its decimal value is 2185814.

Hex triplet	215a56	`#215a56`
RGB Decimal	33, 90, 86	`rgb(33,90,86)`
RGB Percent	12.9, 35.3, 33.7	`rgb(12.9%,35.3%,33.7%)`
CMYK	63, 0, 4, 65
HSL	175.8°, 46.3, 24.1	`hsl(175.8,46.3%,24.1%)`
HSV (or HSB)	175.8°, 63.3, 35.3
Web Safe	336666	`#336666`

CIE-LAB	34.614, -19.494, -3.247
XYZ	5.963, 8.307, 10.093
xyY	0.245, 0.341, 8.307
CIE-LCH	34.614, 19.763, 189.458
CIE-LUV	34.614, -22.302, -1.586
Hunter-Lab	28.822, -13.511, -0.587
Binary	00100001, 01011010, 01010110

#215a56
```
#215a56 rgb(33,90,86)
```
#5a2125
```
#5a2125 rgb(90,33,37)
```

Complementary Color

#215a3a
```
#215a3a rgb(33,90,58)
```
#215a56
```
#215a56 rgb(33,90,86)
```
#21425a
```
#21425a rgb(33,66,90)
```

Analogous Color

#5a3a21
```
#5a3a21 rgb(90,58,33)
```
#215a56
```
#215a56 rgb(33,90,86)
```
#5a2142
```
#5a2142 rgb(90,33,66)
```

Split Complementary Color

#5a5621
```
#5a5621 rgb(90,86,33)
```
#215a56
```
#215a56 rgb(33,90,86)
```
#56215a
```
#56215a rgb(86,33,90)
```

Triadic Color

#255a21
```
#255a21 rgb(37,90,33)
```
#215a56
```
#215a56 rgb(33,90,86)
```
#56215a
```
#56215a rgb(86,33,90)
```
#5a2125
```
#5a2125 rgb(90,33,37)
```

Tetradic Color

#0c2221
```
#0c2221 rgb(12,34,33)
```
#133532
```
#133532 rgb(19,53,50)
```
#1a4744
```
#1a4744 rgb(26,71,68)
```
#215a56
```
#215a56 rgb(33,90,86)
```
#286d68
```
#286d68 rgb(40,109,104)
```
#2f7f7a
```
#2f7f7a rgb(47,127,122)
```
#36928b
```
#36928b rgb(54,146,139)
```

Monochromatic Color

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

#215a48
```
#215a48 rgb(33,90,72)
```
#215a4d
```
#215a4d rgb(33,90,77)
```
#215a51
```
#215a51 rgb(33,90,81)
```
#215a56
```
#215a56 rgb(33,90,86)
```
#21595a
```
#21595a rgb(33,89,90)
```
#21555a
```
#21555a rgb(33,85,90)
```
#21505a
```
#21505a rgb(33,80,90)
```

Similar Colors

Text with hexadecimal color #215a56

This text has a font color of #215a56.

<span style="color:#215a56;">Text here</span>

#215a56 background color

This paragraph has a background color of #215a56.

<p style="background-color:#215a56;">Content here</p>

#215a56 border color

This element has a border color of #215a56.

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

CSS codes

.text {color:#215a56;}

.background {background-color:#215a56;}

.border {border:1px solid #215a56;}

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

#010404
```
#010404 rgb(1,4,4)
```
#071211
```
#071211 rgb(7,18,17)
```
#0c211f
```
#0c211f rgb(12,33,31)
```
#112f2d
```
#112f2d rgb(17,47,45)
```
#163d3b
```
#163d3b rgb(22,61,59)
```
#1c4c48
```
#1c4c48 rgb(28,76,72)
```
#215a56
```
#215a56 rgb(33,90,86)
```
#266864
```
#266864 rgb(38,104,100)
```
#2c7771
```
#2c7771 rgb(44,119,113)
```
#31857f
```
#31857f rgb(49,133,127)
```
#36938d
```
#36938d rgb(54,147,141)
```
#3ba29b
```
#3ba29b rgb(59,162,155)
```
#41b0a8
```
#41b0a8 rgb(65,176,168)
```

Shade Color Variation

#48bcb4
```
#48bcb4 rgb(72,188,180)
```
#57c1ba
```
#57c1ba rgb(87,193,186)
```
#65c7c0
```
#65c7c0 rgb(101,199,192)
```
#73ccc6
```
#73ccc6 rgb(115,204,198)
```
#82d1cb
```
#82d1cb rgb(130,209,203)
```
#90d6d1
```
#90d6d1 rgb(144,214,209)
```
#9edcd7
```
#9edcd7 rgb(158,220,215)
```
#ade1dd
```
#ade1dd rgb(173,225,221)
```
#bbe6e3
```
#bbe6e3 rgb(187,230,227)
```
#c9ebe9
```
#c9ebe9 rgb(201,235,233)
```
#d8f1ef
```
#d8f1ef rgb(216,241,239)
```
#e6f6f5
```
#e6f6f5 rgb(230,246,245)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

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

#3d3e3e
```
#3d3e3e rgb(61,62,62)
```
#394242
```
#394242 rgb(57,66,66)
```
#344746
```
#344746 rgb(52,71,70)
```
#2f4c4a
```
#2f4c4a rgb(47,76,74)
```
#2a514e
```
#2a514e rgb(42,81,78)
```
#265552
```
#265552 rgb(38,85,82)
```
#215a56
```
#215a56 rgb(33,90,86)
```
#1c5f5a
```
#1c5f5a rgb(28,95,90)
```
#18635e
```
#18635e rgb(24,99,94)
```
#136862
```
#136862 rgb(19,104,98)
```
#0e6d66
```
#0e6d66 rgb(14,109,102)
```
#09726a
```
#09726a rgb(9,114,106)
```
#05766e
```
#05766e rgb(5,118,110)
```

Tone Color Variation

Below, you can see how #215a56 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

#494949 Achromatopsia 0.005% of the population
#414c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5a5a Protanopia 1% of men
#5e5862 Deuteranopia 1% of men
#316168 Tritanopia 0.001% of the population

Trichromacy

#465a58 Protanomaly 1% of men, 0.01% of women
#48585d Deuteranomaly 6% of men, 0.4% of women
#2b5e61 Tritanomaly 0.01% of the population

#215a56 hex color

#215a56 Color Information

#215a56 Color Conversion

Color Schemes with #215a56

Alternatives to #215a56

#215a56 Preview

Shades and Tints of #215a56

Tones of #215a56

Color Blindness Simulator