#33caf6 Color Information
In a RGB color space, hex #33caf6 is composed of 20% red, 79.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 17.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 193.5 degrees, a saturation of 91.5% and a lightness of 58.2%. #33caf6 color hex could be obtained by blending #66ffff with #0095ed. Closest websafe color is: #33ccff.
-
- R 20
- G 79
- B 96
-
- C 79
- M 18
- Y 0
- K 4
● #33caf6 color description : Bright cyan.
#33caf6 Color Conversion
The hexadecimal color #33caf6 has RGB values of R:51, G:202, B:246 and CMYK values of C:0.79, M:0.18, Y:0, K:0.04. Its decimal value is 3394294.
Hex triplet | 33caf6 | #33caf6 |
---|---|---|
RGB Decimal | 51, 202, 246 | rgb(51,202,246) |
RGB Percent | 20, 79.2, 96.5 | rgb(20%,79.2%,96.5%) |
CMYK | 79, 18, 0, 4 | |
HSL | 193.5°, 91.5, 58.2 | hsl(193.5,91.5%,58.2%) |
HSV (or HSB) | 193.5°, 79.3, 96.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.82, -23.863, -32.595 |
---|---|
XYZ | 39.116, 49.595, 94.695 |
xyY | 0.213, 0.27, 49.595 |
CIE-LCH | 75.82, 40.397, 233.792 |
CIE-LUV | 75.82, -50.484, -49.341 |
Hunter-Lab | 70.424, -24.096, -30.427 |
Binary | 00110011, 11001010, 11110110 |
Color Schemes with #33caf6
Alternatives to #33caf6
Below, you can see some colors close to #33caf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33caf6 Preview
This text has a font color of #33caf6.
<span style="color:#33caf6;">Text here</span>
This paragraph has a background color of #33caf6.
<p style="background-color:#33caf6;">Content here</p>
This element has a border color of #33caf6.
<div style="border:1px solid #33caf6;">Content here</div>
.text {color:#33caf6;}
.background {background-color:#33caf6;}
.border {border:1px solid #33caf6;}
Shades and Tints of #33caf6
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, #000203 is the darkest color, while #effbfe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#011115
#011115
rgb(1,17,21)
-
#022028
#022028
rgb(2,32,40)
-
#032e3b
#032e3b
rgb(3,46,59)
-
#033d4e
#033d4e
rgb(3,61,78)
-
#044c61
#044c61
rgb(4,76,97)
-
#055a73
#055a73
rgb(5,90,115)
-
#066986
#066986
rgb(6,105,134)
-
#077899
#077899
rgb(7,120,153)
-
#0887ac
#0887ac
rgb(8,135,172)
-
#0895bf
#0895bf
rgb(8,149,191)
-
#09a4d1
#09a4d1
rgb(9,164,209)
-
#0ab3e4
#0ab3e4
rgb(10,179,228)
-
#0dc0f4
#0dc0f4
rgb(13,192,244)
-
#20c5f5
#20c5f5
rgb(32,197,245)
-
#33caf6
#33caf6
rgb(51,202,246)
-
#46cff7
#46cff7
rgb(70,207,247)
-
#59d4f8
#59d4f8
rgb(89,212,248)
-
#6bd9f8
#6bd9f8
rgb(107,217,248)
-
#7edef9
#7edef9
rgb(126,222,249)
-
#91e2fa
#91e2fa
rgb(145,226,250)
-
#a4e7fb
#a4e7fb
rgb(164,231,251)
-
#b7ecfc
#b7ecfc
rgb(183,236,252)
-
#c9f1fd
#c9f1fd
rgb(201,241,253)
-
#dcf6fd
#dcf6fd
rgb(220,246,253)
-
#effbfe
#effbfe
rgb(239,251,254)
Tones of #33caf6
A tone is produced by adding gray to any pure hue. In this case, #8d999c is the less saturated color, while #2bcefe is the most saturated one.
-
#8d999c
#8d999c
rgb(141,153,156)
-
#859da4
#859da4
rgb(133,157,164)
-
#7da2ac
#7da2ac
rgb(125,162,172)
-
#75a6b4
#75a6b4
rgb(117,166,180)
-
#6cabbd
#6cabbd
rgb(108,171,189)
-
#64afc5
#64afc5
rgb(100,175,197)
-
#5cb4cd
#5cb4cd
rgb(92,180,205)
-
#54b8d5
#54b8d5
rgb(84,184,213)
-
#4cbddd
#4cbddd
rgb(76,189,221)
-
#43c1e6
#43c1e6
rgb(67,193,230)
-
#3bc6ee
#3bc6ee
rgb(59,198,238)
-
#33caf6
#33caf6
rgb(51,202,246)
-
#2bcefe
#2bcefe
rgb(43,206,254)
Color Blindness Simulator
Below, you can see how #33caf6 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.