#33b396 Color Information
In a RGB color space, hex #33b396 is composed of 20% red, 70.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 0% magenta, 16.2% yellow and 29.8% black. It has a hue angle of 166.4 degrees, a saturation of 55.7% and a lightness of 45.1%. #33b396 color hex could be obtained by blending #66ffff with #00672d. Closest websafe color is: #33cc99.
-
- R 20
- G 70
- B 59
-
- C 72
- M 0
- Y 16
- K 30
● #33b396 color description : Moderate cyan.
#33b396 Color Conversion
The hexadecimal color #33b396 has RGB values of R:51, G:179, B:150 and CMYK values of C:0.72, M:0, Y:0.16, K:0.3. Its decimal value is 3388310.
Hex triplet | 33b396 | #33b396 |
---|---|---|
RGB Decimal | 51, 179, 150 | rgb(51,179,150) |
RGB Percent | 20, 70.2, 58.8 | rgb(20%,70.2%,58.8%) |
CMYK | 72, 0, 16, 30 | |
HSL | 166.4°, 55.7, 45.1 | hsl(166.4,55.7%,45.1%) |
HSV (or HSB) | 166.4°, 71.5, 70.2 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 65.861, -41.322, 4.89 |
---|---|
XYZ | 22.988, 35.144, 34.424 |
xyY | 0.248, 0.38, 35.144 |
CIE-LCH | 65.861, 41.61, 173.251 |
CIE-LUV | 65.861, -48.899, 13.463 |
Hunter-Lab | 59.282, -34.525, 7.069 |
Binary | 00110011, 10110011, 10010110 |
Color Schemes with #33b396
Alternatives to #33b396
Below, you can see some colors close to #33b396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33b396 Preview
This text has a font color of #33b396.
<span style="color:#33b396;">Text here</span>
This paragraph has a background color of #33b396.
<p style="background-color:#33b396;">Content here</p>
This element has a border color of #33b396.
<div style="border:1px solid #33b396;">Content here</div>
.text {color:#33b396;}
.background {background-color:#33b396;}
.border {border:1px solid #33b396;}
Shades and Tints of #33b396
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, #030b09 is the darkest color, while #fbfefd is the lightest one.
-
#030b09
#030b09
rgb(3,11,9)
-
#081a16
#081a16
rgb(8,26,22)
-
#0c2a23
#0c2a23
rgb(12,42,35)
-
#103930
#103930
rgb(16,57,48)
-
#15483c
#15483c
rgb(21,72,60)
-
#195749
#195749
rgb(25,87,73)
-
#1d6756
#1d6756
rgb(29,103,86)
-
#227663
#227663
rgb(34,118,99)
-
#268570
#268570
rgb(38,133,112)
-
#2a947c
#2a947c
rgb(42,148,124)
-
#2fa489
#2fa489
rgb(47,164,137)
-
#33b396
#33b396
rgb(51,179,150)
-
#37c2a3
#37c2a3
rgb(55,194,163)
-
#44caab
#44caab
rgb(68,202,171)
-
#53ceb2
#53ceb2
rgb(83,206,178)
-
#62d2b9
#62d2b9
rgb(98,210,185)
-
#71d7c0
#71d7c0
rgb(113,215,192)
-
#81dbc7
#81dbc7
rgb(129,219,199)
-
#90dfcd
#90dfcd
rgb(144,223,205)
-
#9fe4d4
#9fe4d4
rgb(159,228,212)
-
#aee8db
#aee8db
rgb(174,232,219)
-
#beece2
#beece2
rgb(190,236,226)
-
#cdf1e9
#cdf1e9
rgb(205,241,233)
-
#dcf5ef
#dcf5ef
rgb(220,245,239)
-
#ecf9f6
#ecf9f6
rgb(236,249,246)
-
#fbfefd
#fbfefd
rgb(251,254,253)
Tones of #33b396
A tone is produced by adding gray to any pure hue. In this case, #717574 is the less saturated color, while #07dfae is the most saturated one.
-
#717574
#717574
rgb(113,117,116)
-
#687e79
#687e79
rgb(104,126,121)
-
#5f877e
#5f877e
rgb(95,135,126)
-
#569083
#569083
rgb(86,144,131)
-
#4e9887
#4e9887
rgb(78,152,135)
-
#45a18c
#45a18c
rgb(69,161,140)
-
#3caa91
#3caa91
rgb(60,170,145)
-
#33b396
#33b396
rgb(51,179,150)
-
#2abc9b
#2abc9b
rgb(42,188,155)
-
#21c5a0
#21c5a0
rgb(33,197,160)
-
#18cea5
#18cea5
rgb(24,206,165)
-
#10d6a9
#10d6a9
rgb(16,214,169)
-
#07dfae
#07dfae
rgb(7,223,174)
Color Blindness Simulator
Below, you can see how #33b396 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.