#33d9bb Color Information
In a RGB color space, hex #33d9bb is composed of 20% red, 85.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 13.8% yellow and 14.9% black. It has a hue angle of 169.2 degrees, a saturation of 68.6% and a lightness of 52.5%. #33d9bb color hex could be obtained by blending #66ffff with #00b377. Closest websafe color is: #33cccc.
-
- R 20
- G 85
- B 73
-
- C 76
- M 0
- Y 14
- K 15
● #33d9bb color description : Bright cyan.
#33d9bb Color Conversion
The hexadecimal color #33d9bb has RGB values of R:51, G:217, B:187 and CMYK values of C:0.76, M:0, Y:0.14, K:0.15. Its decimal value is 3398075.
| Hex triplet | 33d9bb | #33d9bb |
|---|---|---|
| RGB Decimal | 51, 217, 187 | rgb(51,217,187) |
| RGB Percent | 20, 85.1, 73.3 | rgb(20%,85.1%,73.3%) |
| CMYK | 76, 0, 14, 15 | |
| HSL | 169.2°, 68.6, 52.5 | hsl(169.2,68.6%,52.5%) |
| HSV (or HSB) | 169.2°, 76.5, 85.1 | |
| Web Safe | 33cccc | #33cccc |
| CIE-LAB | 78.412, -48.071, 2.954 |
|---|---|
| XYZ | 35.145, 53.914, 55.565 |
| xyY | 0.243, 0.373, 53.914 |
| CIE-LCH | 78.412, 48.162, 176.484 |
| CIE-LUV | 78.412, -59.865, 12.053 |
| Hunter-Lab | 73.426, -43.059, 6.531 |
| Binary | 00110011, 11011001, 10111011 |
Color Schemes with #33d9bb
Alternatives to #33d9bb
Below, you can see some colors close to #33d9bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33d9bb Preview
This text has a font color of #33d9bb.
<span style="color:#33d9bb;">Text here</span>
This paragraph has a background color of #33d9bb.
<p style="background-color:#33d9bb;">Content here</p>
This element has a border color of #33d9bb.
<div style="border:1px solid #33d9bb;">Content here</div>
.text {color:#33d9bb;}
.background {background-color:#33d9bb;}
.border {border:1px solid #33d9bb;}
Shades and Tints of #33d9bb
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, #020b09 is the darkest color, while #f9fefd is the lightest one.
-
#020b09
#020b09rgb(2,11,9) -
#051b17
#051b17rgb(5,27,23) -
#082c26
#082c26rgb(8,44,38) -
#0b3d34
#0b3d34rgb(11,61,52) -
#0e4d42
#0e4d42rgb(14,77,66) -
#115e50
#115e50rgb(17,94,80) -
#156e5e
#156e5ergb(21,110,94) -
#187f6c
#187f6crgb(24,127,108) -
#1b8f7a
#1b8f7argb(27,143,122) -
#1ea088
#1ea088rgb(30,160,136) -
#21b096
#21b096rgb(33,176,150) -
#24c1a4
#24c1a4rgb(36,193,164) -
#27d1b3
#27d1b3rgb(39,209,179)
-
#33d9bb
#33d9bbrgb(51,217,187) -
#44dcc1
#44dcc1rgb(68,220,193) -
#54dfc6
#54dfc6rgb(84,223,198) -
#65e2cc
#65e2ccrgb(101,226,204) -
#75e5d1
#75e5d1rgb(117,229,209) -
#86e8d7
#86e8d7rgb(134,232,215) -
#96ebdc
#96ebdcrgb(150,235,220) -
#a7efe2
#a7efe2rgb(167,239,226) -
#b7f2e7
#b7f2e7rgb(183,242,231) -
#c8f5ed
#c8f5edrgb(200,245,237) -
#d8f8f2
#d8f8f2rgb(216,248,242) -
#e9fbf8
#e9fbf8rgb(233,251,248) -
#f9fefd
#f9fefdrgb(249,254,253)
Tones of #33d9bb
A tone is produced by adding gray to any pure hue. In this case, #7d8f8b is the less saturated color, while #0efed3 is the most saturated one.
-
#7d8f8b
#7d8f8brgb(125,143,139) -
#749891
#749891rgb(116,152,145) -
#6ba197
#6ba197rgb(107,161,151) -
#62aa9d
#62aa9drgb(98,170,157) -
#58b4a3
#58b4a3rgb(88,180,163) -
#4fbda9
#4fbda9rgb(79,189,169) -
#46c6af
#46c6afrgb(70,198,175) -
#3cd0b5
#3cd0b5rgb(60,208,181) -
#33d9bb
#33d9bbrgb(51,217,187) -
#2ae2c1
#2ae2c1rgb(42,226,193) -
#20ecc7
#20ecc7rgb(32,236,199) -
#17f5cd
#17f5cdrgb(23,245,205) -
#0efed3
#0efed3rgb(14,254,211)
Color Blindness Simulator
Below, you can see how #33d9bb 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.
