#33bbc2 Color Information
In a RGB color space, hex #33bbc2 is composed of 20% red, 73.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 3.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 182.9 degrees, a saturation of 58.4% and a lightness of 48%. #33bbc2 color hex could be obtained by blending #66ffff with #007785. Closest websafe color is: #33cccc.
-
- R 20
- G 73
- B 76
-
- C 74
- M 4
- Y 0
- K 24
● #33bbc2 color description : Moderate cyan.
#33bbc2 Color Conversion
The hexadecimal color #33bbc2 has RGB values of R:51, G:187, B:194 and CMYK values of C:0.74, M:0.04, Y:0, K:0.24. Its decimal value is 3390402.
| Hex triplet | 33bbc2 | #33bbc2 |
|---|---|---|
| RGB Decimal | 51, 187, 194 | rgb(51,187,194) |
| RGB Percent | 20, 73.3, 76.1 | rgb(20%,73.3%,76.1%) |
| CMYK | 74, 4, 0, 24 | |
| HSL | 182.9°, 58.4, 48 | hsl(182.9,58.4%,48%) |
| HSV (or HSB) | 182.9°, 73.7, 76.1 | |
| Web Safe | 33cccc | #33cccc |
| CIE-LAB | 69.567, -32.718, -13.906 |
|---|---|
| XYZ | 28.87, 40.137, 57.262 |
| xyY | 0.229, 0.318, 40.137 |
| CIE-LCH | 69.567, 35.551, 203.026 |
| CIE-LUV | 69.567, -48.814, -16.568 |
| Hunter-Lab | 63.354, -29.526, -9.241 |
| Binary | 00110011, 10111011, 11000010 |
Color Schemes with #33bbc2
Alternatives to #33bbc2
Below, you can see some colors close to #33bbc2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33bbc2 Preview
This text has a font color of #33bbc2.
<span style="color:#33bbc2;">Text here</span>
This paragraph has a background color of #33bbc2.
<p style="background-color:#33bbc2;">Content here</p>
This element has a border color of #33bbc2.
<div style="border:1px solid #33bbc2;">Content here</div>
.text {color:#33bbc2;}
.background {background-color:#33bbc2;}
.border {border:1px solid #33bbc2;}
Shades and Tints of #33bbc2
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, #020708 is the darkest color, while #f7fdfd is the lightest one.
-
#020708
#020708rgb(2,7,8) -
#061617
#061617rgb(6,22,23) -
#0a2527
#0a2527rgb(10,37,39) -
#0e3436
#0e3436rgb(14,52,54) -
#124346
#124346rgb(18,67,70) -
#165255
#165255rgb(22,82,85) -
#1b6165
#1b6165rgb(27,97,101) -
#1f7074
#1f7074rgb(31,112,116) -
#237f84
#237f84rgb(35,127,132) -
#278e93
#278e93rgb(39,142,147) -
#2b9da3
#2b9da3rgb(43,157,163) -
#2facb2
#2facb2rgb(47,172,178) -
#33bbc2
#33bbc2rgb(51,187,194)
-
#3dc5cc
#3dc5ccrgb(61,197,204) -
#4ccad0
#4ccad0rgb(76,202,208) -
#5cced4
#5cced4rgb(92,206,212) -
#6bd3d8
#6bd3d8rgb(107,211,216) -
#7bd7dc
#7bd7dcrgb(123,215,220) -
#8adce0
#8adce0rgb(138,220,224) -
#9ae1e4
#9ae1e4rgb(154,225,228) -
#a9e5e9
#a9e5e9rgb(169,229,233) -
#b9eaed
#b9eaedrgb(185,234,237) -
#c8eff1
#c8eff1rgb(200,239,241) -
#d8f3f5
#d8f3f5rgb(216,243,245) -
#e8f8f9
#e8f8f9rgb(232,248,249) -
#f7fdfd
#f7fdfdrgb(247,253,253)
Tones of #33bbc2
A tone is produced by adding gray to any pure hue. In this case, #757f80 is the less saturated color, while #04e6f1 is the most saturated one.
-
#757f80
#757f80rgb(117,127,128) -
#6c8889
#6c8889rgb(108,136,137) -
#629093
#629093rgb(98,144,147) -
#59999c
#59999crgb(89,153,156) -
#4fa1a6
#4fa1a6rgb(79,161,166) -
#46aaaf
#46aaafrgb(70,170,175) -
#3cb2b9
#3cb2b9rgb(60,178,185) -
#33bbc2
#33bbc2rgb(51,187,194) -
#2ac4cb
#2ac4cbrgb(42,196,203) -
#20ccd5
#20ccd5rgb(32,204,213) -
#17d5de
#17d5dergb(23,213,222) -
#0ddde8
#0ddde8rgb(13,221,232) -
#04e6f1
#04e6f1rgb(4,230,241)
Color Blindness Simulator
Below, you can see how #33bbc2 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.
