#33d9b4 Color Information
In a RGB color space, hex #33d9b4 is composed of 20% red, 85.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 17.1% yellow and 14.9% black. It has a hue angle of 166.6 degrees, a saturation of 68.6% and a lightness of 52.5%. #33d9b4 color hex could be obtained by blending #66ffff with #00b369. Closest websafe color is: #33cccc.
-
- R 20
- G 85
- B 71
-
- C 76
- M 0
- Y 17
- K 15
● #33d9b4 color description : Bright cyan.
#33d9b4 Color Conversion
The hexadecimal color #33d9b4 has RGB values of R:51, G:217, B:180 and CMYK values of C:0.76, M:0, Y:0.17, K:0.15. Its decimal value is 3398068.
| Hex triplet | 33d9b4 | #33d9b4 |
|---|---|---|
| RGB Decimal | 51, 217, 180 | rgb(51,217,180) |
| RGB Percent | 20, 85.1, 70.6 | rgb(20%,85.1%,70.6%) |
| CMYK | 76, 0, 17, 15 | |
| HSL | 166.6°, 68.6, 52.5 | hsl(166.6,68.6%,52.5%) |
| HSV (or HSB) | 166.6°, 76.5, 85.1 | |
| Web Safe | 33cccc | #33cccc |
| CIE-LAB | 78.24, -49.84, 6.44 |
|---|---|
| XYZ | 34.413, 53.621, 51.714 |
| xyY | 0.246, 0.384, 53.621 |
| CIE-LCH | 78.24, 50.255, 172.637 |
| CIE-LUV | 78.24, -60.355, 17.525 |
| Hunter-Lab | 73.227, -44.26, 9.387 |
| Binary | 00110011, 11011001, 10110100 |
Color Schemes with #33d9b4
Alternatives to #33d9b4
Below, you can see some colors close to #33d9b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33d9b4 Preview
This text has a font color of #33d9b4.
<span style="color:#33d9b4;">Text here</span>
This paragraph has a background color of #33d9b4.
<p style="background-color:#33d9b4;">Content here</p>
This element has a border color of #33d9b4.
<div style="border:1px solid #33d9b4;">Content here</div>
.text {color:#33d9b4;}
.background {background-color:#33d9b4;}
.border {border:1px solid #33d9b4;}
Shades and Tints of #33d9b4
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, #020b09 is the darkest color, while #f9fefd is the lightest one.
-
#020b09
#020b09rgb(2,11,9) -
#051b17
#051b17rgb(5,27,23) -
#082c24
#082c24rgb(8,44,36) -
#0b3d32
#0b3d32rgb(11,61,50) -
#0e4d3f
#0e4d3frgb(14,77,63) -
#115e4d
#115e4drgb(17,94,77) -
#156e5a
#156e5argb(21,110,90) -
#187f68
#187f68rgb(24,127,104) -
#1b8f75
#1b8f75rgb(27,143,117) -
#1ea083
#1ea083rgb(30,160,131) -
#21b090
#21b090rgb(33,176,144) -
#24c19e
#24c19ergb(36,193,158) -
#27d1ab
#27d1abrgb(39,209,171)
-
#33d9b4
#33d9b4rgb(51,217,180) -
#44dcba
#44dcbargb(68,220,186) -
#54dfc0
#54dfc0rgb(84,223,192) -
#65e2c6
#65e2c6rgb(101,226,198) -
#75e5cc
#75e5ccrgb(117,229,204) -
#86e8d2
#86e8d2rgb(134,232,210) -
#96ebd8
#96ebd8rgb(150,235,216) -
#a7efdf
#a7efdfrgb(167,239,223) -
#b7f2e5
#b7f2e5rgb(183,242,229) -
#c8f5eb
#c8f5ebrgb(200,245,235) -
#d8f8f1
#d8f8f1rgb(216,248,241) -
#e9fbf7
#e9fbf7rgb(233,251,247) -
#f9fefd
#f9fefdrgb(249,254,253)
Tones of #33d9b4
A tone is produced by adding gray to any pure hue. In this case, #7d8f8b is the less saturated color, while #0efec9 is the most saturated one.
-
#7d8f8b
#7d8f8brgb(125,143,139) -
#749890
#749890rgb(116,152,144) -
#6ba195
#6ba195rgb(107,161,149) -
#62aa9a
#62aa9argb(98,170,154) -
#58b49f
#58b49frgb(88,180,159) -
#4fbda5
#4fbda5rgb(79,189,165) -
#46c6aa
#46c6aargb(70,198,170) -
#3cd0af
#3cd0afrgb(60,208,175) -
#33d9b4
#33d9b4rgb(51,217,180) -
#2ae2b9
#2ae2b9rgb(42,226,185) -
#20ecbe
#20ecbergb(32,236,190) -
#17f5c3
#17f5c3rgb(23,245,195) -
#0efec9
#0efec9rgb(14,254,201)
Color Blindness Simulator
Below, you can see how #33d9b4 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.
