#33a393 Color Information
In a RGB color space, hex #33a393 is composed of 20% red, 63.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 0% magenta, 9.8% yellow and 36.1% black. It has a hue angle of 171.4 degrees, a saturation of 52.3% and a lightness of 42%. #33a393 color hex could be obtained by blending #66ffff with #004727. Closest websafe color is: #339999.
-
- R 20
- G 64
- B 58
-
- C 69
- M 0
- Y 10
- K 36
● #33a393 color description : Dark moderate cyan.
#33a393 Color Conversion
The hexadecimal color #33a393 has RGB values of R:51, G:163, B:147 and CMYK values of C:0.69, M:0, Y:0.1, K:0.36. Its decimal value is 3384211.
Hex triplet | 33a393 | #33a393 |
---|---|---|
RGB Decimal | 51, 163, 147 | rgb(51,163,147) |
RGB Percent | 20, 63.9, 57.6 | rgb(20%,63.9%,57.6%) |
CMYK | 69, 0, 10, 36 | |
HSL | 171.4°, 52.3, 42 | hsl(171.4,52.3%,42%) |
HSV (or HSB) | 171.4°, 68.7, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.784, -34.93, -0.807 |
---|---|
XYZ | 19.727, 29.003, 32.161 |
xyY | 0.244, 0.359, 29.003 |
CIE-LCH | 60.784, 34.939, 181.324 |
CIE-LUV | 60.784, -43.221, 4.092 |
Hunter-Lab | 53.854, -28.86, 2.291 |
Binary | 00110011, 10100011, 10010011 |
Color Schemes with #33a393
Alternatives to #33a393
Below, you can see some colors close to #33a393. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a393 Preview
This text has a font color of #33a393.
<span style="color:#33a393;">Text here</span>
This paragraph has a background color of #33a393.
<p style="background-color:#33a393;">Content here</p>
This element has a border color of #33a393.
<div style="border:1px solid #33a393;">Content here</div>
.text {color:#33a393;}
.background {background-color:#33a393;}
.border {border:1px solid #33a393;}
Shades and Tints of #33a393
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, #040e0c is the darkest color, while #fefffe is the lightest one.
-
#040e0c
#040e0c
rgb(4,14,12)
-
#091d1a
#091d1a
rgb(9,29,26)
-
#0e2b27
#0e2b27
rgb(14,43,39)
-
#123a35
#123a35
rgb(18,58,53)
-
#174942
#174942
rgb(23,73,66)
-
#1c5850
#1c5850
rgb(28,88,80)
-
#20675d
#20675d
rgb(32,103,93)
-
#25766b
#25766b
rgb(37,118,107)
-
#2a8578
#2a8578
rgb(42,133,120)
-
#2e9486
#2e9486
rgb(46,148,134)
-
#33a393
#33a393
rgb(51,163,147)
-
#38b2a0
#38b2a0
rgb(56,178,160)
-
#3cc1ae
#3cc1ae
rgb(60,193,174)
-
#4ac6b5
#4ac6b5
rgb(74,198,181)
-
#59cbbb
#59cbbb
rgb(89,203,187)
-
#68d0c1
#68d0c1
rgb(104,208,193)
-
#77d5c7
#77d5c7
rgb(119,213,199)
-
#86d9cd
#86d9cd
rgb(134,217,205)
-
#95ded3
#95ded3
rgb(149,222,211)
-
#a4e3da
#a4e3da
rgb(164,227,218)
-
#b3e7e0
#b3e7e0
rgb(179,231,224)
-
#c2ece6
#c2ece6
rgb(194,236,230)
-
#d1f1ec
#d1f1ec
rgb(209,241,236)
-
#e0f5f2
#e0f5f2
rgb(224,245,242)
-
#effaf8
#effaf8
rgb(239,250,248)
-
#fefffe
#fefffe
rgb(254,255,254)
Tones of #33a393
A tone is produced by adding gray to any pure hue. In this case, #647270 is the less saturated color, while #02d4b6 is the most saturated one.
-
#647270
#647270
rgb(100,114,112)
-
#5c7a76
#5c7a76
rgb(92,122,118)
-
#54827b
#54827b
rgb(84,130,123)
-
#4c8a81
#4c8a81
rgb(76,138,129)
-
#439387
#439387
rgb(67,147,135)
-
#3b9b8d
#3b9b8d
rgb(59,155,141)
-
#33a393
#33a393
rgb(51,163,147)
-
#2bab99
#2bab99
rgb(43,171,153)
-
#23b39f
#23b39f
rgb(35,179,159)
-
#1abca5
#1abca5
rgb(26,188,165)
-
#12c4ab
#12c4ab
rgb(18,196,171)
-
#0accb0
#0accb0
rgb(10,204,176)
-
#02d4b6
#02d4b6
rgb(2,212,182)
Color Blindness Simulator
Below, you can see how #33a393 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.