#33a4a2 Color Information
In a RGB color space, hex #33a4a2 is composed of 20% red, 64.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 0% magenta, 1.2% yellow and 35.7% black. It has a hue angle of 178.9 degrees, a saturation of 52.6% and a lightness of 42.2%. #33a4a2 color hex could be obtained by blending #66ffff with #004945. Closest websafe color is: #339999.
-
- R 20
- G 64
- B 64
-
- C 69
- M 0
- Y 1
- K 36
● #33a4a2 color description : Dark moderate cyan.
#33a4a2 Color Conversion
The hexadecimal color #33a4a2 has RGB values of R:51, G:164, B:162 and CMYK values of C:0.69, M:0, Y:0.01, K:0.36. Its decimal value is 3384482.
Hex triplet | 33a4a2 | #33a4a2 |
---|---|---|
RGB Decimal | 51, 164, 162 | rgb(51,164,162) |
RGB Percent | 20, 64.3, 63.5 | rgb(20%,64.3%,63.5%) |
CMYK | 69, 0, 1, 36 | |
HSL | 178.9°, 52.6, 42.2 | hsl(178.9,52.6%,42.2%) |
HSV (or HSB) | 178.9°, 68.9, 64.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.535, -31.162, -8.148 |
---|---|
XYZ | 21.16, 29.861, 38.829 |
xyY | 0.236, 0.332, 29.861 |
CIE-LCH | 61.535, 32.21, 194.653 |
CIE-LUV | 61.535, -42.633, -7.5 |
Hunter-Lab | 54.646, -26.51, -3.877 |
Binary | 00110011, 10100100, 10100010 |
Color Schemes with #33a4a2
Alternatives to #33a4a2
Below, you can see some colors close to #33a4a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a4a2 Preview
This text has a font color of #33a4a2.
<span style="color:#33a4a2;">Text here</span>
This paragraph has a background color of #33a4a2.
<p style="background-color:#33a4a2;">Content here</p>
This element has a border color of #33a4a2.
<div style="border:1px solid #33a4a2;">Content here</div>
.text {color:#33a4a2;}
.background {background-color:#33a4a2;}
.border {border:1px solid #33a4a2;}
Shades and Tints of #33a4a2
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, #040e0e is the darkest color, while #feffff is the lightest one.
-
#040e0e
#040e0e
rgb(4,14,14)
-
#091d1d
#091d1d
rgb(9,29,29)
-
#0e2c2c
#0e2c2c
rgb(14,44,44)
-
#123b3b
#123b3b
rgb(18,59,59)
-
#174a49
#174a49
rgb(23,74,73)
-
#1c5958
#1c5958
rgb(28,89,88)
-
#206867
#206867
rgb(32,104,103)
-
#257776
#257776
rgb(37,119,118)
-
#2a8684
#2a8684
rgb(42,134,132)
-
#2e9593
#2e9593
rgb(46,149,147)
-
#33a4a2
#33a4a2
rgb(51,164,162)
-
#38b3b1
#38b3b1
rgb(56,179,177)
-
#3cc2c0
#3cc2c0
rgb(60,194,192)
-
#4bc7c5
#4bc7c5
rgb(75,199,197)
-
#5accca
#5accca
rgb(90,204,202)
-
#69d0ce
#69d0ce
rgb(105,208,206)
-
#78d5d3
#78d5d3
rgb(120,213,211)
-
#87dad8
#87dad8
rgb(135,218,216)
-
#96dedd
#96dedd
rgb(150,222,221)
-
#a5e3e2
#a5e3e2
rgb(165,227,226)
-
#b4e8e7
#b4e8e7
rgb(180,232,231)
-
#c3eceb
#c3eceb
rgb(195,236,235)
-
#d2f1f0
#d2f1f0
rgb(210,241,240)
-
#e0f6f5
#e0f6f5
rgb(224,246,245)
-
#effafa
#effafa
rgb(239,250,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #33a4a2
A tone is produced by adding gray to any pure hue. In this case, #657272 is the less saturated color, while #01d6d2 is the most saturated one.
-
#657272
#657272
rgb(101,114,114)
-
#5c7b7a
#5c7b7a
rgb(92,123,122)
-
#548382
#548382
rgb(84,131,130)
-
#4c8b8a
#4c8b8a
rgb(76,139,138)
-
#449392
#449392
rgb(68,147,146)
-
#3b9c9a
#3b9c9a
rgb(59,156,154)
-
#33a4a2
#33a4a2
rgb(51,164,162)
-
#2bacaa
#2bacaa
rgb(43,172,170)
-
#22b5b2
#22b5b2
rgb(34,181,178)
-
#1abdba
#1abdba
rgb(26,189,186)
-
#12c5c2
#12c5c2
rgb(18,197,194)
-
#0acdca
#0acdca
rgb(10,205,202)
-
#01d6d2
#01d6d2
rgb(1,214,210)
Color Blindness Simulator
Below, you can see how #33a4a2 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.