#33ca96 Color Information
In a RGB color space, hex #33ca96 is composed of 20% red, 79.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 0% magenta, 25.7% yellow and 20.8% black. It has a hue angle of 159.3 degrees, a saturation of 59.7% and a lightness of 49.6%. #33ca96 color hex could be obtained by blending #66ffff with #00952d. Closest websafe color is: #33cc99.
-
- R 20
- G 79
- B 59
-
- C 75
- M 0
- Y 26
- K 21
● #33ca96 color description : Moderate cyan - lime green.
#33ca96 Color Conversion
The hexadecimal color #33ca96 has RGB values of R:51, G:202, B:150 and CMYK values of C:0.75, M:0, Y:0.26, K:0.21. Its decimal value is 3394198.
Hex triplet | 33ca96 | #33ca96 |
---|---|---|
RGB Decimal | 51, 202, 150 | rgb(51,202,150) |
RGB Percent | 20, 79.2, 58.8 | rgb(20%,79.2%,58.8%) |
CMYK | 75, 0, 26, 21 | |
HSL | 159.3°, 59.7, 49.6 | hsl(159.3,59.7%,49.6%) |
HSV (or HSB) | 159.3°, 74.8, 79.2 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 72.987, -50.916, 15.012 |
---|---|
XYZ | 27.989, 45.144, 36.091 |
xyY | 0.256, 0.413, 45.144 |
CIE-LCH | 72.987, 53.083, 163.572 |
CIE-LUV | 72.987, -57.126, 29.56 |
Hunter-Lab | 67.189, -43.225, 15.185 |
Binary | 00110011, 11001010, 10010110 |
Color Schemes with #33ca96
Alternatives to #33ca96
Below, you can see some colors close to #33ca96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ca96 Preview
This text has a font color of #33ca96.
<span style="color:#33ca96;">Text here</span>
This paragraph has a background color of #33ca96.
<p style="background-color:#33ca96;">Content here</p>
This element has a border color of #33ca96.
<div style="border:1px solid #33ca96;">Content here</div>
.text {color:#33ca96;}
.background {background-color:#33ca96;}
.border {border:1px solid #33ca96;}
Shades and Tints of #33ca96
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, #040e0a is the darkest color, while #fdfffe is the lightest one.
-
#040e0a
#040e0a
rgb(4,14,10)
-
#081e16
#081e16
rgb(8,30,22)
-
#0b2d22
#0b2d22
rgb(11,45,34)
-
#0f3d2d
#0f3d2d
rgb(15,61,45)
-
#134d39
#134d39
rgb(19,77,57)
-
#175c45
#175c45
rgb(23,92,69)
-
#1b6c50
#1b6c50
rgb(27,108,80)
-
#1f7c5c
#1f7c5c
rgb(31,124,92)
-
#238b67
#238b67
rgb(35,139,103)
-
#279b73
#279b73
rgb(39,155,115)
-
#2bab7f
#2bab7f
rgb(43,171,127)
-
#2fba8a
#2fba8a
rgb(47,186,138)
-
#33ca96
#33ca96
rgb(51,202,150)
-
#41cf9e
#41cf9e
rgb(65,207,158)
-
#51d3a6
#51d3a6
rgb(81,211,166)
-
#61d7ae
#61d7ae
rgb(97,215,174)
-
#70dbb6
#70dbb6
rgb(112,219,182)
-
#80dfbe
#80dfbe
rgb(128,223,190)
-
#90e3c6
#90e3c6
rgb(144,227,198)
-
#9fe7ce
#9fe7ce
rgb(159,231,206)
-
#afebd6
#afebd6
rgb(175,235,214)
-
#bfefde
#bfefde
rgb(191,239,222)
-
#cef3e6
#cef3e6
rgb(206,243,230)
-
#def7ee
#def7ee
rgb(222,247,238)
-
#eefbf6
#eefbf6
rgb(238,251,246)
-
#fdfffe
#fdfffe
rgb(253,255,254)
Tones of #33ca96
A tone is produced by adding gray to any pure hue. In this case, #778681 is the less saturated color, while #02fba5 is the most saturated one.
-
#778681
#778681
rgb(119,134,129)
-
#6d9084
#6d9084
rgb(109,144,132)
-
#649987
#649987
rgb(100,153,135)
-
#5aa38a
#5aa38a
rgb(90,163,138)
-
#50ad8d
#50ad8d
rgb(80,173,141)
-
#46b790
#46b790
rgb(70,183,144)
-
#3dc093
#3dc093
rgb(61,192,147)
-
#33ca96
#33ca96
rgb(51,202,150)
-
#29d499
#29d499
rgb(41,212,153)
-
#20dd9c
#20dd9c
rgb(32,221,156)
-
#16e79f
#16e79f
rgb(22,231,159)
-
#0cf1a2
#0cf1a2
rgb(12,241,162)
-
#02fba5
#02fba5
rgb(2,251,165)
Color Blindness Simulator
Below, you can see how #33ca96 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.