#33d5d0 hex color

In a RGB color space, hex #33d5d0 is composed of 20% red, 83.5% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 2.3% yellow and 16.5% black. It has a hue angle of 178.1 degrees, a saturation of 65.9% and a lightness of 51.8%. #33d5d0 color hex could be obtained by blending #66ffff with #00aba1. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 20
- G 84
- B 82
RGB color chart
- C 76
- M 0
- Y 2
- K 16
CMYK color chart

● #33d5d0 color description : Strong cyan.

The hexadecimal color #33d5d0 has RGB values of R:51, G:213, B:208 and CMYK values of C:0.76, M:0, Y:0.02, K:0.16. Its decimal value is 3397072.

Hex triplet	33d5d0	`#33d5d0`
RGB Decimal	51, 213, 208	`rgb(51,213,208)`
RGB Percent	20, 83.5, 81.6	`rgb(20%,83.5%,81.6%)`
CMYK	76, 0, 2, 16
HSL	178.1°, 65.9, 51.8	`hsl(178.1,65.9%,51.8%)`
HSV (or HSB)	178.1°, 76.1, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.782, -40.666, -9.215
XYZ	36.541, 52.843, 67.945
xyY	0.232, 0.336, 52.843
CIE-LCH	77.782, 41.697, 192.767
CIE-LUV	77.782, -56.977, -8.041
Hunter-Lab	72.693, -37.485, -4.532
Binary	00110011, 11010101, 11010000

#33d5d0
```
#33d5d0 rgb(51,213,208)
```
#d53338
```
#d53338 rgb(213,51,56)
```

Complementary Color

#33d57f
```
#33d57f rgb(51,213,127)
```
#33d5d0
```
#33d5d0 rgb(51,213,208)
```
#3389d5
```
#3389d5 rgb(51,137,213)
```

Analogous Color

#d57f33
```
#d57f33 rgb(213,127,51)
```
#33d5d0
```
#33d5d0 rgb(51,213,208)
```
#d53389
```
#d53389 rgb(213,51,137)
```

Split Complementary Color

#d5d033
```
#d5d033 rgb(213,208,51)
```
#33d5d0
```
#33d5d0 rgb(51,213,208)
```
#d033d5
```
#d033d5 rgb(208,51,213)
```

Triadic Color

#38d533
```
#38d533 rgb(56,213,51)
```
#33d5d0
```
#33d5d0 rgb(51,213,208)
```
#d033d5
```
#d033d5 rgb(208,51,213)
```
#d53338
```
#d53338 rgb(213,51,56)
```

Tetradic Color

#209b98
```
#209b98 rgb(32,155,152)
```
#24b1ac
```
#24b1ac rgb(36,177,172)
```
#29c6c1
```
#29c6c1 rgb(41,198,193)
```
#33d5d0
```
#33d5d0 rgb(51,213,208)
```
#48d9d5
```
#48d9d5 rgb(72,217,213)
```
#5ddeda
```
#5ddeda rgb(93,222,218)
```
#72e2df
```
#72e2df rgb(114,226,223)
```

Monochromatic Color

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

#33d5a8
```
#33d5a8 rgb(51,213,168)
```
#33d5b5
```
#33d5b5 rgb(51,213,181)
```
#33d5c3
```
#33d5c3 rgb(51,213,195)
```
#33d5d0
```
#33d5d0 rgb(51,213,208)
```
#33cdd5
```
#33cdd5 rgb(51,205,213)
```
#33bfd5
```
#33bfd5 rgb(51,191,213)
```
#33b2d5
```
#33b2d5 rgb(51,178,213)
```

Similar Colors

Text with hexadecimal color #33d5d0

This text has a font color of #33d5d0.

<span style="color:#33d5d0;">Text here</span>

#33d5d0 background color

This paragraph has a background color of #33d5d0.

<p style="background-color:#33d5d0;">Content here</p>

#33d5d0 border color

This element has a border color of #33d5d0.

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

CSS codes

.text {color:#33d5d0;}

.background {background-color:#33d5d0;}

.border {border:1px solid #33d5d0;}

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

#020707
```
#020707 rgb(2,7,7)
```
#051817
```
#051817 rgb(5,24,23)
```
#082827
```
#082827 rgb(8,40,39)
```
#0c3837
```
#0c3837 rgb(12,56,55)
```
#0f4947
```
#0f4947 rgb(15,73,71)
```
#125957
```
#125957 rgb(18,89,87)
```
#166966
```
#166966 rgb(22,105,102)
```
#197976
```
#197976 rgb(25,121,118)
```
#1c8a86
```
#1c8a86 rgb(28,138,134)
```
#209a96
```
#209a96 rgb(32,154,150)
```
#23aaa6
```
#23aaa6 rgb(35,170,166)
```
#26bab6
```
#26bab6 rgb(38,186,182)
```
#2acbc6
```
#2acbc6 rgb(42,203,198)
```

Shade Color Variation

#33d5d0
```
#33d5d0 rgb(51,213,208)
```
#43d8d4
```
#43d8d4 rgb(67,216,212)
```
#54dcd7
```
#54dcd7 rgb(84,220,215)
```
#64dfdb
```
#64dfdb rgb(100,223,219)
```
#74e2df
```
#74e2df rgb(116,226,223)
```
#84e6e3
```
#84e6e3 rgb(132,230,227)
```
#95e9e6
```
#95e9e6 rgb(149,233,230)
```
#a5ecea
```
#a5ecea rgb(165,236,234)
```
#b5f0ee
```
#b5f0ee rgb(181,240,238)
```
#c5f3f2
```
#c5f3f2 rgb(197,243,242)
```
#d6f6f5
```
#d6f6f5 rgb(214,246,245)
```
#e6faf9
```
#e6faf9 rgb(230,250,249)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

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

#7f8989
```
#7f8989 rgb(127,137,137)
```
#759392
```
#759392 rgb(117,147,146)
```
#6c9c9b
```
#6c9c9b rgb(108,156,155)
```
#62a6a4
```
#62a6a4 rgb(98,166,164)
```
#59afac
```
#59afac rgb(89,175,172)
```
#4fb9b5
```
#4fb9b5 rgb(79,185,181)
```
#46c2be
```
#46c2be rgb(70,194,190)
```
#3cccc7
```
#3cccc7 rgb(60,204,199)
```
#33d5d0
```
#33d5d0 rgb(51,213,208)
```
#2aded9
```
#2aded9 rgb(42,222,217)
```
#20e8e2
```
#20e8e2 rgb(32,232,226)
```
#17f1eb
```
#17f1eb rgb(23,241,235)
```
#0dfbf4
```
#0dfbf4 rgb(13,251,244)
```

Tone Color Variation

Below, you can see how #33d5d0 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

#a4a4a4 Achromatopsia 0.005% of the population
#8daead Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c2c7 Protanopia 1% of men
#c9bedb Deuteranopia 1% of men
#4dd4e3 Tritanopia 0.001% of the population

Trichromacy

#90c9ca Protanomaly 1% of men, 0.01% of women
#92c6d7 Deuteranomaly 6% of men, 0.4% of women
#43d4dc Tritanomaly 0.01% of the population

#33d5d0 hex color

#33d5d0 Color Information

#33d5d0 Color Conversion

Color Schemes with #33d5d0

Alternatives to #33d5d0

#33d5d0 Preview

Shades and Tints of #33d5d0

Tones of #33d5d0

Color Blindness Simulator