#33CCCC Color Information
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.
#33CCCC RGB Values
#33CCCC CMYK Values
#33CCCC Color Conversion
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 |
Color Schemes For #33CCCC
Colors that go well with #33CCCC.
#33CCCC Preview
Common HTML and CSS shortcodes for #33CCCC.
Text with color #33CCCC
<div style="color: #33CCCC;">The quick brown fox jumps over the lazy dog.</div>
#33CCCC as background color
<div style="background-color: #33CCCC;">The quick brown fox jumps over the lazy dog.</div>
Border with #33CCCC
<div style="border: 1px solid #33CCCC;">The quick brown fox jumps over the lazy dog.</div>
Linear Gradient with #33CCCC
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 with #33CCCC
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 with #33CCCC and its Complementary Color
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 with #33CCCC and its Complementary Color
Radial gradient from #33CCCC to #CC3333.
<div style="background: radial-gradient(#33CCCC, #CC3333);">The quick brown fox jumps over the lazy dog.</div>
CSS Code
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 and Tints of #33CCCC
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.