#33ffbb Color Information
In a RGB color space, hex #33ffbb is composed of 20% red, 100% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 26.7% yellow and 0% black. It has a hue angle of 160 degrees, a saturation of 100% and a lightness of 60%. #33ffbb color hex could be obtained by blending #66ffff with #00ff77. Closest websafe color is: #33ffcc.
-
- R 20
- G 100
- B 73
-
- C 80
- M 0
- Y 27
- K 0
● #33ffbb color description : Vivid cyan - lime green.
#33ffbb Color Conversion
The hexadecimal color #33ffbb has RGB values of R:51, G:255, B:187 and CMYK values of C:0.8, M:0, Y:0.27, K:0. Its decimal value is 3407803.
Hex triplet | 33ffbb | #33ffbb |
---|---|---|
RGB Decimal | 51, 255, 187 | rgb(51,255,187) |
RGB Percent | 20, 100, 73.3 | rgb(20%,100%,73.3%) |
CMYK | 80, 0, 27, 0 | |
HSL | 160°, 100, 60 | hsl(160,100%,60%) |
HSV (or HSB) | 160°, 80, 100 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 89.77, -63.081, 19.112 |
---|---|
XYZ | 46.091, 75.807, 59.214 |
xyY | 0.254, 0.419, 75.807 |
CIE-LCH | 89.77, 65.913, 163.144 |
CIE-LUV | 89.77, -72.776, 38.533 |
Hunter-Lab | 87.067, -57.874, 20.624 |
Binary | 00110011, 11111111, 10111011 |
Color Schemes with #33ffbb
Alternatives to #33ffbb
Below, you can see some colors close to #33ffbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ffbb Preview
This text has a font color of #33ffbb.
<span style="color:#33ffbb;">Text here</span>
This paragraph has a background color of #33ffbb.
<p style="background-color:#33ffbb;">Content here</p>
This element has a border color of #33ffbb.
<div style="border:1px solid #33ffbb;">Content here</div>
.text {color:#33ffbb;}
.background {background-color:#33ffbb;}
.border {border:1px solid #33ffbb;}
Shades and Tints of #33ffbb
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, #000c08 is the darkest color, while #f7fffc is the lightest one.
-
#000c08
#000c08
rgb(0,12,8)
-
#001f15
#001f15
rgb(0,31,21)
-
#003322
#003322
rgb(0,51,34)
-
#00472f
#00472f
rgb(0,71,47)
-
#005a3c
#005a3c
rgb(0,90,60)
-
#006e49
#006e49
rgb(0,110,73)
-
#008156
#008156
rgb(0,129,86)
-
#009563
#009563
rgb(0,149,99)
-
#00a970
#00a970
rgb(0,169,112)
-
#00bc7e
#00bc7e
rgb(0,188,126)
-
#00d08b
#00d08b
rgb(0,208,139)
-
#00e498
#00e498
rgb(0,228,152)
-
#00f7a5
#00f7a5
rgb(0,247,165)
-
#0cffae
#0cffae
rgb(12,255,174)
-
#1fffb4
#1fffb4
rgb(31,255,180)
-
#33ffbb
#33ffbb
rgb(51,255,187)
-
#47ffc2
#47ffc2
rgb(71,255,194)
-
#5affc8
#5affc8
rgb(90,255,200)
-
#6effcf
#6effcf
rgb(110,255,207)
-
#81ffd5
#81ffd5
rgb(129,255,213)
-
#95ffdc
#95ffdc
rgb(149,255,220)
-
#a9ffe2
#a9ffe2
rgb(169,255,226)
-
#bcffe9
#bcffe9
rgb(188,255,233)
-
#d0ffef
#d0ffef
rgb(208,255,239)
-
#e4fff6
#e4fff6
rgb(228,255,246)
-
#f7fffc
#f7fffc
rgb(247,255,252)
Tones of #33ffbb
A tone is produced by adding gray to any pure hue. In this case, #91a19c is the less saturated color, while #33ffbb is the most saturated one.
-
#91a19c
#91a19c
rgb(145,161,156)
-
#89a99e
#89a99e
rgb(137,169,158)
-
#81b1a1
#81b1a1
rgb(129,177,161)
-
#7ab8a3
#7ab8a3
rgb(122,184,163)
-
#72c0a6
#72c0a6
rgb(114,192,166)
-
#6ac8a9
#6ac8a9
rgb(106,200,169)
-
#62d0ab
#62d0ab
rgb(98,208,171)
-
#5ad8ae
#5ad8ae
rgb(90,216,174)
-
#52e0b1
#52e0b1
rgb(82,224,177)
-
#4be7b3
#4be7b3
rgb(75,231,179)
-
#43efb6
#43efb6
rgb(67,239,182)
-
#3bf7b8
#3bf7b8
rgb(59,247,184)
-
#33ffbb
#33ffbb
rgb(51,255,187)
Color Blindness Simulator
Below, you can see how #33ffbb 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.