#33afed Color Information
In a RGB color space, hex #33afed is composed of 20% red, 68.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 26.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 200 degrees, a saturation of 83.8% and a lightness of 56.5%. #33afed color hex could be obtained by blending #66ffff with #005fdb. Closest websafe color is: #3399ff.
-
- R 20
- G 69
- B 93
-
- C 78
- M 26
- Y 0
- K 7
● #33afed color description : Bright blue.
#33afed Color Conversion
The hexadecimal color #33afed has RGB values of R:51, G:175, B:237 and CMYK values of C:0.78, M:0.26, Y:0, K:0.07. Its decimal value is 3387373.
Hex triplet | 33afed | #33afed |
---|---|---|
RGB Decimal | 51, 175, 237 | rgb(51,175,237) |
RGB Percent | 20, 68.6, 92.9 | rgb(20%,68.6%,92.9%) |
CMYK | 78, 26, 0, 7 | |
HSL | 200°, 83.8, 56.5 | hsl(200,83.8%,56.5%) |
HSV (or HSB) | 200°, 78.5, 92.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.632, -12.73, -40.44 |
---|---|
XYZ | 31.977, 37.475, 85.664 |
xyY | 0.206, 0.242, 37.475 |
CIE-LCH | 67.632, 42.396, 252.527 |
CIE-LUV | 67.632, -41.809, -63.349 |
Hunter-Lab | 61.217, -13.889, -40.116 |
Binary | 00110011, 10101111, 11101101 |
Color Schemes with #33afed
Alternatives to #33afed
Below, you can see some colors close to #33afed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33afed Preview
This text has a font color of #33afed.
<span style="color:#33afed;">Text here</span>
This paragraph has a background color of #33afed.
<p style="background-color:#33afed;">Content here</p>
This element has a border color of #33afed.
<div style="border:1px solid #33afed;">Content here</div>
.text {color:#33afed;}
.background {background-color:#33afed;}
.border {border:1px solid #33afed;}
Shades and Tints of #33afed
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, #01090c is the darkest color, while #f9fdfe is the lightest one.
-
#01090c
#01090c
rgb(1,9,12)
-
#03151e
#03151e
rgb(3,21,30)
-
#042230
#042230
rgb(4,34,48)
-
#062e42
#062e42
rgb(6,46,66)
-
#073b54
#073b54
rgb(7,59,84)
-
#094766
#094766
rgb(9,71,102)
-
#0b5478
#0b5478
rgb(11,84,120)
-
#0c608a
#0c608a
rgb(12,96,138)
-
#0e6d9c
#0e6d9c
rgb(14,109,156)
-
#0f79af
#0f79af
rgb(15,121,175)
-
#1186c1
#1186c1
rgb(17,134,193)
-
#1393d3
#1393d3
rgb(19,147,211)
-
#149fe5
#149fe5
rgb(20,159,229)
-
#21a8eb
#21a8eb
rgb(33,168,235)
-
#33afed
#33afed
rgb(51,175,237)
-
#45b6ef
#45b6ef
rgb(69,182,239)
-
#57bdf0
#57bdf0
rgb(87,189,240)
-
#69c4f2
#69c4f2
rgb(105,196,242)
-
#7bcbf3
#7bcbf3
rgb(123,203,243)
-
#8dd2f5
#8dd2f5
rgb(141,210,245)
-
#9fd9f7
#9fd9f7
rgb(159,217,247)
-
#b1e0f8
#b1e0f8
rgb(177,224,248)
-
#c3e8fa
#c3e8fa
rgb(195,232,250)
-
#d5effb
#d5effb
rgb(213,239,251)
-
#e7f6fd
#e7f6fd
rgb(231,246,253)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #33afed
A tone is produced by adding gray to any pure hue. In this case, #889398 is the less saturated color, while #22b5fe is the most saturated one.
-
#889398
#889398
rgb(136,147,152)
-
#8095a0
#8095a0
rgb(128,149,160)
-
#7798a9
#7798a9
rgb(119,152,169)
-
#6f9bb1
#6f9bb1
rgb(111,155,177)
-
#669eba
#669eba
rgb(102,158,186)
-
#5ea1c2
#5ea1c2
rgb(94,161,194)
-
#55a4cb
#55a4cb
rgb(85,164,203)
-
#4da6d3
#4da6d3
rgb(77,166,211)
-
#44a9dc
#44a9dc
rgb(68,169,220)
-
#3cace4
#3cace4
rgb(60,172,228)
-
#33afed
#33afed
rgb(51,175,237)
-
#2ab2f6
#2ab2f6
rgb(42,178,246)
-
#22b5fe
#22b5fe
rgb(34,181,254)
Color Blindness Simulator
Below, you can see how #33afed 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.