#33d9cc Color Information
In a RGB color space, hex #33d9cc is composed of 20% red, 85.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 6% yellow and 14.9% black. It has a hue angle of 175.3 degrees, a saturation of 68.6% and a lightness of 52.5%. #33d9cc color hex could be obtained by blending #66ffff with #00b399. Closest websafe color is: #33cccc.
-
- R 20
- G 85
- B 80
-
- C 76
- M 0
- Y 6
- K 15
● #33d9cc color description : Bright cyan.
#33d9cc Color Conversion
The hexadecimal color #33d9cc has RGB values of R:51, G:217, B:204 and CMYK values of C:0.76, M:0, Y:0.06, K:0.15. Its decimal value is 3398092.
| Hex triplet | 33d9cc | #33d9cc |
|---|---|---|
| RGB Decimal | 51, 217, 204 | rgb(51,217,204) |
| RGB Percent | 20, 85.1, 80 | rgb(20%,85.1%,80%) |
| CMYK | 76, 0, 6, 15 | |
| HSL | 175.3°, 68.6, 52.5 | hsl(175.3,68.6%,52.5%) |
| HSV (or HSB) | 175.3°, 76.5, 85.1 | |
| Web Safe | 33cccc | #33cccc |
| CIE-LAB | 78.86, -43.554, -5.475 |
|---|---|
| XYZ | 37.074, 54.686, 65.725 |
| xyY | 0.235, 0.347, 54.686 |
| CIE-LCH | 78.86, 43.897, 187.164 |
| CIE-LUV | 78.86, -58.654, -1.658 |
| Hunter-Lab | 73.95, -39.923, -0.931 |
| Binary | 00110011, 11011001, 11001100 |
Color Schemes with #33d9cc
Alternatives to #33d9cc
Below, you can see some colors close to #33d9cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33d9cc Preview
This text has a font color of #33d9cc.
<span style="color:#33d9cc;">Text here</span>
This paragraph has a background color of #33d9cc.
<p style="background-color:#33d9cc;">Content here</p>
This element has a border color of #33d9cc.
<div style="border:1px solid #33d9cc;">Content here</div>
.text {color:#33d9cc;}
.background {background-color:#33d9cc;}
.border {border:1px solid #33d9cc;}
Shades and Tints of #33d9cc
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, #020b0a is the darkest color, while #f9fefe is the lightest one.
-
#020b0a
#020b0argb(2,11,10) -
#051b1a
#051b1argb(5,27,26) -
#082c29
#082c29rgb(8,44,41) -
#0b3d39
#0b3d39rgb(11,61,57) -
#0e4d48
#0e4d48rgb(14,77,72) -
#115e58
#115e58rgb(17,94,88) -
#156e67
#156e67rgb(21,110,103) -
#187f77
#187f77rgb(24,127,119) -
#1b8f86
#1b8f86rgb(27,143,134) -
#1ea096
#1ea096rgb(30,160,150) -
#21b0a5
#21b0a5rgb(33,176,165) -
#24c1b5
#24c1b5rgb(36,193,181) -
#27d1c4
#27d1c4rgb(39,209,196)
-
#33d9cc
#33d9ccrgb(51,217,204) -
#44dcd0
#44dcd0rgb(68,220,208) -
#54dfd4
#54dfd4rgb(84,223,212) -
#65e2d8
#65e2d8rgb(101,226,216) -
#75e5dd
#75e5ddrgb(117,229,221) -
#86e8e1
#86e8e1rgb(134,232,225) -
#96ebe5
#96ebe5rgb(150,235,229) -
#a7efe9
#a7efe9rgb(167,239,233) -
#b7f2ed
#b7f2edrgb(183,242,237) -
#c8f5f1
#c8f5f1rgb(200,245,241) -
#d8f8f5
#d8f8f5rgb(216,248,245) -
#e9fbf9
#e9fbf9rgb(233,251,249) -
#f9fefe
#f9fefergb(249,254,254)
Tones of #33d9cc
A tone is produced by adding gray to any pure hue. In this case, #7d8f8d is the less saturated color, while #0efeeb is the most saturated one.
-
#7d8f8d
#7d8f8drgb(125,143,141) -
#749895
#749895rgb(116,152,149) -
#6ba19d
#6ba19drgb(107,161,157) -
#62aaa5
#62aaa5rgb(98,170,165) -
#58b4ad
#58b4adrgb(88,180,173) -
#4fbdb4
#4fbdb4rgb(79,189,180) -
#46c6bc
#46c6bcrgb(70,198,188) -
#3cd0c4
#3cd0c4rgb(60,208,196) -
#33d9cc
#33d9ccrgb(51,217,204) -
#2ae2d4
#2ae2d4rgb(42,226,212) -
#20ecdc
#20ecdcrgb(32,236,220) -
#17f5e4
#17f5e4rgb(23,245,228) -
#0efeeb
#0efeebrgb(14,254,235)
Color Blindness Simulator
Below, you can see how #33d9cc 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.
