#33a796 Color Information
In a RGB color space, hex #33a796 is composed of 20% red, 65.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 0% magenta, 10.2% yellow and 34.5% black. It has a hue angle of 171.2 degrees, a saturation of 53.2% and a lightness of 42.7%. #33a796 color hex could be obtained by blending #66ffff with #004f2d. Closest websafe color is: #339999.
-
- R 20
- G 65
- B 59
-
- C 69
- M 0
- Y 10
- K 35
● #33a796 color description : Dark moderate cyan.
#33a796 Color Conversion
The hexadecimal color #33a796 has RGB values of R:51, G:167, B:150 and CMYK values of C:0.69, M:0, Y:0.1, K:0.35. Its decimal value is 3385238.
Hex triplet | 33a796 | #33a796 |
---|---|---|
RGB Decimal | 51, 167, 150 | rgb(51,167,150) |
RGB Percent | 20, 65.5, 58.8 | rgb(20%,65.5%,58.8%) |
CMYK | 69, 0, 10, 35 | |
HSL | 171.2°, 53.2, 42.7 | hsl(171.2,53.2%,42.7%) |
HSV (or HSB) | 171.2°, 69.5, 65.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.119, -35.955, -0.542 |
---|---|
XYZ | 20.687, 30.541, 33.657 |
xyY | 0.244, 0.36, 30.541 |
CIE-LCH | 62.119, 35.959, 180.863 |
CIE-LUV | 62.119, -44.508, 4.653 |
Hunter-Lab | 55.264, -29.894, 2.576 |
Binary | 00110011, 10100111, 10010110 |
Color Schemes with #33a796
Alternatives to #33a796
Below, you can see some colors close to #33a796. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a796 Preview
This text has a font color of #33a796.
<span style="color:#33a796;">Text here</span>
This paragraph has a background color of #33a796.
<p style="background-color:#33a796;">Content here</p>
This element has a border color of #33a796.
<div style="border:1px solid #33a796;">Content here</div>
.text {color:#33a796;}
.background {background-color:#33a796;}
.border {border:1px solid #33a796;}
Shades and Tints of #33a796
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, #010202 is the darkest color, while #f2fbfa is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#05110f
#05110f
rgb(5,17,15)
-
#0a201d
#0a201d
rgb(10,32,29)
-
#0e2f2a
#0e2f2a
rgb(14,47,42)
-
#133e38
#133e38
rgb(19,62,56)
-
#174d45
#174d45
rgb(23,77,69)
-
#1c5c53
#1c5c53
rgb(28,92,83)
-
#216b60
#216b60
rgb(33,107,96)
-
#257a6e
#257a6e
rgb(37,122,110)
-
#2a897b
#2a897b
rgb(42,137,123)
-
#2e9889
#2e9889
rgb(46,152,137)
-
#33a796
#33a796
rgb(51,167,150)
-
#38b6a3
#38b6a3
rgb(56,182,163)
-
#3dc4b0
#3dc4b0
rgb(61,196,176)
-
#4cc8b6
#4cc8b6
rgb(76,200,182)
-
#5bcdbc
#5bcdbc
rgb(91,205,188)
-
#6ad2c3
#6ad2c3
rgb(106,210,195)
-
#79d6c9
#79d6c9
rgb(121,214,201)
-
#88dbcf
#88dbcf
rgb(136,219,207)
-
#98dfd5
#98dfd5
rgb(152,223,213)
-
#a7e4db
#a7e4db
rgb(167,228,219)
-
#b6e9e1
#b6e9e1
rgb(182,233,225)
-
#c5ede7
#c5ede7
rgb(197,237,231)
-
#d4f2ed
#d4f2ed
rgb(212,242,237)
-
#e3f6f3
#e3f6f3
rgb(227,246,243)
-
#f2fbfa
#f2fbfa
rgb(242,251,250)
Tones of #33a796
A tone is produced by adding gray to any pure hue. In this case, #657572 is the less saturated color, while #01d9ba is the most saturated one.
-
#657572
#657572
rgb(101,117,114)
-
#5d7d78
#5d7d78
rgb(93,125,120)
-
#55857e
#55857e
rgb(85,133,126)
-
#4c8e84
#4c8e84
rgb(76,142,132)
-
#44968a
#44968a
rgb(68,150,138)
-
#3b9f90
#3b9f90
rgb(59,159,144)
-
#33a796
#33a796
rgb(51,167,150)
-
#2baf9c
#2baf9c
rgb(43,175,156)
-
#22b8a2
#22b8a2
rgb(34,184,162)
-
#1ac0a8
#1ac0a8
rgb(26,192,168)
-
#11c9ae
#11c9ae
rgb(17,201,174)
-
#09d1b4
#09d1b4
rgb(9,209,180)
-
#01d9ba
#01d9ba
rgb(1,217,186)
Color Blindness Simulator
Below, you can see how #33a796 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.