#33ffde Color Information
In a RGB color space, hex #33ffde is composed of 20% red, 100% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 12.9% yellow and 0% black. It has a hue angle of 170.3 degrees, a saturation of 100% and a lightness of 60%. #33ffde color hex could be obtained by blending #66ffff with #00ffbd. Closest websafe color is: #33ffcc.
-
- R 20
- G 100
- B 87
-
- C 80
- M 0
- Y 13
- K 0
● #33ffde color description : Vivid cyan.
#33ffde Color Conversion
The hexadecimal color #33ffde has RGB values of R:51, G:255, B:222 and CMYK values of C:0.8, M:0, Y:0.13, K:0. Its decimal value is 3407838.
Hex triplet | 33ffde | #33ffde |
---|---|---|
RGB Decimal | 51, 255, 222 | rgb(51,255,222) |
RGB Percent | 20, 100, 87.1 | rgb(20%,100%,87.1%) |
CMYK | 80, 0, 13, 0 | |
HSL | 170.3°, 100, 60 | hsl(170.3,100%,60%) |
HSV (or HSB) | 170.3°, 80, 100 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 90.548, -54.811, 2.179 |
---|---|
XYZ | 50.305, 77.493, 81.41 |
xyY | 0.24, 0.37, 77.493 |
CIE-LCH | 90.548, 54.854, 177.724 |
CIE-LUV | 90.548, -70.305, 12.203 |
Hunter-Lab | 88.03, -52.047, 6.79 |
Binary | 00110011, 11111111, 11011110 |
Color Schemes with #33ffde
Alternatives to #33ffde
Below, you can see some colors close to #33ffde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ffde Preview
This text has a font color of #33ffde.
<span style="color:#33ffde;">Text here</span>
This paragraph has a background color of #33ffde.
<p style="background-color:#33ffde;">Content here</p>
This element has a border color of #33ffde.
<div style="border:1px solid #33ffde;">Content here</div>
.text {color:#33ffde;}
.background {background-color:#33ffde;}
.border {border:1px solid #33ffde;}
Shades and Tints of #33ffde
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, #000c0a is the darkest color, while #f7fffe is the lightest one.
-
#000c0a
#000c0a
rgb(0,12,10)
-
#001f1a
#001f1a
rgb(0,31,26)
-
#00332b
#00332b
rgb(0,51,43)
-
#00473b
#00473b
rgb(0,71,59)
-
#005a4c
#005a4c
rgb(0,90,76)
-
#006e5c
#006e5c
rgb(0,110,92)
-
#00816d
#00816d
rgb(0,129,109)
-
#00957d
#00957d
rgb(0,149,125)
-
#00a98d
#00a98d
rgb(0,169,141)
-
#00bc9e
#00bc9e
rgb(0,188,158)
-
#00d0ae
#00d0ae
rgb(0,208,174)
-
#00e4bf
#00e4bf
rgb(0,228,191)
-
#00f7cf
#00f7cf
rgb(0,247,207)
-
#0cffd8
#0cffd8
rgb(12,255,216)
-
#1fffdb
#1fffdb
rgb(31,255,219)
-
#33ffde
#33ffde
rgb(51,255,222)
-
#47ffe1
#47ffe1
rgb(71,255,225)
-
#5affe4
#5affe4
rgb(90,255,228)
-
#6effe8
#6effe8
rgb(110,255,232)
-
#81ffeb
#81ffeb
rgb(129,255,235)
-
#95ffee
#95ffee
rgb(149,255,238)
-
#a9fff1
#a9fff1
rgb(169,255,241)
-
#bcfff4
#bcfff4
rgb(188,255,244)
-
#d0fff7
#d0fff7
rgb(208,255,247)
-
#e4fffb
#e4fffb
rgb(228,255,251)
-
#f7fffe
#f7fffe
rgb(247,255,254)
Tones of #33ffde
A tone is produced by adding gray to any pure hue. In this case, #91a19e is the less saturated color, while #33ffde is the most saturated one.
-
#91a19e
#91a19e
rgb(145,161,158)
-
#89a9a4
#89a9a4
rgb(137,169,164)
-
#81b1a9
#81b1a9
rgb(129,177,169)
-
#7ab8ae
#7ab8ae
rgb(122,184,174)
-
#72c0b4
#72c0b4
rgb(114,192,180)
-
#6ac8b9
#6ac8b9
rgb(106,200,185)
-
#62d0be
#62d0be
rgb(98,208,190)
-
#5ad8c3
#5ad8c3
rgb(90,216,195)
-
#52e0c9
#52e0c9
rgb(82,224,201)
-
#4be7ce
#4be7ce
rgb(75,231,206)
-
#43efd3
#43efd3
rgb(67,239,211)
-
#3bf7d9
#3bf7d9
rgb(59,247,217)
-
#33ffde
#33ffde
rgb(51,255,222)
Color Blindness Simulator
Below, you can see how #33ffde 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.