colorhexa.com

#33ffbf hex color

In a RGB color space, hex #33ffbf is composed of 20% red, 100% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 25.1% yellow and 0% black. It has a hue angle of 161.2 degrees, a saturation of 100% and a lightness of 60%. #33ffbf color hex could be obtained by blending #66ffff with #00ff7f. Closest websafe color is: #33ffcc.

- R 20
- G 100
- B 75
RGB color chart
- C 80
- M 0
- Y 25
- K 0
CMYK color chart

● #33ffbf color description : Vivid cyan - lime green.

The hexadecimal color #33ffbf has RGB values of R:51, G:255, B:191 and CMYK values of C:0.8, M:0, Y:0.25, K:0. Its decimal value is 3407807.

Hex triplet	33ffbf	`#33ffbf`
RGB Decimal	51, 255, 191	`rgb(51,255,191)`
RGB Percent	20, 100, 74.9	`rgb(20%,100%,74.9%)`
CMYK	80, 0, 25, 0
HSL	161.2°, 100, 60	`hsl(161.2,100%,60%)`
HSV (or HSB)	161.2°, 80, 100
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.85, -62.199, 17.176
XYZ	46.525, 75.981, 61.501
xyY	0.253, 0.413, 75.981
CIE-LCH	89.85, 64.527, 164.563
CIE-LUV	89.85, -72.504, 35.67
Hunter-Lab	87.167, -57.268, 19.184
Binary	00110011, 11111111, 10111111

#33ffbf
```
#33ffbf rgb(51,255,191)
```
#ff3373
```
#ff3373 rgb(255,51,115)
```

Complementary Color

#33ff59
```
#33ff59 rgb(51,255,89)
```
#33ffbf
```
#33ffbf rgb(51,255,191)
```
#33d9ff
```
#33d9ff rgb(51,217,255)
```

Analogous Color

#ff5933
```
#ff5933 rgb(255,89,51)
```
#33ffbf
```
#33ffbf rgb(51,255,191)
```
#ff33d9
```
#ff33d9 rgb(255,51,217)
```

Split Complementary Color

#ffbf33
```
#ffbf33 rgb(255,191,51)
```
#33ffbf
```
#33ffbf rgb(51,255,191)
```
#bf33ff
```
#bf33ff rgb(191,51,255)
```

Triadic Color

#73ff33
```
#73ff33 rgb(115,255,51)
```
#33ffbf
```
#33ffbf rgb(51,255,191)
```
#bf33ff
```
#bf33ff rgb(191,51,255)
```
#ff3373
```
#ff3373 rgb(255,51,115)
```

Tetradic Color

#00e69e
```
#00e69e rgb(0,230,158)
```
#00ffaf
```
#00ffaf rgb(0,255,175)
```
#1affb7
```
#1affb7 rgb(26,255,183)
```
#33ffbf
```
#33ffbf rgb(51,255,191)
```
#4dffc7
```
#4dffc7 rgb(77,255,199)
```
#66ffcf
```
#66ffcf rgb(102,255,207)
```
#80ffd7
```
#80ffd7 rgb(128,255,215)
```

Monochromatic Color

Below, you can see some colors close to #33ffbf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#33ff8c
```
#33ff8c rgb(51,255,140)
```
#33ff9d
```
#33ff9d rgb(51,255,157)
```
#33ffae
```
#33ffae rgb(51,255,174)
```
#33ffbf
```
#33ffbf rgb(51,255,191)
```
#33ffd0
```
#33ffd0 rgb(51,255,208)
```
#33ffe1
```
#33ffe1 rgb(51,255,225)
```
#33fff2
```
#33fff2 rgb(51,255,242)
```

Similar Colors

Text with hexadecimal color #33ffbf

This text has a font color of #33ffbf.

<span style="color:#33ffbf;">Text here</span>

#33ffbf background color

This paragraph has a background color of #33ffbf.

<p style="background-color:#33ffbf;">Content here</p>

#33ffbf border color

This element has a border color of #33ffbf.

<div style="border:1px solid #33ffbf;">Content here</div>

CSS codes

.text {color:#33ffbf;}

.background {background-color:#33ffbf;}

.border {border:1px solid #33ffbf;}

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 #f7fffd is the lightest one.

#000c08
```
#000c08 rgb(0,12,8)
```
#001f16
```
#001f16 rgb(0,31,22)
```
#003323
```
#003323 rgb(0,51,35)
```
#004730
```
#004730 rgb(0,71,48)
```
#005a3e
```
#005a3e rgb(0,90,62)
```
#006e4b
```
#006e4b rgb(0,110,75)
```
#008159
```
#008159 rgb(0,129,89)
```
#009566
```
#009566 rgb(0,149,102)
```
#00a974
```
#00a974 rgb(0,169,116)
```
#00bc81
```
#00bc81 rgb(0,188,129)
```
#00d08f
```
#00d08f rgb(0,208,143)
```
#00e49c
```
#00e49c rgb(0,228,156)
```
#00f7aa
```
#00f7aa rgb(0,247,170)
```

Shade Color Variation

#0cffb3
```
#0cffb3 rgb(12,255,179)
```
#1fffb9
```
#1fffb9 rgb(31,255,185)
```
#33ffbf
```
#33ffbf rgb(51,255,191)
```
#47ffc5
```
#47ffc5 rgb(71,255,197)
```
#5affcb
```
#5affcb rgb(90,255,203)
```
#6effd1
```
#6effd1 rgb(110,255,209)
```
#81ffd8
```
#81ffd8 rgb(129,255,216)
```
#95ffde
```
#95ffde rgb(149,255,222)
```
#a9ffe4
```
#a9ffe4 rgb(169,255,228)
```
#bcffea
```
#bcffea rgb(188,255,234)
```
#d0fff0
```
#d0fff0 rgb(208,255,240)
```
#e4fff6
```
#e4fff6 rgb(228,255,246)
```
#f7fffd
```
#f7fffd rgb(247,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91a19c is the less saturated color, while #33ffbf is the most saturated one.

#91a19c
```
#91a19c rgb(145,161,156)
```
#89a99f
```
#89a99f rgb(137,169,159)
```
#81b1a2
```
#81b1a2 rgb(129,177,162)
```
#7ab8a5
```
#7ab8a5 rgb(122,184,165)
```
#72c0a8
```
#72c0a8 rgb(114,192,168)
```
#6ac8ab
```
#6ac8ab rgb(106,200,171)
```
#62d0ad
```
#62d0ad rgb(98,208,173)
```
#5ad8b0
```
#5ad8b0 rgb(90,216,176)
```
#52e0b3
```
#52e0b3 rgb(82,224,179)
```
#4be7b6
```
#4be7b6 rgb(75,231,182)
```
#43efb9
```
#43efb9 rgb(67,239,185)
```
#3bf7bc
```
#3bf7bc rgb(59,247,188)
```
#33ffbf
```
#33ffbf rgb(51,255,191)
```

Tone Color Variation

Below, you can see how #33ffbf 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.

Monochromacy

#bbbbbb Achromatopsia 0.005% of the population
#a0c9bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e3b5 Protanopia 1% of men
#ffdccf Deuteranopia 1% of men
#98f1ff Tritanopia 0.001% of the population

Trichromacy

#acedb9 Protanomaly 1% of men, 0.01% of women
#b4e8c9 Deuteranomaly 6% of men, 0.4% of women
#73f6e7 Tritanomaly 0.01% of the population