#33af55 Color Information
In a RGB color space, hex #33af55 is composed of 20% red, 68.6% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 0% magenta, 51.4% yellow and 31.4% black. It has a hue angle of 136.5 degrees, a saturation of 54.9% and a lightness of 44.3%. #33af55 color hex could be obtained by blending #66ffaa with #005f00. Closest websafe color is: #339966.
-
- R 20
- G 69
- B 33
-
- C 71
- M 0
- Y 51
- K 31
● #33af55 color description : Dark cyan - lime green.
#33af55 Color Conversion
The hexadecimal color #33af55 has RGB values of R:51, G:175, B:85 and CMYK values of C:0.71, M:0, Y:0.51, K:0.31. Its decimal value is 3387221.
Hex triplet | 33af55 | #33af55 |
---|---|---|
RGB Decimal | 51, 175, 85 | rgb(51,175,85) |
RGB Percent | 20, 68.6, 33.3 | rgb(20%,68.6%,33.3%) |
CMYK | 71, 0, 51, 31 | |
HSL | 136.5°, 54.9, 44.3 | hsl(136.5,54.9%,44.3%) |
HSV (or HSB) | 136.5°, 70.9, 68.6 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 63.358, -53.163, 36.343 |
---|---|
XYZ | 18.334, 32.018, 13.808 |
xyY | 0.286, 0.499, 32.018 |
CIE-LCH | 63.358, 64.398, 145.643 |
CIE-LUV | 63.358, -51.1, 53.76 |
Hunter-Lab | 56.584, -41.187, 25.141 |
Binary | 00110011, 10101111, 01010101 |
Color Schemes with #33af55
Alternatives to #33af55
Below, you can see some colors close to #33af55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33af55 Preview
This text has a font color of #33af55.
<span style="color:#33af55;">Text here</span>
This paragraph has a background color of #33af55.
<p style="background-color:#33af55;">Content here</p>
This element has a border color of #33af55.
<div style="border:1px solid #33af55;">Content here</div>
.text {color:#33af55;}
.background {background-color:#33af55;}
.border {border:1px solid #33af55;}
Shades and Tints of #33af55
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, #020804 is the darkest color, while #f8fdf9 is the lightest one.
-
#020804
#020804
rgb(2,8,4)
-
#07170b
#07170b
rgb(7,23,11)
-
#0b2613
#0b2613
rgb(11,38,19)
-
#10351a
#10351a
rgb(16,53,26)
-
#144521
#144521
rgb(20,69,33)
-
#185429
#185429
rgb(24,84,41)
-
#1d6330
#1d6330
rgb(29,99,48)
-
#217237
#217237
rgb(33,114,55)
-
#26813f
#26813f
rgb(38,129,63)
-
#2a9146
#2a9146
rgb(42,145,70)
-
#2fa04e
#2fa04e
rgb(47,160,78)
-
#33af55
#33af55
rgb(51,175,85)
-
#37be5c
#37be5c
rgb(55,190,92)
-
#41c866
#41c866
rgb(65,200,102)
-
#51cc73
#51cc73
rgb(81,204,115)
-
#60d17f
#60d17f
rgb(96,209,127)
-
#6fd58b
#6fd58b
rgb(111,213,139)
-
#7ed997
#7ed997
rgb(126,217,151)
-
#8ddea3
#8ddea3
rgb(141,222,163)
-
#9de2b0
#9de2b0
rgb(157,226,176)
-
#ace7bc
#ace7bc
rgb(172,231,188)
-
#bbebc8
#bbebc8
rgb(187,235,200)
-
#caf0d4
#caf0d4
rgb(202,240,212)
-
#d9f4e1
#d9f4e1
rgb(217,244,225)
-
#e9f8ed
#e9f8ed
rgb(233,248,237)
-
#f8fdf9
#f8fdf9
rgb(248,253,249)
Tones of #33af55
A tone is produced by adding gray to any pure hue. In this case, #707270 is the less saturated color, while #08da41 is the most saturated one.
-
#707270
#707270
rgb(112,114,112)
-
#677b6d
#677b6d
rgb(103,123,109)
-
#5e8469
#5e8469
rgb(94,132,105)
-
#568c65
#568c65
rgb(86,140,101)
-
#4d9561
#4d9561
rgb(77,149,97)
-
#449e5d
#449e5d
rgb(68,158,93)
-
#3ca659
#3ca659
rgb(60,166,89)
-
#33af55
#33af55
rgb(51,175,85)
-
#2ab851
#2ab851
rgb(42,184,81)
-
#22c04d
#22c04d
rgb(34,192,77)
-
#19c949
#19c949
rgb(25,201,73)
-
#10d245
#10d245
rgb(16,210,69)
-
#08da41
#08da41
rgb(8,218,65)
Color Blindness Simulator
Below, you can see how #33af55 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.