#33ffdd Color Information
In a RGB color space, hex #33ffdd is composed of 20% red, 100% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 13.3% yellow and 0% black. It has a hue angle of 170 degrees, a saturation of 100% and a lightness of 60%. #33ffdd color hex could be obtained by blending #66ffff with #00ffbb. Closest websafe color is: #33ffcc.
-
- R 20
- G 100
- B 87
-
- C 80
- M 0
- Y 13
- K 0
● #33ffdd color description : Vivid cyan.
#33ffdd Color Conversion
The hexadecimal color #33ffdd has RGB values of R:51, G:255, B:221 and CMYK values of C:0.8, M:0, Y:0.13, K:0. Its decimal value is 3407837.
Hex triplet | 33ffdd | #33ffdd |
---|---|---|
RGB Decimal | 51, 255, 221 | rgb(51,255,221) |
RGB Percent | 20, 100, 86.7 | rgb(20%,100%,86.7%) |
CMYK | 80, 0, 13, 0 | |
HSL | 170°, 100, 60 | hsl(170,100%,60%) |
HSV (or HSB) | 170°, 80, 100 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 90.523, -55.064, 2.661 |
---|---|
XYZ | 50.172, 77.439, 80.706 |
xyY | 0.241, 0.372, 77.439 |
CIE-LCH | 90.523, 55.128, 177.233 |
CIE-LUV | 90.523, -70.378, 12.991 |
Hunter-Lab | 88, -52.23, 7.224 |
Binary | 00110011, 11111111, 11011101 |
Color Schemes with #33ffdd
Alternatives to #33ffdd
Below, you can see some colors close to #33ffdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ffdd Preview
This text has a font color of #33ffdd.
<span style="color:#33ffdd;">Text here</span>
This paragraph has a background color of #33ffdd.
<p style="background-color:#33ffdd;">Content here</p>
This element has a border color of #33ffdd.
<div style="border:1px solid #33ffdd;">Content here</div>
.text {color:#33ffdd;}
.background {background-color:#33ffdd;}
.border {border:1px solid #33ffdd;}
Shades and Tints of #33ffdd
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)
-
#005a4b
#005a4b
rgb(0,90,75)
-
#006e5c
#006e5c
rgb(0,110,92)
-
#00816c
#00816c
rgb(0,129,108)
-
#00957c
#00957c
rgb(0,149,124)
-
#00a98d
#00a98d
rgb(0,169,141)
-
#00bc9d
#00bc9d
rgb(0,188,157)
-
#00d0ad
#00d0ad
rgb(0,208,173)
-
#00e4be
#00e4be
rgb(0,228,190)
-
#00f7ce
#00f7ce
rgb(0,247,206)
-
#0cffd6
#0cffd6
rgb(12,255,214)
-
#1fffda
#1fffda
rgb(31,255,218)
-
#33ffdd
#33ffdd
rgb(51,255,221)
-
#47ffe0
#47ffe0
rgb(71,255,224)
-
#5affe4
#5affe4
rgb(90,255,228)
-
#6effe7
#6effe7
rgb(110,255,231)
-
#81ffea
#81ffea
rgb(129,255,234)
-
#95ffed
#95ffed
rgb(149,255,237)
-
#a9fff1
#a9fff1
rgb(169,255,241)
-
#bcfff4
#bcfff4
rgb(188,255,244)
-
#d0fff7
#d0fff7
rgb(208,255,247)
-
#e4fffa
#e4fffa
rgb(228,255,250)
-
#f7fffe
#f7fffe
rgb(247,255,254)
Tones of #33ffdd
A tone is produced by adding gray to any pure hue. In this case, #91a19e is the less saturated color, while #33ffdd is the most saturated one.
-
#91a19e
#91a19e
rgb(145,161,158)
-
#89a9a3
#89a9a3
rgb(137,169,163)
-
#81b1a9
#81b1a9
rgb(129,177,169)
-
#7ab8ae
#7ab8ae
rgb(122,184,174)
-
#72c0b3
#72c0b3
rgb(114,192,179)
-
#6ac8b8
#6ac8b8
rgb(106,200,184)
-
#62d0be
#62d0be
rgb(98,208,190)
-
#5ad8c3
#5ad8c3
rgb(90,216,195)
-
#52e0c8
#52e0c8
rgb(82,224,200)
-
#4be7cd
#4be7cd
rgb(75,231,205)
-
#43efd3
#43efd3
rgb(67,239,211)
-
#3bf7d8
#3bf7d8
rgb(59,247,216)
-
#33ffdd
#33ffdd
rgb(51,255,221)
Color Blindness Simulator
Below, you can see how #33ffdd 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.