#33ffff Color Information
In a RGB color space, hex #33ffff is composed of 20% red, 100% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 0% yellow and 0% black. It has a hue angle of 180 degrees, a saturation of 100% and a lightness of 60%. #33ffff color hex could be obtained by blending #66ffff with #00ffff. #33ffff (or #3ff) is a websafe color.
-
- R 20
- G 100
- B 100
-
- C 80
- M 0
- Y 0
- K 0
● #33ffff color description : Vivid cyan.
#33ffff Color Conversion
The hexadecimal color #33ffff has RGB values of R:51, G:255, B:255 and CMYK values of C:0.8, M:0, Y:0, K:0. Its decimal value is 3407871.
Hex triplet | 33ffff | #33ffff |
---|---|---|
RGB Decimal | 51, 255, 255 | rgb(51,255,255) |
RGB Percent | 20, 100, 100 | rgb(20%,100%,100%) |
CMYK | 80, 0, 0, 0 | |
HSL | 180°, 100, 60 | hsl(180,100%,60%) |
HSV (or HSB) | 180°, 80, 100 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 91.432, -45.986, -13.629 |
---|---|
XYZ | 55.17, 79.438, 107.028 |
xyY | 0.228, 0.329, 79.438 |
CIE-LCH | 91.432, 47.963, 196.509 |
CIE-LUV | 91.432, -67.853, -14.651 |
Hunter-Lab | 89.128, -45.484, -8.807 |
Binary | 00110011, 11111111, 11111111 |
Color Schemes with #33ffff
Alternatives to #33ffff
Below, you can see some colors close to #33ffff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ffff Preview
This text has a font color of #33ffff.
<span style="color:#33ffff;">Text here</span>
This paragraph has a background color of #33ffff.
<p style="background-color:#33ffff;">Content here</p>
This element has a border color of #33ffff.
<div style="border:1px solid #33ffff;">Content here</div>
.text {color:#33ffff;}
.background {background-color:#33ffff;}
.border {border:1px solid #33ffff;}
Shades and Tints of #33ffff
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, #000c0c is the darkest color, while #f7ffff is the lightest one.
-
#000c0c
#000c0c
rgb(0,12,12)
-
#001f1f
#001f1f
rgb(0,31,31)
-
#003333
#003333
rgb(0,51,51)
-
#004747
#004747
rgb(0,71,71)
-
#005a5a
#005a5a
rgb(0,90,90)
-
#006e6e
#006e6e
rgb(0,110,110)
-
#008181
#008181
rgb(0,129,129)
-
#009595
#009595
rgb(0,149,149)
-
#00a9a9
#00a9a9
rgb(0,169,169)
-
#00bcbc
#00bcbc
rgb(0,188,188)
-
#00d0d0
#00d0d0
rgb(0,208,208)
-
#00e4e4
#00e4e4
rgb(0,228,228)
-
#00f7f7
#00f7f7
rgb(0,247,247)
-
#0cffff
#0cffff
rgb(12,255,255)
-
#1fffff
#1fffff
rgb(31,255,255)
-
#33ffff
#33ffff
rgb(51,255,255)
-
#47ffff
#47ffff
rgb(71,255,255)
-
#5affff
#5affff
rgb(90,255,255)
-
#6effff
#6effff
rgb(110,255,255)
-
#81ffff
#81ffff
rgb(129,255,255)
-
#95ffff
#95ffff
rgb(149,255,255)
-
#a9ffff
#a9ffff
rgb(169,255,255)
-
#bcffff
#bcffff
rgb(188,255,255)
-
#d0ffff
#d0ffff
rgb(208,255,255)
-
#e4ffff
#e4ffff
rgb(228,255,255)
-
#f7ffff
#f7ffff
rgb(247,255,255)
Tones of #33ffff
A tone is produced by adding gray to any pure hue. In this case, #91a1a1 is the less saturated color, while #33ffff is the most saturated one.
-
#91a1a1
#91a1a1
rgb(145,161,161)
-
#89a9a9
#89a9a9
rgb(137,169,169)
-
#81b1b1
#81b1b1
rgb(129,177,177)
-
#7ab8b8
#7ab8b8
rgb(122,184,184)
-
#72c0c0
#72c0c0
rgb(114,192,192)
-
#6ac8c8
#6ac8c8
rgb(106,200,200)
-
#62d0d0
#62d0d0
rgb(98,208,208)
-
#5ad8d8
#5ad8d8
rgb(90,216,216)
-
#52e0e0
#52e0e0
rgb(82,224,224)
-
#4be7e7
#4be7e7
rgb(75,231,231)
-
#43efef
#43efef
rgb(67,239,239)
-
#3bf7f7
#3bf7f7
rgb(59,247,247)
-
#33ffff
#33ffff
rgb(51,255,255)
Color Blindness Simulator
Below, you can see how #33ffff 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.