In the RGB color space, #33CCCC is composed of 20% red, 80% green, and 80% blue.
In the CMYK color space, #33CCCC is composed of 75.0% cyan, 0% magenta, 0% yellow, and 20.0% black,
It has a hue angle of 180 degrees, a saturation of 60.0%, and a lightness of 50%.
This is a websafe color.
The hexadecimal color #33CCCC has RGB values of R:51, G:204, B:204 and CMYK values of C:75, M:0, Y:0, K:20. It has a decimal value of 3394764.
Hexadecimal | #33CCCC | #33CCCC |
RGB Decimal | 51, 204, 204 | rgb(51, 204, 204) |
RGB Percent | 20, 80, 80 | rgb(20%, 80%, 80%) |
RGB Proportion | 0.2, 0.8, 0.8 | rgb(0.2, 0.8, 0.8) |
CMYK | 75, 0, 0, 20 | |
HSL | 180ยบ, 60.0, 50 | hsl(180, 60.0%, 50%) |
Websafe | 33CCCC | #33CCCC |
XYZ | 33.857, 48.249, 64.655 | |
Yxy | 48.249, 0.231, 0.329 | |
CIE-LAB | 74.982, -37.725, -11.239 | |
CIE-LCH | 74.982, 39.364, 196.59 | |
CIE-LUV | 74.982, -54.116, -11.686 | |
Hunter-Lab | 69.462, -34.553, -6.564 |
Colors that go well with #33CCCC.
Common HTML and CSS shortcodes for #33CCCC.
<div style="color: #33CCCC;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #33CCCC;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #33CCCC;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #33CCCC to transparent.
<div style="background: linear-gradient(#33CCCC, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #33CCCC to transparent.
<div style="background: radial-gradient(#33CCCC, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #33CCCC to #CC3333.
<div style="background: linear-gradient(#33CCCC, #CC3333);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #33CCCC to #CC3333.
<div style="background: radial-gradient(#33CCCC, #CC3333);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #33CCCC; }
.background { background-color: #33CCCC; }
.border { border: 1px solid #33CCCC; }
.linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); }
.radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }
Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #010404 while the lightest tint is #FCFEFE.