#33acc0 Color Information
In a RGB color space, hex #33acc0 is composed of 20% red, 67.5% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 10.4% magenta, 0% yellow and 24.7% black. It has a hue angle of 188.5 degrees, a saturation of 58% and a lightness of 47.6%. #33acc0 color hex could be obtained by blending #66ffff with #005981. Closest websafe color is: #3399cc.
-
- R 20
- G 67
- B 75
-
- C 73
- M 10
- Y 0
- K 25
● #33acc0 color description : Moderate cyan.
#33acc0 Color Conversion
The hexadecimal color #33acc0 has RGB values of R:51, G:172, B:192 and CMYK values of C:0.73, M:0.1, Y:0, K:0.25. Its decimal value is 3386560.
| Hex triplet | 33acc0 | #33acc0 |
|---|---|---|
| RGB Decimal | 51, 172, 192 | rgb(51,172,192) |
| RGB Percent | 20, 67.5, 75.3 | rgb(20%,67.5%,75.3%) |
| CMYK | 73, 10, 0, 25 | |
| HSL | 188.5°, 58, 47.6 | hsl(188.5,58%,47.6%) |
| HSV (or HSB) | 188.5°, 73.4, 75.3 | |
| Web Safe | 3399cc | #3399cc |
| CIE-LAB | 64.972, -25.993, -19.751 |
|---|---|
| XYZ | 25.63, 34.012, 55.081 |
| xyY | 0.223, 0.296, 34.012 |
| CIE-LCH | 64.972, 32.646, 217.23 |
| CIE-LUV | 64.972, -43.589, -26.77 |
| Hunter-Lab | 58.32, -23.616, -15.173 |
| Binary | 00110011, 10101100, 11000000 |
Color Schemes with #33acc0
Alternatives to #33acc0
Below, you can see some colors close to #33acc0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33acc0 Preview
This text has a font color of #33acc0.
<span style="color:#33acc0;">Text here</span>
This paragraph has a background color of #33acc0.
<p style="background-color:#33acc0;">Content here</p>
This element has a border color of #33acc0.
<div style="border:1px solid #33acc0;">Content here</div>
.text {color:#33acc0;}
.background {background-color:#33acc0;}
.border {border:1px solid #33acc0;}
Shades and Tints of #33acc0
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, #020506 is the darkest color, while #f6fbfc is the lightest one.
-
#020506
#020506rgb(2,5,6) -
#061316
#061316rgb(6,19,22) -
#0a2125
#0a2125rgb(10,33,37) -
#0e2f35
#0e2f35rgb(14,47,53) -
#123d44
#123d44rgb(18,61,68) -
#164b54
#164b54rgb(22,75,84) -
#1a5963
#1a5963rgb(26,89,99) -
#1e6773
#1e6773rgb(30,103,115) -
#237482
#237482rgb(35,116,130) -
#278292
#278292rgb(39,130,146) -
#2b90a1
#2b90a1rgb(43,144,161) -
#2f9eb1
#2f9eb1rgb(47,158,177) -
#33acc0
#33acc0rgb(51,172,192)
-
#3cb7cb
#3cb7cbrgb(60,183,203) -
#4bbccf
#4bbccfrgb(75,188,207) -
#5bc2d3
#5bc2d3rgb(91,194,211) -
#6ac8d7
#6ac8d7rgb(106,200,215) -
#7acedc
#7acedcrgb(122,206,220) -
#89d3e0
#89d3e0rgb(137,211,224) -
#99d9e4
#99d9e4rgb(153,217,228) -
#a8dfe8
#a8dfe8rgb(168,223,232) -
#b8e5ec
#b8e5ecrgb(184,229,236) -
#c7eaf0
#c7eaf0rgb(199,234,240) -
#d7f0f4
#d7f0f4rgb(215,240,244) -
#e6f6f8
#e6f6f8rgb(230,246,248) -
#f6fbfc
#f6fbfcrgb(246,251,252)
Tones of #33acc0
A tone is produced by adding gray to any pure hue. In this case, #747d7f is the less saturated color, while #04cdef is the most saturated one.
-
#747d7f
#747d7frgb(116,125,127) -
#6b8488
#6b8488rgb(107,132,136) -
#628b91
#628b91rgb(98,139,145) -
#58919b
#58919brgb(88,145,155) -
#4f98a4
#4f98a4rgb(79,152,164) -
#469fad
#469fadrgb(70,159,173) -
#3ca5b7
#3ca5b7rgb(60,165,183) -
#33acc0
#33acc0rgb(51,172,192) -
#2ab3c9
#2ab3c9rgb(42,179,201) -
#20b9d3
#20b9d3rgb(32,185,211) -
#17c0dc
#17c0dcrgb(23,192,220) -
#0ec7e5
#0ec7e5rgb(14,199,229) -
#04cdef
#04cdefrgb(4,205,239)
Color Blindness Simulator
Below, you can see how #33acc0 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.
