#33caf9 Color Information
In a RGB color space, hex #33caf9 is composed of 20% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 194.2 degrees, a saturation of 94.3% and a lightness of 58.8%. #33caf9 color hex could be obtained by blending #66ffff with #0095f3. Closest websafe color is: #33ccff.
-
- R 20
- G 79
- B 98
-
- C 80
- M 19
- Y 0
- K 2
● #33caf9 color description : Bright cyan.
#33caf9 Color Conversion
The hexadecimal color #33caf9 has RGB values of R:51, G:202, B:249 and CMYK values of C:0.8, M:0.19, Y:0, K:0.02. Its decimal value is 3394297.
Hex triplet | 33caf9 | #33caf9 |
---|---|---|
RGB Decimal | 51, 202, 249 | rgb(51,202,249) |
RGB Percent | 20, 79.2, 97.6 | rgb(20%,79.2%,97.6%) |
CMYK | 80, 19, 0, 2 | |
HSL | 194.2°, 94.3, 58.8 | hsl(194.2,94.3%,58.8%) |
HSV (or HSB) | 194.2°, 79.5, 97.6 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.934, -22.891, -34.027 |
---|---|
XYZ | 39.58, 49.781, 97.14 |
xyY | 0.212, 0.267, 49.781 |
CIE-LCH | 75.934, 41.01, 236.07 |
CIE-LUV | 75.934, -50.281, -51.939 |
Hunter-Lab | 70.555, -23.337, -32.241 |
Binary | 00110011, 11001010, 11111001 |
Color Schemes with #33caf9
Alternatives to #33caf9
Below, you can see some colors close to #33caf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33caf9 Preview
This text has a font color of #33caf9.
<span style="color:#33caf9;">Text here</span>
This paragraph has a background color of #33caf9.
<p style="background-color:#33caf9;">Content here</p>
This element has a border color of #33caf9.
<div style="border:1px solid #33caf9;">Content here</div>
.text {color:#33caf9;}
.background {background-color:#33caf9;}
.border {border:1px solid #33caf9;}
Shades and Tints of #33caf9
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, #000406 is the darkest color, while #f2fcff is the lightest one.
-
#000406
#000406
rgb(0,4,6)
-
#011319
#011319
rgb(1,19,25)
-
#01222c
#01222c
rgb(1,34,44)
-
#02303f
#02303f
rgb(2,48,63)
-
#023f52
#023f52
rgb(2,63,82)
-
#034e65
#034e65
rgb(3,78,101)
-
#045c78
#045c78
rgb(4,92,120)
-
#046b8b
#046b8b
rgb(4,107,139)
-
#057a9e
#057a9e
rgb(5,122,158)
-
#0588b1
#0588b1
rgb(5,136,177)
-
#0697c4
#0697c4
rgb(6,151,196)
-
#06a6d7
#06a6d7
rgb(6,166,215)
-
#07b4ea
#07b4ea
rgb(7,180,234)
-
#0dc0f8
#0dc0f8
rgb(13,192,248)
-
#20c5f8
#20c5f8
rgb(32,197,248)
-
#33caf9
#33caf9
rgb(51,202,249)
-
#46cffa
#46cffa
rgb(70,207,250)
-
#59d4fa
#59d4fa
rgb(89,212,250)
-
#6cd9fb
#6cd9fb
rgb(108,217,251)
-
#7fdefb
#7fdefb
rgb(127,222,251)
-
#92e3fc
#92e3fc
rgb(146,227,252)
-
#a5e8fc
#a5e8fc
rgb(165,232,252)
-
#b8edfd
#b8edfd
rgb(184,237,253)
-
#cbf2fd
#cbf2fd
rgb(203,242,253)
-
#def7fe
#def7fe
rgb(222,247,254)
-
#f2fcff
#f2fcff
rgb(242,252,255)
Tones of #33caf9
A tone is produced by adding gray to any pure hue. In this case, #949798 is the less saturated color, while #33caf9 is the most saturated one.
-
#949798
#949798
rgb(148,151,152)
-
#8c9ba0
#8c9ba0
rgb(140,155,160)
-
#84a0a8
#84a0a8
rgb(132,160,168)
-
#7ca4b0
#7ca4b0
rgb(124,164,176)
-
#74a8b8
#74a8b8
rgb(116,168,184)
-
#6cacc0
#6cacc0
rgb(108,172,192)
-
#63b1c9
#63b1c9
rgb(99,177,201)
-
#5bb5d1
#5bb5d1
rgb(91,181,209)
-
#53b9d9
#53b9d9
rgb(83,185,217)
-
#4bbde1
#4bbde1
rgb(75,189,225)
-
#43c2e9
#43c2e9
rgb(67,194,233)
-
#3bc6f1
#3bc6f1
rgb(59,198,241)
-
#33caf9
#33caf9
rgb(51,202,249)
Color Blindness Simulator
Below, you can see how #33caf9 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.