#36faaf hex color

In a RGB color space, hex #36faaf is composed of 21.2% red, 98% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 0% magenta, 30% yellow and 2% black. It has a hue angle of 157 degrees, a saturation of 95.1% and a lightness of 59.6%. #36faaf color hex could be obtained by blending #6cffff with #00f55f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 21
- G 98
- B 69
RGB color chart
- C 78
- M 0
- Y 30
- K 2
CMYK color chart

● #36faaf color description : Bright cyan - lime green.

The hexadecimal color #36faaf has RGB values of R:54, G:250, B:175 and CMYK values of C:0.78, M:0, Y:0.3, K:0.02. Its decimal value is 3603119.

Hex triplet	36faaf	`#36faaf`
RGB Decimal	54, 250, 175	`rgb(54,250,175)`
RGB Percent	21.2, 98, 68.6	`rgb(21.2%,98%,68.6%)`
CMYK	78, 0, 30, 2
HSL	157°, 95.1, 59.6	`hsl(157,95.1%,59.6%)`
HSV (or HSB)	157°, 78.4, 98
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.087, -63.505, 22.919
XYZ	43.441, 72.246, 52.21
xyY	0.259, 0.43, 72.246
CIE-LCH	88.087, 67.514, 160.156
CIE-LUV	88.087, -71.552, 43.692
Hunter-Lab	84.998, -57.517, 23.079
Binary	00110110, 11111010, 10101111

#36faaf
```
#36faaf rgb(54,250,175)
```
#fa3681
```
#fa3681 rgb(250,54,129)
```

Complementary Color

#36fa4d
```
#36fa4d rgb(54,250,77)
```
#36faaf
```
#36faaf rgb(54,250,175)
```
#36e3fa
```
#36e3fa rgb(54,227,250)
```

Analogous Color

#fa4d36
```
#fa4d36 rgb(250,77,54)
```
#36faaf
```
#36faaf rgb(54,250,175)
```
#fa36e3
```
#fa36e3 rgb(250,54,227)
```

Split Complementary Color

#faaf36
```
#faaf36 rgb(250,175,54)
```
#36faaf
```
#36faaf rgb(54,250,175)
```
#af36fa
```
#af36fa rgb(175,54,250)
```

Triadic Color

#81fa36
```
#81fa36 rgb(129,250,54)
```
#36faaf
```
#36faaf rgb(54,250,175)
```
#af36fa
```
#af36fa rgb(175,54,250)
```
#fa3681
```
#fa3681 rgb(250,54,129)
```

Tetradic Color

#06de8b
```
#06de8b rgb(6,222,139)
```
#06f79b
```
#06f79b rgb(6,247,155)
```
#1df9a5
```
#1df9a5 rgb(29,249,165)
```
#36faaf
```
#36faaf rgb(54,250,175)
```
#4ffbb9
```
#4ffbb9 rgb(79,251,185)
```
#68fbc3
```
#68fbc3 rgb(104,251,195)
```
#81fccd
```
#81fccd rgb(129,252,205)
```

Monochromatic Color

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

#36fa7e
```
#36fa7e rgb(54,250,126)
```
#36fa8e
```
#36fa8e rgb(54,250,142)
```
#36fa9f
```
#36fa9f rgb(54,250,159)
```
#36faaf
```
#36faaf rgb(54,250,175)
```
#36fabf
```
#36fabf rgb(54,250,191)
```
#36fad0
```
#36fad0 rgb(54,250,208)
```
#36fae0
```
#36fae0 rgb(54,250,224)
```

Similar Colors

Text with hexadecimal color #36faaf

This text has a font color of #36faaf.

<span style="color:#36faaf;">Text here</span>

#36faaf background color

This paragraph has a background color of #36faaf.

<p style="background-color:#36faaf;">Content here</p>

#36faaf border color

This element has a border color of #36faaf.

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

CSS codes

.text {color:#36faaf;}

.background {background-color:#36faaf;}

.border {border:1px solid #36faaf;}

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, #000a06 is the darkest color, while #f5fffb is the lightest one.

#000a06
```
#000a06 rgb(0,10,6)
```
#011d12
```
#011d12 rgb(1,29,18)
```
#01301e
```
#01301e rgb(1,48,30)
```
#02432a
```
#02432a rgb(2,67,42)
```
#025636
```
#025636 rgb(2,86,54)
```
#036942
```
#036942 rgb(3,105,66)
```
#037c4e
```
#037c4e rgb(3,124,78)
```
#04905a
```
#04905a rgb(4,144,90)
```
#04a366
```
#04a366 rgb(4,163,102)
```
#05b672
```
#05b672 rgb(5,182,114)
```
#05c97e
```
#05c97e rgb(5,201,126)
```
#05dc8a
```
#05dc8a rgb(5,220,138)
```
#06ef96
```
#06ef96 rgb(6,239,150)
```

Shade Color Variation

#10f9a0
```
#10f9a0 rgb(16,249,160)
```
#23faa7
```
#23faa7 rgb(35,250,167)
```
#36faaf
```
#36faaf rgb(54,250,175)
```
#49fab7
```
#49fab7 rgb(73,250,183)
```
#5cfbbe
```
#5cfbbe rgb(92,251,190)
```
#6ffbc6
```
#6ffbc6 rgb(111,251,198)
```
#83fccd
```
#83fccd rgb(131,252,205)
```
#96fcd5
```
#96fcd5 rgb(150,252,213)
```
#a9fddd
```
#a9fddd rgb(169,253,221)
```
#bcfde4
```
#bcfde4 rgb(188,253,228)
```
#cffeec
```
#cffeec rgb(207,254,236)
```
#e2fef4
```
#e2fef4 rgb(226,254,244)
```
#f5fffb
```
#f5fffb rgb(245,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959b99 is the less saturated color, while #36faaf is the most saturated one.

#959b99
```
#959b99 rgb(149,155,153)
```
#8da39b
```
#8da39b rgb(141,163,155)
```
#85ab9c
```
#85ab9c rgb(133,171,156)
```
#7db39e
```
#7db39e rgb(125,179,158)
```
#75bba0
```
#75bba0 rgb(117,187,160)
```
#6dc3a2
```
#6dc3a2 rgb(109,195,162)
```
#66caa4
```
#66caa4 rgb(102,202,164)
```
#5ed2a6
```
#5ed2a6 rgb(94,210,166)
```
#56daa8
```
#56daa8 rgb(86,218,168)
```
#4ee2a9
```
#4ee2a9 rgb(78,226,169)
```
#46eaab
```
#46eaab rgb(70,234,171)
```
#3ef2ad
```
#3ef2ad rgb(62,242,173)
```
#36faaf
```
#36faaf rgb(54,250,175)
```

Tone Color Variation

Below, you can see how #36faaf 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

#b7b7b7 Achromatopsia 0.005% of the population
#9dc4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedea7 Protanopia 1% of men
#fed6bf Deuteranopia 1% of men
#7feeff Tritanopia 0.001% of the population

Trichromacy

#abe8aa Protanomaly 1% of men, 0.01% of women
#b5e3b9 Deuteranomaly 6% of men, 0.4% of women
#64f2e1 Tritanomaly 0.01% of the population

#36faaf hex color

#36faaf Color Information

#36faaf Color Conversion

Color Schemes with #36faaf

Alternatives to #36faaf

#36faaf Preview

Shades and Tints of #36faaf

Tones of #36faaf

Color Blindness Simulator