#33afe6 Color Information
In a RGB color space, hex #33afe6 is composed of 20% red, 68.6% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 23.9% magenta, 0% yellow and 9.8% black. It has a hue angle of 198.4 degrees, a saturation of 78.2% and a lightness of 55.1%. #33afe6 color hex could be obtained by blending #66ffff with #005fcd. Closest websafe color is: #3399ff.
-
- R 20
- G 69
- B 90
-
- C 78
- M 24
- Y 0
- K 10
● #33afe6 color description : Bright blue.
#33afe6 Color Conversion
The hexadecimal color #33afe6 has RGB values of R:51, G:175, B:230 and CMYK values of C:0.78, M:0.24, Y:0, K:0.1. Its decimal value is 3387366.
Hex triplet | 33afe6 | #33afe6 |
---|---|---|
RGB Decimal | 51, 175, 230 | rgb(51,175,230) |
RGB Percent | 20, 68.6, 90.2 | rgb(20%,68.6%,90.2%) |
CMYK | 78, 24, 0, 10 | |
HSL | 198.4°, 78.2, 55.1 | hsl(198.4,78.2%,55.1%) |
HSV (or HSB) | 198.4°, 77.8, 90.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.333, -15.113, -37.081 |
---|---|
XYZ | 30.974, 37.074, 80.382 |
xyY | 0.209, 0.25, 37.074 |
CIE-LCH | 67.333, 40.042, 247.825 |
CIE-LUV | 67.333, -42.232, -57.307 |
Hunter-Lab | 60.889, -15.751, -35.65 |
Binary | 00110011, 10101111, 11100110 |
Color Schemes with #33afe6
Alternatives to #33afe6
Below, you can see some colors close to #33afe6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33afe6 Preview
This text has a font color of #33afe6.
<span style="color:#33afe6;">Text here</span>
This paragraph has a background color of #33afe6.
<p style="background-color:#33afe6;">Content here</p>
This element has a border color of #33afe6.
<div style="border:1px solid #33afe6;">Content here</div>
.text {color:#33afe6;}
.background {background-color:#33afe6;}
.border {border:1px solid #33afe6;}
Shades and Tints of #33afe6
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, #010406 is the darkest color, while #f3fafe is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#031117
#031117
rgb(3,17,23)
-
#051e29
#051e29
rgb(5,30,41)
-
#072a3a
#072a3a
rgb(7,42,58)
-
#09374c
#09374c
rgb(9,55,76)
-
#0b445d
#0b445d
rgb(11,68,93)
-
#0e516f
#0e516f
rgb(14,81,111)
-
#105d80
#105d80
rgb(16,93,128)
-
#126a91
#126a91
rgb(18,106,145)
-
#1477a3
#1477a3
rgb(20,119,163)
-
#1684b4
#1684b4
rgb(22,132,180)
-
#1891c6
#1891c6
rgb(24,145,198)
-
#1a9dd7
#1a9dd7
rgb(26,157,215)
-
#22a8e4
#22a8e4
rgb(34,168,228)
-
#33afe6
#33afe6
rgb(51,175,230)
-
#44b6e8
#44b6e8
rgb(68,182,232)
-
#56bdea
#56bdea
rgb(86,189,234)
-
#67c4ec
#67c4ec
rgb(103,196,236)
-
#79caef
#79caef
rgb(121,202,239)
-
#8ad1f1
#8ad1f1
rgb(138,209,241)
-
#9cd8f3
#9cd8f3
rgb(156,216,243)
-
#addff5
#addff5
rgb(173,223,245)
-
#bfe6f7
#bfe6f7
rgb(191,230,247)
-
#d0edf9
#d0edf9
rgb(208,237,249)
-
#e2f4fb
#e2f4fb
rgb(226,244,251)
-
#f3fafe
#f3fafe
rgb(243,250,254)
Tones of #33afe6
A tone is produced by adding gray to any pure hue. In this case, #8b8d8e is the less saturated color, while #21b6f8 is the most saturated one.
-
#8b8d8e
#8b8d8e
rgb(139,141,142)
-
#829097
#829097
rgb(130,144,151)
-
#7994a0
#7994a0
rgb(121,148,160)
-
#7197a8
#7197a8
rgb(113,151,168)
-
#689bb1
#689bb1
rgb(104,155,177)
-
#5f9eba
#5f9eba
rgb(95,158,186)
-
#56a1c3
#56a1c3
rgb(86,161,195)
-
#4da5cc
#4da5cc
rgb(77,165,204)
-
#45a8d4
#45a8d4
rgb(69,168,212)
-
#3cacdd
#3cacdd
rgb(60,172,221)
-
#33afe6
#33afe6
rgb(51,175,230)
-
#2ab2ef
#2ab2ef
rgb(42,178,239)
-
#21b6f8
#21b6f8
rgb(33,182,248)
Color Blindness Simulator
Below, you can see how #33afe6 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.