#33b4af Color Information
In a RGB color space, hex #33b4af is composed of 20% red, 70.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 0% magenta, 2.8% yellow and 29.4% black. It has a hue angle of 177.7 degrees, a saturation of 55.8% and a lightness of 45.3%. #33b4af color hex could be obtained by blending #66ffff with #00695f. Closest websafe color is: #33cc99.
-
- R 20
- G 71
- B 69
-
- C 72
- M 0
- Y 3
- K 29
● #33b4af color description : Moderate cyan.
#33b4af Color Conversion
The hexadecimal color #33b4af has RGB values of R:51, G:180, B:175 and CMYK values of C:0.72, M:0, Y:0.03, K:0.29. Its decimal value is 3388591.
Hex triplet | 33b4af | #33b4af |
---|---|---|
RGB Decimal | 51, 180, 175 | rgb(51,180,175) |
RGB Percent | 20, 70.6, 68.6 | rgb(20%,70.6%,68.6%) |
CMYK | 72, 0, 3, 29 | |
HSL | 177.7°, 55.8, 45.3 | hsl(177.7,55.8%,45.3%) |
HSV (or HSB) | 177.7°, 71.7, 70.6 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 66.854, -34.978, -7.489 |
---|---|
XYZ | 25.422, 36.439, 46.249 |
xyY | 0.235, 0.337, 36.439 |
CIE-LCH | 66.854, 35.771, 192.085 |
CIE-LUV | 66.854, -47.601, -6.016 |
Hunter-Lab | 60.365, -30.465, -3.17 |
Binary | 00110011, 10110100, 10101111 |
Color Schemes with #33b4af
Alternatives to #33b4af
Below, you can see some colors close to #33b4af. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33b4af Preview
This text has a font color of #33b4af.
<span style="color:#33b4af;">Text here</span>
This paragraph has a background color of #33b4af.
<p style="background-color:#33b4af;">Content here</p>
This element has a border color of #33b4af.
<div style="border:1px solid #33b4af;">Content here</div>
.text {color:#33b4af;}
.background {background-color:#33b4af;}
.border {border:1px solid #33b4af;}
Shades and Tints of #33b4af
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, #030c0c is the darkest color, while #fcfefe is the lightest one.
-
#030c0c
#030c0c
rgb(3,12,12)
-
#081b1a
#081b1a
rgb(8,27,26)
-
#0c2a29
#0c2a29
rgb(12,42,41)
-
#103a38
#103a38
rgb(16,58,56)
-
#154947
#154947
rgb(21,73,71)
-
#195856
#195856
rgb(25,88,86)
-
#1d6865
#1d6865
rgb(29,104,101)
-
#227774
#227774
rgb(34,119,116)
-
#268682
#268682
rgb(38,134,130)
-
#2a9591
#2a9591
rgb(42,149,145)
-
#2fa5a0
#2fa5a0
rgb(47,165,160)
-
#33b4af
#33b4af
rgb(51,180,175)
-
#37c3be
#37c3be
rgb(55,195,190)
-
#44cac5
#44cac5
rgb(68,202,197)
-
#53ceca
#53ceca
rgb(83,206,202)
-
#63d3ce
#63d3ce
rgb(99,211,206)
-
#72d7d3
#72d7d3
rgb(114,215,211)
-
#81dbd8
#81dbd8
rgb(129,219,216)
-
#91e0dd
#91e0dd
rgb(145,224,221)
-
#a0e4e1
#a0e4e1
rgb(160,228,225)
-
#afe8e6
#afe8e6
rgb(175,232,230)
-
#beedeb
#beedeb
rgb(190,237,235)
-
#cef1f0
#cef1f0
rgb(206,241,240)
-
#ddf5f4
#ddf5f4
rgb(221,245,244)
-
#ecfaf9
#ecfaf9
rgb(236,250,249)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #33b4af
A tone is produced by adding gray to any pure hue. In this case, #717676 is the less saturated color, while #07e0d8 is the most saturated one.
-
#717676
#717676
rgb(113,118,118)
-
#687f7e
#687f7e
rgb(104,127,126)
-
#5f8886
#5f8886
rgb(95,136,134)
-
#57908e
#57908e
rgb(87,144,142)
-
#4e9996
#4e9996
rgb(78,153,150)
-
#45a29f
#45a29f
rgb(69,162,159)
-
#3caba7
#3caba7
rgb(60,171,167)
-
#33b4af
#33b4af
rgb(51,180,175)
-
#2abdb7
#2abdb7
rgb(42,189,183)
-
#21c6bf
#21c6bf
rgb(33,198,191)
-
#18cfc8
#18cfc8
rgb(24,207,200)
-
#0fd8d0
#0fd8d0
rgb(15,216,208)
-
#07e0d8
#07e0d8
rgb(7,224,216)
Color Blindness Simulator
Below, you can see how #33b4af 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.