#33a4af Color Information
In a RGB color space, hex #33a4af is composed of 20% red, 64.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 6.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 185.3 degrees, a saturation of 54.9% and a lightness of 44.3%. #33a4af color hex could be obtained by blending #66ffff with #00495f. Closest websafe color is: #339999.
-
- R 20
- G 64
- B 69
-
- C 71
- M 6
- Y 0
- K 31
● #33a4af color description : Dark cyan.
#33a4af Color Conversion
The hexadecimal color #33a4af has RGB values of R:51, G:164, B:175 and CMYK values of C:0.71, M:0.06, Y:0, K:0.31. Its decimal value is 3384495.
Hex triplet | 33a4af | #33a4af |
---|---|---|
RGB Decimal | 51, 164, 175 | rgb(51,164,175) |
RGB Percent | 20, 64.3, 68.6 | rgb(20%,64.3%,68.6%) |
CMYK | 71, 6, 0, 31 | |
HSL | 185.3°, 54.9, 44.3 | hsl(185.3,54.9%,44.3%) |
HSV (or HSB) | 185.3°, 70.9, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.953, -27.27, -14.83 |
---|---|
XYZ | 22.376, 30.348, 45.234 |
xyY | 0.228, 0.31, 30.348 |
CIE-LCH | 61.953, 31.042, 208.539 |
CIE-LUV | 61.953, -41.798, -18.513 |
Hunter-Lab | 55.089, -23.901, -10.121 |
Binary | 00110011, 10100100, 10101111 |
Color Schemes with #33a4af
Alternatives to #33a4af
Below, you can see some colors close to #33a4af. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a4af Preview
This text has a font color of #33a4af.
<span style="color:#33a4af;">Text here</span>
This paragraph has a background color of #33a4af.
<p style="background-color:#33a4af;">Content here</p>
This element has a border color of #33a4af.
<div style="border:1px solid #33a4af;">Content here</div>
.text {color:#33a4af;}
.background {background-color:#33a4af;}
.border {border:1px solid #33a4af;}
Shades and Tints of #33a4af
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, #020708 is the darkest color, while #f8fcfd is the lightest one.
-
#020708
#020708
rgb(2,7,8)
-
#071617
#071617
rgb(7,22,23)
-
#0b2426
#0b2426
rgb(11,36,38)
-
#103235
#103235
rgb(16,50,53)
-
#144045
#144045
rgb(20,64,69)
-
#184f54
#184f54
rgb(24,79,84)
-
#1d5d63
#1d5d63
rgb(29,93,99)
-
#216b72
#216b72
rgb(33,107,114)
-
#267981
#267981
rgb(38,121,129)
-
#2a8891
#2a8891
rgb(42,136,145)
-
#2f96a0
#2f96a0
rgb(47,150,160)
-
#33a4af
#33a4af
rgb(51,164,175)
-
#37b2be
#37b2be
rgb(55,178,190)
-
#41bcc8
#41bcc8
rgb(65,188,200)
-
#51c1cc
#51c1cc
rgb(81,193,204)
-
#60c7d1
#60c7d1
rgb(96,199,209)
-
#6fccd5
#6fccd5
rgb(111,204,213)
-
#7ed1d9
#7ed1d9
rgb(126,209,217)
-
#8dd7de
#8dd7de
rgb(141,215,222)
-
#9ddce2
#9ddce2
rgb(157,220,226)
-
#ace2e7
#ace2e7
rgb(172,226,231)
-
#bbe7eb
#bbe7eb
rgb(187,231,235)
-
#caecf0
#caecf0
rgb(202,236,240)
-
#d9f2f4
#d9f2f4
rgb(217,242,244)
-
#e9f7f8
#e9f7f8
rgb(233,247,248)
-
#f8fcfd
#f8fcfd
rgb(248,252,253)
Tones of #33a4af
A tone is produced by adding gray to any pure hue. In this case, #707272 is the less saturated color, while #08c8da is the most saturated one.
-
#707272
#707272
rgb(112,114,114)
-
#67797b
#67797b
rgb(103,121,123)
-
#5e8084
#5e8084
rgb(94,128,132)
-
#56878c
#56878c
rgb(86,135,140)
-
#4d8f95
#4d8f95
rgb(77,143,149)
-
#44969e
#44969e
rgb(68,150,158)
-
#3c9da6
#3c9da6
rgb(60,157,166)
-
#33a4af
#33a4af
rgb(51,164,175)
-
#2aabb8
#2aabb8
rgb(42,171,184)
-
#22b2c0
#22b2c0
rgb(34,178,192)
-
#19b9c9
#19b9c9
rgb(25,185,201)
-
#10c1d2
#10c1d2
rgb(16,193,210)
-
#08c8da
#08c8da
rgb(8,200,218)
Color Blindness Simulator
Below, you can see how #33a4af 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.