#33aa97 Color Information
In a RGB color space, hex #33aa97 is composed of 20% red, 66.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 0% magenta, 11.2% yellow and 33.3% black. It has a hue angle of 170.4 degrees, a saturation of 53.8% and a lightness of 43.3%. #33aa97 color hex could be obtained by blending #66ffff with #00552f. Closest websafe color is: #339999.
-
- R 20
- G 67
- B 59
-
- C 70
- M 0
- Y 11
- K 33
● #33aa97 color description : Dark cyan.
#33aa97 Color Conversion
The hexadecimal color #33aa97 has RGB values of R:51, G:170, B:151 and CMYK values of C:0.7, M:0, Y:0.11, K:0.33. Its decimal value is 3386007.
Hex triplet | 33aa97 | #33aa97 |
---|---|---|
RGB Decimal | 51, 170, 151 | rgb(51,170,151) |
RGB Percent | 20, 66.7, 59.2 | rgb(20%,66.7%,59.2%) |
CMYK | 70, 0, 11, 33 | |
HSL | 170.4°, 53.8, 43.3 | hsl(170.4,53.8%,43.3%) |
HSV (or HSB) | 170.4°, 70, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.082, -37.054, 0.306 |
---|---|
XYZ | 21.324, 31.686, 34.269 |
xyY | 0.244, 0.363, 31.686 |
CIE-LCH | 63.082, 37.055, 179.527 |
CIE-LUV | 63.082, -45.547, 6.079 |
Hunter-Lab | 56.29, -30.888, 3.308 |
Binary | 00110011, 10101010, 10010111 |
Color Schemes with #33aa97
Alternatives to #33aa97
Below, you can see some colors close to #33aa97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33aa97 Preview
This text has a font color of #33aa97.
<span style="color:#33aa97;">Text here</span>
This paragraph has a background color of #33aa97.
<p style="background-color:#33aa97;">Content here</p>
This element has a border color of #33aa97.
<div style="border:1px solid #33aa97;">Content here</div>
.text {color:#33aa97;}
.background {background-color:#33aa97;}
.border {border:1px solid #33aa97;}
Shades and Tints of #33aa97
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, #010404 is the darkest color, while #f4fcfa is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#061311
#061311
rgb(6,19,17)
-
#0a221e
#0a221e
rgb(10,34,30)
-
#0f312c
#0f312c
rgb(15,49,44)
-
#134039
#134039
rgb(19,64,57)
-
#184f47
#184f47
rgb(24,79,71)
-
#1c5f54
#1c5f54
rgb(28,95,84)
-
#216e61
#216e61
rgb(33,110,97)
-
#257d6f
#257d6f
rgb(37,125,111)
-
#2a8c7c
#2a8c7c
rgb(42,140,124)
-
#2e9b8a
#2e9b8a
rgb(46,155,138)
-
#33aa97
#33aa97
rgb(51,170,151)
-
#38b9a4
#38b9a4
rgb(56,185,164)
-
#3fc5b0
#3fc5b0
rgb(63,197,176)
-
#4ecab6
#4ecab6
rgb(78,202,182)
-
#5dcebc
#5dcebc
rgb(93,206,188)
-
#6cd3c3
#6cd3c3
rgb(108,211,195)
-
#7bd7c9
#7bd7c9
rgb(123,215,201)
-
#8adccf
#8adccf
rgb(138,220,207)
-
#99e1d5
#99e1d5
rgb(153,225,213)
-
#a8e5db
#a8e5db
rgb(168,229,219)
-
#b8eae2
#b8eae2
rgb(184,234,226)
-
#c7eee8
#c7eee8
rgb(199,238,232)
-
#d6f3ee
#d6f3ee
rgb(214,243,238)
-
#e5f7f4
#e5f7f4
rgb(229,247,244)
-
#f4fcfa
#f4fcfa
rgb(244,252,250)
Tones of #33aa97
A tone is produced by adding gray to any pure hue. In this case, #667774 is the less saturated color, while #00ddba is the most saturated one.
-
#667774
#667774
rgb(102,119,116)
-
#5e807a
#5e807a
rgb(94,128,122)
-
#558880
#558880
rgb(85,136,128)
-
#4d9186
#4d9186
rgb(77,145,134)
-
#44998b
#44998b
rgb(68,153,139)
-
#3ca291
#3ca291
rgb(60,162,145)
-
#33aa97
#33aa97
rgb(51,170,151)
-
#2bb39d
#2bb39d
rgb(43,179,157)
-
#22bba3
#22bba3
rgb(34,187,163)
-
#1ac4a8
#1ac4a8
rgb(26,196,168)
-
#11ccae
#11ccae
rgb(17,204,174)
-
#09d5b4
#09d5b4
rgb(9,213,180)
-
#00ddba
#00ddba
rgb(0,221,186)
Color Blindness Simulator
Below, you can see how #33aa97 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.