#33b6dd Color Information
In a RGB color space, hex #33b6dd is composed of 20% red, 71.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 17.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 193.8 degrees, a saturation of 71.4% and a lightness of 53.3%. #33b6dd color hex could be obtained by blending #66ffff with #006dbb. Closest websafe color is: #33cccc.
-
- R 20
- G 71
- B 87
-
- C 77
- M 18
- Y 0
- K 13
● #33b6dd color description : Bright cyan.
#33b6dd Color Conversion
The hexadecimal color #33b6dd has RGB values of R:51, G:182, B:221 and CMYK values of C:0.77, M:0.18, Y:0, K:0.13. Its decimal value is 3389149.
Hex triplet | 33b6dd | #33b6dd |
---|---|---|
RGB Decimal | 51, 182, 221 | rgb(51,182,221) |
RGB Percent | 20, 71.4, 86.7 | rgb(20%,71.4%,86.7%) |
CMYK | 77, 18, 0, 13 | |
HSL | 193.8°, 71.4, 53.3 | hsl(193.8,71.4%,53.3%) |
HSV (or HSB) | 193.8°, 76.9, 86.7 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.024, -21.787, -29.535 |
---|---|
XYZ | 31.141, 39.377, 74.362 |
xyY | 0.215, 0.272, 39.377 |
CIE-LCH | 69.024, 36.701, 233.584 |
CIE-LUV | 69.024, -45.231, -43.857 |
Hunter-Lab | 62.751, -21.233, -26.334 |
Binary | 00110011, 10110110, 11011101 |
Color Schemes with #33b6dd
Alternatives to #33b6dd
Below, you can see some colors close to #33b6dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33b6dd Preview
This text has a font color of #33b6dd.
<span style="color:#33b6dd;">Text here</span>
This paragraph has a background color of #33b6dd.
<p style="background-color:#33b6dd;">Content here</p>
This element has a border color of #33b6dd.
<div style="border:1px solid #33b6dd;">Content here</div>
.text {color:#33b6dd;}
.background {background-color:#33b6dd;}
.border {border:1px solid #33b6dd;}
Shades and Tints of #33b6dd
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, #020c0f is the darkest color, while #fdfeff is the lightest one.
-
#020c0f
#020c0f
rgb(2,12,15)
-
#05191f
#05191f
rgb(5,25,31)
-
#082730
#082730
rgb(8,39,48)
-
#0b3541
#0b3541
rgb(11,53,65)
-
#0e4252
#0e4252
rgb(14,66,82)
-
#105063
#105063
rgb(16,80,99)
-
#135d73
#135d73
rgb(19,93,115)
-
#166b84
#166b84
rgb(22,107,132)
-
#197995
#197995
rgb(25,121,149)
-
#1c86a6
#1c86a6
rgb(28,134,166)
-
#1e94b7
#1e94b7
rgb(30,148,183)
-
#21a1c8
#21a1c8
rgb(33,161,200)
-
#24afd8
#24afd8
rgb(36,175,216)
-
#33b6dd
#33b6dd
rgb(51,182,221)
-
#44bce0
#44bce0
rgb(68,188,224)
-
#55c2e3
#55c2e3
rgb(85,194,227)
-
#65c8e5
#65c8e5
rgb(101,200,229)
-
#76cee8
#76cee8
rgb(118,206,232)
-
#87d4eb
#87d4eb
rgb(135,212,235)
-
#98daee
#98daee
rgb(152,218,238)
-
#a9e0f1
#a9e0f1
rgb(169,224,241)
-
#bae6f3
#bae6f3
rgb(186,230,243)
-
#caecf6
#caecf6
rgb(202,236,246)
-
#dbf2f9
#dbf2f9
rgb(219,242,249)
-
#ecf8fc
#ecf8fc
rgb(236,248,252)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #33b6dd
A tone is produced by adding gray to any pure hue. In this case, #85898b is the less saturated color, while #18c5f8 is the most saturated one.
-
#85898b
#85898b
rgb(133,137,139)
-
#7c8e94
#7c8e94
rgb(124,142,148)
-
#73939d
#73939d
rgb(115,147,157)
-
#6a98a6
#6a98a6
rgb(106,152,166)
-
#619daf
#619daf
rgb(97,157,175)
-
#58a2b8
#58a2b8
rgb(88,162,184)
-
#4ea7c2
#4ea7c2
rgb(78,167,194)
-
#45accb
#45accb
rgb(69,172,203)
-
#3cb1d4
#3cb1d4
rgb(60,177,212)
-
#33b6dd
#33b6dd
rgb(51,182,221)
-
#2abbe6
#2abbe6
rgb(42,187,230)
-
#21c0ef
#21c0ef
rgb(33,192,239)
-
#18c5f8
#18c5f8
rgb(24,197,248)
Color Blindness Simulator
Below, you can see how #33b6dd 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.