#33af6f Color Information
In a RGB color space, hex #33af6f is composed of 20% red, 68.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 0% magenta, 36.6% yellow and 31.4% black. It has a hue angle of 149 degrees, a saturation of 54.9% and a lightness of 44.3%. #33af6f color hex could be obtained by blending #66ffde with #005f00. Closest websafe color is: #339966.
-
- R 20
- G 69
- B 44
-
- C 71
- M 0
- Y 37
- K 31
● #33af6f color description : Dark cyan - lime green.
#33af6f Color Conversion
The hexadecimal color #33af6f has RGB values of R:51, G:175, B:111 and CMYK values of C:0.71, M:0, Y:0.37, K:0.31. Its decimal value is 3387247.
Hex triplet | 33af6f | #33af6f |
---|---|---|
RGB Decimal | 51, 175, 111 | rgb(51,175,111) |
RGB Percent | 20, 68.6, 43.5 | rgb(20%,68.6%,43.5%) |
CMYK | 71, 0, 37, 31 | |
HSL | 149°, 54.9, 44.3 | hsl(149,54.9%,44.3%) |
HSV (or HSB) | 149°, 70.9, 68.6 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 63.762, -48.588, 23.299 |
---|---|
XYZ | 19.563, 32.51, 20.282 |
xyY | 0.27, 0.449, 32.51 |
CIE-LCH | 63.762, 53.885, 154.381 |
CIE-LUV | 63.762, -49.804, 38.737 |
Hunter-Lab | 57.017, -38.535, 18.822 |
Binary | 00110011, 10101111, 01101111 |
Color Schemes with #33af6f
Alternatives to #33af6f
Below, you can see some colors close to #33af6f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33af6f Preview
This text has a font color of #33af6f.
<span style="color:#33af6f;">Text here</span>
This paragraph has a background color of #33af6f.
<p style="background-color:#33af6f;">Content here</p>
This element has a border color of #33af6f.
<div style="border:1px solid #33af6f;">Content here</div>
.text {color:#33af6f;}
.background {background-color:#33af6f;}
.border {border:1px solid #33af6f;}
Shades and Tints of #33af6f
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, #020805 is the darkest color, while #f8fdfa is the lightest one.
-
#020805
#020805
rgb(2,8,5)
-
#07170f
#07170f
rgb(7,23,15)
-
#0b2618
#0b2618
rgb(11,38,24)
-
#103522
#103522
rgb(16,53,34)
-
#14452c
#14452c
rgb(20,69,44)
-
#185435
#185435
rgb(24,84,53)
-
#1d633f
#1d633f
rgb(29,99,63)
-
#217248
#217248
rgb(33,114,72)
-
#268152
#268152
rgb(38,129,82)
-
#2a915c
#2a915c
rgb(42,145,92)
-
#2fa065
#2fa065
rgb(47,160,101)
-
#33af6f
#33af6f
rgb(51,175,111)
-
#37be79
#37be79
rgb(55,190,121)
-
#41c882
#41c882
rgb(65,200,130)
-
#51cc8c
#51cc8c
rgb(81,204,140)
-
#60d196
#60d196
rgb(96,209,150)
-
#6fd5a0
#6fd5a0
rgb(111,213,160)
-
#7ed9aa
#7ed9aa
rgb(126,217,170)
-
#8ddeb4
#8ddeb4
rgb(141,222,180)
-
#9de2be
#9de2be
rgb(157,226,190)
-
#ace7c8
#ace7c8
rgb(172,231,200)
-
#bbebd2
#bbebd2
rgb(187,235,210)
-
#caf0dc
#caf0dc
rgb(202,240,220)
-
#d9f4e6
#d9f4e6
rgb(217,244,230)
-
#e9f8f0
#e9f8f0
rgb(233,248,240)
-
#f8fdfa
#f8fdfa
rgb(248,253,250)
Tones of #33af6f
A tone is produced by adding gray to any pure hue. In this case, #707271 is the less saturated color, while #08da6e is the most saturated one.
-
#707271
#707271
rgb(112,114,113)
-
#677b71
#677b71
rgb(103,123,113)
-
#5e8470
#5e8470
rgb(94,132,112)
-
#568c70
#568c70
rgb(86,140,112)
-
#4d9570
#4d9570
rgb(77,149,112)
-
#449e70
#449e70
rgb(68,158,112)
-
#3ca66f
#3ca66f
rgb(60,166,111)
-
#33af6f
#33af6f
rgb(51,175,111)
-
#2ab86f
#2ab86f
rgb(42,184,111)
-
#22c06e
#22c06e
rgb(34,192,110)
-
#19c96e
#19c96e
rgb(25,201,110)
-
#10d26e
#10d26e
rgb(16,210,110)
-
#08da6e
#08da6e
rgb(8,218,110)
Color Blindness Simulator
Below, you can see how #33af6f 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.