#33bcd9 Color Information
In a RGB color space, hex #33bcd9 is composed of 20% red, 73.7% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 13.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 190.5 degrees, a saturation of 68.6% and a lightness of 52.5%. #33bcd9 color hex could be obtained by blending #66ffff with #0079b3. Closest websafe color is: #33cccc.
-
- R 20
- G 74
- B 85
-
- C 76
- M 13
- Y 0
- K 15
● #33bcd9 color description : Bright cyan.
#33bcd9 Color Conversion
The hexadecimal color #33bcd9 has RGB values of R:51, G:188, B:217 and CMYK values of C:0.76, M:0.13, Y:0, K:0.15. Its decimal value is 3390681.
Hex triplet | 33bcd9 | #33bcd9 |
---|---|---|
RGB Decimal | 51, 188, 217 | rgb(51,188,217) |
RGB Percent | 20, 73.7, 85.1 | rgb(20%,73.7%,85.1%) |
CMYK | 76, 13, 0, 15 | |
HSL | 190.5°, 68.6, 52.5 | hsl(190.5,68.6%,52.5%) |
HSV (or HSB) | 190.5°, 76.5, 85.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.648, -26.12, -24.855 |
---|---|
XYZ | 31.869, 41.677, 72.007 |
xyY | 0.219, 0.286, 41.677 |
CIE-LCH | 70.648, 36.056, 223.579 |
CIE-LUV | 70.648, -47.597, -35.541 |
Hunter-Lab | 64.558, -24.858, -20.941 |
Binary | 00110011, 10111100, 11011001 |
Color Schemes with #33bcd9
Alternatives to #33bcd9
Below, you can see some colors close to #33bcd9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33bcd9 Preview
This text has a font color of #33bcd9.
<span style="color:#33bcd9;">Text here</span>
This paragraph has a background color of #33bcd9.
<p style="background-color:#33bcd9;">Content here</p>
This element has a border color of #33bcd9.
<div style="border:1px solid #33bcd9;">Content here</div>
.text {color:#33bcd9;}
.background {background-color:#33bcd9;}
.border {border:1px solid #33bcd9;}
Shades and Tints of #33bcd9
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, #02090b is the darkest color, while #f9fdfe is the lightest one.
-
#02090b
#02090b
rgb(2,9,11)
-
#05181b
#05181b
rgb(5,24,27)
-
#08262c
#08262c
rgb(8,38,44)
-
#0b343d
#0b343d
rgb(11,52,61)
-
#0e424d
#0e424d
rgb(14,66,77)
-
#11505e
#11505e
rgb(17,80,94)
-
#155f6e
#155f6e
rgb(21,95,110)
-
#186d7f
#186d7f
rgb(24,109,127)
-
#1b7b8f
#1b7b8f
rgb(27,123,143)
-
#1e89a0
#1e89a0
rgb(30,137,160)
-
#2197b0
#2197b0
rgb(33,151,176)
-
#24a5c1
#24a5c1
rgb(36,165,193)
-
#27b4d1
#27b4d1
rgb(39,180,209)
-
#33bcd9
#33bcd9
rgb(51,188,217)
-
#44c1dc
#44c1dc
rgb(68,193,220)
-
#54c7df
#54c7df
rgb(84,199,223)
-
#65cce2
#65cce2
rgb(101,204,226)
-
#75d2e5
#75d2e5
rgb(117,210,229)
-
#86d7e8
#86d7e8
rgb(134,215,232)
-
#96ddeb
#96ddeb
rgb(150,221,235)
-
#a7e2ef
#a7e2ef
rgb(167,226,239)
-
#b7e7f2
#b7e7f2
rgb(183,231,242)
-
#c8edf5
#c8edf5
rgb(200,237,245)
-
#d8f2f8
#d8f2f8
rgb(216,242,248)
-
#e9f8fb
#e9f8fb
rgb(233,248,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #33bcd9
A tone is produced by adding gray to any pure hue. In this case, #7d8c8f is the less saturated color, while #0ed4fe is the most saturated one.
-
#7d8c8f
#7d8c8f
rgb(125,140,143)
-
#749298
#749298
rgb(116,146,152)
-
#6b98a1
#6b98a1
rgb(107,152,161)
-
#629eaa
#629eaa
rgb(98,158,170)
-
#58a4b4
#58a4b4
rgb(88,164,180)
-
#4faabd
#4faabd
rgb(79,170,189)
-
#46b0c6
#46b0c6
rgb(70,176,198)
-
#3cb6d0
#3cb6d0
rgb(60,182,208)
-
#33bcd9
#33bcd9
rgb(51,188,217)
-
#2ac2e2
#2ac2e2
rgb(42,194,226)
-
#20c8ec
#20c8ec
rgb(32,200,236)
-
#17cef5
#17cef5
rgb(23,206,245)
-
#0ed4fe
#0ed4fe
rgb(14,212,254)
Color Blindness Simulator
Below, you can see how #33bcd9 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.