#33ccf0 Color Information
In a RGB color space, hex #33ccf0 is composed of 20% red, 80% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 15% magenta, 0% yellow and 5.9% black. It has a hue angle of 191.4 degrees, a saturation of 86.3% and a lightness of 57.1%. #33ccf0 color hex could be obtained by blending #66ffff with #0099e1. Closest websafe color is: #33ccff.
-
- R 20
- G 80
- B 94
-
- C 79
- M 15
- Y 0
- K 6
● #33ccf0 color description : Bright cyan.
#33ccf0 Color Conversion
The hexadecimal color #33ccf0 has RGB values of R:51, G:204, B:240 and CMYK values of C:0.79, M:0.15, Y:0, K:0.06. Its decimal value is 3394800.
Hex triplet | 33ccf0 | #33ccf0 |
---|---|---|
RGB Decimal | 51, 204, 240 | rgb(51,204,240) |
RGB Percent | 20, 80, 94.1 | rgb(20%,80%,94.1%) |
CMYK | 79, 15, 0, 6 | |
HSL | 191.4°, 86.3, 57.1 | hsl(191.4,86.3%,57.1%) |
HSV (or HSB) | 191.4°, 78.8, 94.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.178, -26.786, -28.825 |
---|---|
XYZ | 38.682, 50.177, 90.08 |
xyY | 0.216, 0.28, 50.177 |
CIE-LCH | 76.178, 39.349, 227.1 |
CIE-LUV | 76.178, -51.583, -42.521 |
Hunter-Lab | 70.836, -26.488, -25.812 |
Binary | 00110011, 11001100, 11110000 |
Color Schemes with #33ccf0
Alternatives to #33ccf0
Below, you can see some colors close to #33ccf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ccf0 Preview
This text has a font color of #33ccf0.
<span style="color:#33ccf0;">Text here</span>
This paragraph has a background color of #33ccf0.
<p style="background-color:#33ccf0;">Content here</p>
This element has a border color of #33ccf0.
<div style="border:1px solid #33ccf0;">Content here</div>
.text {color:#33ccf0;}
.background {background-color:#33ccf0;}
.border {border:1px solid #33ccf0;}
Shades and Tints of #33ccf0
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, #010d0f is the darkest color, while #fcfeff is the lightest one.
-
#010d0f
#010d0f
rgb(1,13,15)
-
#021c22
#021c22
rgb(2,28,34)
-
#042b34
#042b34
rgb(4,43,52)
-
#053a46
#053a46
rgb(5,58,70)
-
#064958
#064958
rgb(6,73,88)
-
#08586b
#08586b
rgb(8,88,107)
-
#09677d
#09677d
rgb(9,103,125)
-
#0b768f
#0b768f
rgb(11,118,143)
-
#0c85a1
#0c85a1
rgb(12,133,161)
-
#0d94b4
#0d94b4
rgb(13,148,180)
-
#0fa3c6
#0fa3c6
rgb(15,163,198)
-
#10b2d8
#10b2d8
rgb(16,178,216)
-
#11c1eb
#11c1eb
rgb(17,193,235)
-
#21c7ef
#21c7ef
rgb(33,199,239)
-
#33ccf0
#33ccf0
rgb(51,204,240)
-
#45d1f1
#45d1f1
rgb(69,209,241)
-
#58d5f3
#58d5f3
rgb(88,213,243)
-
#6adaf4
#6adaf4
rgb(106,218,244)
-
#7cdef5
#7cdef5
rgb(124,222,245)
-
#8ee3f7
#8ee3f7
rgb(142,227,247)
-
#a1e7f8
#a1e7f8
rgb(161,231,248)
-
#b3ecf9
#b3ecf9
rgb(179,236,249)
-
#c5f1fb
#c5f1fb
rgb(197,241,251)
-
#d7f5fc
#d7f5fc
rgb(215,245,252)
-
#eafafd
#eafafd
rgb(234,250,253)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #33ccf0
A tone is produced by adding gray to any pure hue. In this case, #909393 is the less saturated color, while #2bd1f8 is the most saturated one.
-
#909393
#909393
rgb(144,147,147)
-
#87989c
#87989c
rgb(135,152,156)
-
#7f9da4
#7f9da4
rgb(127,157,164)
-
#76a2ad
#76a2ad
rgb(118,162,173)
-
#6ea8b5
#6ea8b5
rgb(110,168,181)
-
#66adbd
#66adbd
rgb(102,173,189)
-
#5db2c6
#5db2c6
rgb(93,178,198)
-
#55b7ce
#55b7ce
rgb(85,183,206)
-
#4cbcd7
#4cbcd7
rgb(76,188,215)
-
#44c2df
#44c2df
rgb(68,194,223)
-
#3bc7e8
#3bc7e8
rgb(59,199,232)
-
#33ccf0
#33ccf0
rgb(51,204,240)
-
#2bd1f8
#2bd1f8
rgb(43,209,248)
Color Blindness Simulator
Below, you can see how #33ccf0 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.