#33bdc4 hex color

In a RGB color space, hex #33bdc4 is composed of 20% red, 74.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 3.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 182.9 degrees, a saturation of 58.7% and a lightness of 48.4%. #33bdc4 color hex could be obtained by blending #66ffff with #007b89. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 20
- G 74
- B 77
RGB color chart
- C 74
- M 4
- Y 0
- K 23
CMYK color chart

● #33bdc4 color description : Moderate cyan.

The hexadecimal color #33bdc4 has RGB values of R:51, G:189, B:196 and CMYK values of C:0.74, M:0.04, Y:0, K:0.23. Its decimal value is 3390916.

Hex triplet	33bdc4	`#33bdc4`
RGB Decimal	51, 189, 196	`rgb(51,189,196)`
RGB Percent	20, 74.1, 76.9	`rgb(20%,74.1%,76.9%)`
CMYK	74, 4, 0, 23
HSL	182.9°, 58.7, 48.4	`hsl(182.9,58.7%,48.4%)`
HSV (or HSB)	182.9°, 74, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.233, -33.074, -14.001
XYZ	29.524, 41.082, 58.595
xyY	0.229, 0.318, 41.082
CIE-LCH	70.233, 35.915, 202.944
CIE-LUV	70.233, -49.387, -16.692
Hunter-Lab	64.095, -29.945, -9.336
Binary	00110011, 10111101, 11000100

#33bdc4
```
#33bdc4 rgb(51,189,196)
```
#c43a33
```
#c43a33 rgb(196,58,51)
```

Complementary Color

#33c483
```
#33c483 rgb(51,196,131)
```
#33bdc4
```
#33bdc4 rgb(51,189,196)
```
#3375c4
```
#3375c4 rgb(51,117,196)
```

Analogous Color

#c48333
```
#c48333 rgb(196,131,51)
```
#33bdc4
```
#33bdc4 rgb(51,189,196)
```
#c43375
```
#c43375 rgb(196,51,117)
```

Split Complementary Color

#bdc433
```
#bdc433 rgb(189,196,51)
```
#33bdc4
```
#33bdc4 rgb(51,189,196)
```
#c433bd
```
#c433bd rgb(196,51,189)
```

Triadic Color

#33c43a
```
#33c43a rgb(51,196,58)
```
#33bdc4
```
#33bdc4 rgb(51,189,196)
```
#c433bd
```
#c433bd rgb(196,51,189)
```
#c43a33
```
#c43a33 rgb(196,58,51)
```

Tetradic Color

#238287
```
#238287 rgb(35,130,135)
```
#28969c
```
#28969c rgb(40,150,156)
```
#2ea9b0
```
#2ea9b0 rgb(46,169,176)
```
#33bdc4
```
#33bdc4 rgb(51,189,196)
```
#43c7ce
```
#43c7ce rgb(67,199,206)
```
#57cdd3
```
#57cdd3 rgb(87,205,211)
```
#6bd3d8
```
#6bd3d8 rgb(107,211,216)
```

Monochromatic Color

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

#33c4a7
```
#33c4a7 rgb(51,196,167)
```
#33c4b3
```
#33c4b3 rgb(51,196,179)
```
#33c4bf
```
#33c4bf rgb(51,196,191)
```
#33bdc4
```
#33bdc4 rgb(51,189,196)
```
#33b1c4
```
#33b1c4 rgb(51,177,196)
```
#33a5c4
```
#33a5c4 rgb(51,165,196)
```
#3399c4
```
#3399c4 rgb(51,153,196)
```

Similar Colors

Text with hexadecimal color #33bdc4

This text has a font color of #33bdc4.

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

#33bdc4 background color

This paragraph has a background color of #33bdc4.

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

#33bdc4 border color

This element has a border color of #33bdc4.

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

CSS codes

.text {color:#33bdc4;}

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

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

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

#020909
```
#020909 rgb(2,9,9)
```
#061819
```
#061819 rgb(6,24,25)
```
#0a2728
```
#0a2728 rgb(10,39,40)
```
#0f3638
```
#0f3638 rgb(15,54,56)
```
#134547
```
#134547 rgb(19,69,71)
```
#175457
```
#175457 rgb(23,84,87)
```
#1b6367
```
#1b6367 rgb(27,99,103)
```
#1f7276
```
#1f7276 rgb(31,114,118)
```
#238186
```
#238186 rgb(35,129,134)
```
#279095
```
#279095 rgb(39,144,149)
```
#2b9fa5
```
#2b9fa5 rgb(43,159,165)
```
#2faeb4
```
#2faeb4 rgb(47,174,180)
```
#33bdc4
```
#33bdc4 rgb(51,189,196)
```

Shade Color Variation

#3ec6cd
```
#3ec6cd rgb(62,198,205)
```
#4dcad1
```
#4dcad1 rgb(77,202,209)
```
#5dcfd5
```
#5dcfd5 rgb(93,207,213)
```
#6dd4d9
```
#6dd4d9 rgb(109,212,217)
```
#7cd8dd
```
#7cd8dd rgb(124,216,221)
```
#8cdde1
```
#8cdde1 rgb(140,221,225)
```
#9be1e5
```
#9be1e5 rgb(155,225,229)
```
#abe6e9
```
#abe6e9 rgb(171,230,233)
```
#baebed
```
#baebed rgb(186,235,237)
```
#caeff1
```
#caeff1 rgb(202,239,241)
```
#daf4f5
```
#daf4f5 rgb(218,244,245)
```
#e9f9f9
```
#e9f9f9 rgb(233,249,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#768182
```
#768182 rgb(118,129,130)
```
#6c8a8b
```
#6c8a8b rgb(108,138,139)
```
#639295
```
#639295 rgb(99,146,149)
```
#599b9e
```
#599b9e rgb(89,155,158)
```
#50a3a8
```
#50a3a8 rgb(80,163,168)
```
#46acb1
```
#46acb1 rgb(70,172,177)
```
#3db4bb
```
#3db4bb rgb(61,180,187)
```
#33bdc4
```
#33bdc4 rgb(51,189,196)
```
#2ac6ce
```
#2ac6ce rgb(42,198,206)
```
#20ced7
```
#20ced7 rgb(32,206,215)
```
#17d7e1
```
#17d7e1 rgb(23,215,225)
```
#0ddfea
```
#0ddfea rgb(13,223,234)
```
#04e8f4
```
#04e8f4 rgb(4,232,244)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#819d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaebc Protanopia 1% of men
#b0acce Deuteranopia 1% of men
#43bfcd Tritanopia 0.001% of the population

Trichromacy

#81b4bf Protanomaly 1% of men, 0.01% of women
#82b2ca Deuteranomaly 6% of men, 0.4% of women
#3dbec9 Tritanomaly 0.01% of the population

#33bdc4 hex color

#33bdc4 Color Information

#33bdc4 Color Conversion

Color Schemes with #33bdc4

Alternatives to #33bdc4

#33bdc4 Preview

Shades and Tints of #33bdc4

Tones of #33bdc4

Color Blindness Simulator