#33a5b2 Color Information
In a RGB color space, hex #33a5b2 is composed of 20% red, 64.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 7.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 186.1 degrees, a saturation of 55.5% and a lightness of 44.9%. #33a5b2 color hex could be obtained by blending #66ffff with #004b65. Closest websafe color is: #339999.
-
- R 20
- G 65
- B 70
-
- C 71
- M 7
- Y 0
- K 30
● #33a5b2 color description : Dark cyan.
#33a5b2 Color Conversion
The hexadecimal color #33a5b2 has RGB values of R:51, G:165, B:178 and CMYK values of C:0.71, M:0.07, Y:0, K:0.3. Its decimal value is 3384754.
Hex triplet | 33a5b2 | #33a5b2 |
---|---|---|
RGB Decimal | 51, 165, 178 | rgb(51,165,178) |
RGB Percent | 20, 64.7, 69.8 | rgb(20%,64.7%,69.8%) |
CMYK | 71, 7, 0, 30 | |
HSL | 186.1°, 55.5, 44.9 | hsl(186.1,55.5%,44.9%) |
HSV (or HSB) | 186.1°, 71.3, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.361, -26.845, -15.898 |
---|---|
XYZ | 22.854, 30.826, 46.863 |
xyY | 0.227, 0.307, 30.826 |
CIE-LCH | 62.361, 31.2, 210.635 |
CIE-LUV | 62.361, -41.97, -20.292 |
Hunter-Lab | 55.522, -23.688, -11.178 |
Binary | 00110011, 10100101, 10110010 |
Color Schemes with #33a5b2
Alternatives to #33a5b2
Below, you can see some colors close to #33a5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a5b2 Preview
This text has a font color of #33a5b2.
<span style="color:#33a5b2;">Text here</span>
This paragraph has a background color of #33a5b2.
<p style="background-color:#33a5b2;">Content here</p>
This element has a border color of #33a5b2.
<div style="border:1px solid #33a5b2;">Content here</div>
.text {color:#33a5b2;}
.background {background-color:#33a5b2;}
.border {border:1px solid #33a5b2;}
Shades and Tints of #33a5b2
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, #030a0a is the darkest color, while #fafdfe is the lightest one.
-
#030a0a
#030a0a
rgb(3,10,10)
-
#07181a
#07181a
rgb(7,24,26)
-
#0c2629
#0c2629
rgb(12,38,41)
-
#103438
#103438
rgb(16,52,56)
-
#144247
#144247
rgb(20,66,71)
-
#195057
#195057
rgb(25,80,87)
-
#1d5e66
#1d5e66
rgb(29,94,102)
-
#226c75
#226c75
rgb(34,108,117)
-
#267b84
#267b84
rgb(38,123,132)
-
#2a8994
#2a8994
rgb(42,137,148)
-
#2f97a3
#2f97a3
rgb(47,151,163)
-
#33a5b2
#33a5b2
rgb(51,165,178)
-
#37b3c1
#37b3c1
rgb(55,179,193)
-
#43bbc9
#43bbc9
rgb(67,187,201)
-
#52c1ce
#52c1ce
rgb(82,193,206)
-
#62c6d2
#62c6d2
rgb(98,198,210)
-
#71ccd6
#71ccd6
rgb(113,204,214)
-
#80d1db
#80d1db
rgb(128,209,219)
-
#8fd7df
#8fd7df
rgb(143,215,223)
-
#9fdce3
#9fdce3
rgb(159,220,227)
-
#aee2e8
#aee2e8
rgb(174,226,232)
-
#bde7ec
#bde7ec
rgb(189,231,236)
-
#ccedf0
#ccedf0
rgb(204,237,240)
-
#dcf2f5
#dcf2f5
rgb(220,242,245)
-
#ebf8f9
#ebf8f9
rgb(235,248,249)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #33a5b2
A tone is produced by adding gray to any pure hue. In this case, #717474 is the less saturated color, while #07c8de is the most saturated one.
-
#717474
#717474
rgb(113,116,116)
-
#687b7d
#687b7d
rgb(104,123,125)
-
#5f8286
#5f8286
rgb(95,130,134)
-
#56898f
#56898f
rgb(86,137,143)
-
#4d9098
#4d9098
rgb(77,144,152)
-
#4597a0
#4597a0
rgb(69,151,160)
-
#3c9ea9
#3c9ea9
rgb(60,158,169)
-
#33a5b2
#33a5b2
rgb(51,165,178)
-
#2aacbb
#2aacbb
rgb(42,172,187)
-
#21b3c4
#21b3c4
rgb(33,179,196)
-
#19bacc
#19bacc
rgb(25,186,204)
-
#10c1d5
#10c1d5
rgb(16,193,213)
-
#07c8de
#07c8de
rgb(7,200,222)
Color Blindness Simulator
Below, you can see how #33a5b2 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.