#33d5d2 hex color

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

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

● #33d5d2 color description : Strong cyan.

The hexadecimal color #33d5d2 has RGB values of R:51, G:213, B:210 and CMYK values of C:0.76, M:0, Y:0.01, K:0.16. Its decimal value is 3397074.

Hex triplet	33d5d2	`#33d5d2`
RGB Decimal	51, 213, 210	`rgb(51,213,210)`
RGB Percent	20, 83.5, 82.4	`rgb(20%,83.5%,82.4%)`
CMYK	76, 0, 1, 16
HSL	178.9°, 65.9, 51.8	`hsl(178.9,65.9%,51.8%)`
HSV (or HSB)	178.9°, 76.1, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.841, -40.099, -10.2
XYZ	36.789, 52.942, 69.249
xyY	0.231, 0.333, 52.942
CIE-LCH	77.841, 41.376, 194.272
CIE-LUV	77.841, -56.833, -9.711
Hunter-Lab	72.761, -37.081, -5.495
Binary	00110011, 11010101, 11010010

#33d5d2
```
#33d5d2 rgb(51,213,210)
```
#d53336
```
#d53336 rgb(213,51,54)
```

Complementary Color

#33d581
```
#33d581 rgb(51,213,129)
```
#33d5d2
```
#33d5d2 rgb(51,213,210)
```
#3387d5
```
#3387d5 rgb(51,135,213)
```

Analogous Color

#d58133
```
#d58133 rgb(213,129,51)
```
#33d5d2
```
#33d5d2 rgb(51,213,210)
```
#d53387
```
#d53387 rgb(213,51,135)
```

Split Complementary Color

#d5d233
```
#d5d233 rgb(213,210,51)
```
#33d5d2
```
#33d5d2 rgb(51,213,210)
```
#d233d5
```
#d233d5 rgb(210,51,213)
```

Triadic Color

#36d533
```
#36d533 rgb(54,213,51)
```
#33d5d2
```
#33d5d2 rgb(51,213,210)
```
#d233d5
```
#d233d5 rgb(210,51,213)
```
#d53336
```
#d53336 rgb(213,51,54)
```

Tetradic Color

#209b99
```
#209b99 rgb(32,155,153)
```
#24b1ae
```
#24b1ae rgb(36,177,174)
```
#29c6c3
```
#29c6c3 rgb(41,198,195)
```
#33d5d2
```
#33d5d2 rgb(51,213,210)
```
#48d9d7
```
#48d9d7 rgb(72,217,215)
```
#5ddedb
```
#5ddedb rgb(93,222,219)
```
#72e2e0
```
#72e2e0 rgb(114,226,224)
```

Monochromatic Color

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

#33d5aa
```
#33d5aa rgb(51,213,170)
```
#33d5b7
```
#33d5b7 rgb(51,213,183)
```
#33d5c5
```
#33d5c5 rgb(51,213,197)
```
#33d5d2
```
#33d5d2 rgb(51,213,210)
```
#33cbd5
```
#33cbd5 rgb(51,203,213)
```
#33bdd5
```
#33bdd5 rgb(51,189,213)
```
#33b0d5
```
#33b0d5 rgb(51,176,213)
```

Similar Colors

Text with hexadecimal color #33d5d2

This text has a font color of #33d5d2.

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

#33d5d2 background color

This paragraph has a background color of #33d5d2.

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

#33d5d2 border color

This element has a border color of #33d5d2.

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

CSS codes

.text {color:#33d5d2;}

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

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

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)
```
#166968
```
#166968 rgb(22,105,104)
```
#197978
```
#197978 rgb(25,121,120)
```
#1c8a88
```
#1c8a88 rgb(28,138,136)
```
#209a98
```
#209a98 rgb(32,154,152)
```
#23aaa8
```
#23aaa8 rgb(35,170,168)
```
#26bab8
```
#26bab8 rgb(38,186,184)
```
#2acbc8
```
#2acbc8 rgb(42,203,200)
```

Shade Color Variation

#33d5d2
```
#33d5d2 rgb(51,213,210)
```
#43d8d6
```
#43d8d6 rgb(67,216,214)
```
#54dcd9
```
#54dcd9 rgb(84,220,217)
```
#64dfdd
```
#64dfdd rgb(100,223,221)
```
#74e2e0
```
#74e2e0 rgb(116,226,224)
```
#84e6e4
```
#84e6e4 rgb(132,230,228)
```
#95e9e8
```
#95e9e8 rgb(149,233,232)
```
#a5eceb
```
#a5eceb rgb(165,236,235)
```
#b5f0ef
```
#b5f0ef rgb(181,240,239)
```
#c5f3f2
```
#c5f3f2 rgb(197,243,242)
```
#d6f6f6
```
#d6f6f6 rgb(214,246,246)
```
#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 #0dfbf6 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)
```
#59afae
```
#59afae rgb(89,175,174)
```
#4fb9b7
```
#4fb9b7 rgb(79,185,183)
```
#46c2c0
```
#46c2c0 rgb(70,194,192)
```
#3cccc9
```
#3cccc9 rgb(60,204,201)
```
#33d5d2
```
#33d5d2 rgb(51,213,210)
```
#2adedb
```
#2adedb rgb(42,222,219)
```
#20e8e4
```
#20e8e4 rgb(32,232,228)
```
#17f1ed
```
#17f1ed rgb(23,241,237)
```
#0dfbf6
```
#0dfbf6 rgb(13,251,246)
```

Tone Color Variation

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

#c5c2c8 Protanopia 1% of men
#c9bfdd Deuteranopia 1% of men
#4bd4e4 Tritanopia 0.001% of the population

Trichromacy

#90c9cc Protanomaly 1% of men, 0.01% of women
#92c7d9 Deuteranomaly 6% of men, 0.4% of women
#42d4dd Tritanomaly 0.01% of the population

#33d5d2 hex color

#33d5d2 Color Information

#33d5d2 Color Conversion

Color Schemes with #33d5d2

Alternatives to #33d5d2

#33d5d2 Preview

Shades and Tints of #33d5d2

Tones of #33d5d2

Color Blindness Simulator