#33d9d0 Color Information
In a RGB color space, hex #33d9d0 is composed of 20% red, 85.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 4.1% yellow and 14.9% black. It has a hue angle of 176.7 degrees, a saturation of 68.6% and a lightness of 52.5%. #33d9d0 color hex could be obtained by blending #66ffff with #00b3a1. Closest websafe color is: #33cccc.
-
- R 20
- G 85
- B 82
-
- C 76
- M 0
- Y 4
- K 15
● #33d9d0 color description : Bright cyan.
#33d9d0 Color Conversion
The hexadecimal color #33d9d0 has RGB values of R:51, G:217, B:208 and CMYK values of C:0.76, M:0, Y:0.04, K:0.15. Its decimal value is 3398096.
| Hex triplet | 33d9d0 | #33d9d0 |
|---|---|---|
| RGB Decimal | 51, 217, 208 | rgb(51,217,208) |
| RGB Percent | 20, 85.1, 81.6 | rgb(20%,85.1%,81.6%) |
| CMYK | 76, 0, 4, 15 | |
| HSL | 176.7°, 68.6, 52.5 | hsl(176.7,68.6%,52.5%) |
| HSV (or HSB) | 176.7°, 76.5, 85.1 | |
| Web Safe | 33cccc | #33cccc |
| CIE-LAB | 78.972, -42.448, -7.447 |
|---|---|
| XYZ | 37.56, 54.88, 68.284 |
| xyY | 0.234, 0.341, 54.88 |
| CIE-LCH | 78.972, 43.097, 189.951 |
| CIE-LUV | 78.972, -58.366, -4.957 |
| Hunter-Lab | 74.081, -39.141, -2.794 |
| Binary | 00110011, 11011001, 11010000 |
Color Schemes with #33d9d0
Alternatives to #33d9d0
Below, you can see some colors close to #33d9d0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33d9d0 Preview
This text has a font color of #33d9d0.
<span style="color:#33d9d0;">Text here</span>
This paragraph has a background color of #33d9d0.
<p style="background-color:#33d9d0;">Content here</p>
This element has a border color of #33d9d0.
<div style="border:1px solid #33d9d0;">Content here</div>
.text {color:#33d9d0;}
.background {background-color:#33d9d0;}
.border {border:1px solid #33d9d0;}
Shades and Tints of #33d9d0
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) -
#082c2a
#082c2argb(8,44,42) -
#0b3d3a
#0b3d3argb(11,61,58) -
#0e4d4a
#0e4d4argb(14,77,74) -
#115e5a
#115e5argb(17,94,90) -
#156e69
#156e69rgb(21,110,105) -
#187f79
#187f79rgb(24,127,121) -
#1b8f89
#1b8f89rgb(27,143,137) -
#1ea099
#1ea099rgb(30,160,153) -
#21b0a9
#21b0a9rgb(33,176,169) -
#24c1b8
#24c1b8rgb(36,193,184) -
#27d1c8
#27d1c8rgb(39,209,200)
-
#33d9d0
#33d9d0rgb(51,217,208) -
#44dcd4
#44dcd4rgb(68,220,212) -
#54dfd8
#54dfd8rgb(84,223,216) -
#65e2db
#65e2dbrgb(101,226,219) -
#75e5df
#75e5dfrgb(117,229,223) -
#86e8e3
#86e8e3rgb(134,232,227) -
#96ebe7
#96ebe7rgb(150,235,231) -
#a7efeb
#a7efebrgb(167,239,235) -
#b7f2ee
#b7f2eergb(183,242,238) -
#c8f5f2
#c8f5f2rgb(200,245,242) -
#d8f8f6
#d8f8f6rgb(216,248,246) -
#e9fbfa
#e9fbfargb(233,251,250) -
#f9fefe
#f9fefergb(249,254,254)
Tones of #33d9d0
A tone is produced by adding gray to any pure hue. In this case, #7d8f8e is the less saturated color, while #0efef1 is the most saturated one.
-
#7d8f8e
#7d8f8ergb(125,143,142) -
#749896
#749896rgb(116,152,150) -
#6ba19e
#6ba19ergb(107,161,158) -
#62aaa7
#62aaa7rgb(98,170,167) -
#58b4af
#58b4afrgb(88,180,175) -
#4fbdb7
#4fbdb7rgb(79,189,183) -
#46c6bf
#46c6bfrgb(70,198,191) -
#3cd0c8
#3cd0c8rgb(60,208,200) -
#33d9d0
#33d9d0rgb(51,217,208) -
#2ae2d8
#2ae2d8rgb(42,226,216) -
#20ece1
#20ece1rgb(32,236,225) -
#17f5e9
#17f5e9rgb(23,245,233) -
#0efef1
#0efef1rgb(14,254,241)
Color Blindness Simulator
Below, you can see how #33d9d0 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.
