#54f8ae hex color

In a RGB color space, hex #54f8ae is composed of 32.9% red, 97.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 0% magenta, 29.8% yellow and 2.7% black. It has a hue angle of 152.9 degrees, a saturation of 92.1% and a lightness of 65.1%. #54f8ae color hex could be obtained by blending #a8ffff with #00f15d. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 33
- G 97
- B 68
RGB color chart
- C 66
- M 0
- Y 30
- K 3
CMYK color chart

● #54f8ae color description : Soft cyan - lime green.

The hexadecimal color #54f8ae has RGB values of R:84, G:248, B:174 and CMYK values of C:0.66, M:0, Y:0.3, K:0.03. Its decimal value is 5568686.

Hex triplet	54f8ae	`#54f8ae`
RGB Decimal	84, 248, 174	`rgb(84,248,174)`
RGB Percent	32.9, 97.3, 68.2	`rgb(32.9%,97.3%,68.2%)`
CMYK	66, 0, 30, 3
HSL	152.9°, 92.1, 65.1	`hsl(152.9,92.1%,65.1%)`
HSV (or HSB)	152.9°, 66.1, 97.3
Web Safe	66ff99	`#66ff99`

CIE-LAB	88.003, -58.995, 23.398
XYZ	44.86, 72.072, 51.589
xyY	0.266, 0.428, 72.072
CIE-LCH	88.003, 63.465, 158.366
CIE-LUV	88.003, -66.043, 43.633
Hunter-Lab	84.895, -54.243, 23.397
Binary	01010100, 11111000, 10101110

#54f8ae
```
#54f8ae rgb(84,248,174)
```
#f8549e
```
#f8549e rgb(248,84,158)
```

Complementary Color

#54f85c
```
#54f85c rgb(84,248,92)
```
#54f8ae
```
#54f8ae rgb(84,248,174)
```
#54f0f8
```
#54f0f8 rgb(84,240,248)
```

Analogous Color

#f85c54
```
#f85c54 rgb(248,92,84)
```
#54f8ae
```
#54f8ae rgb(84,248,174)
```
#f854f0
```
#f854f0 rgb(248,84,240)
```

Split Complementary Color

#f8ae54
```
#f8ae54 rgb(248,174,84)
```
#54f8ae
```
#54f8ae rgb(84,248,174)
```
#ae54f8
```
#ae54f8 rgb(174,84,248)
```

Triadic Color

#9ef854
```
#9ef854 rgb(158,248,84)
```
#54f8ae
```
#54f8ae rgb(84,248,174)
```
#ae54f8
```
#ae54f8 rgb(174,84,248)
```
#f8549e
```
#f8549e rgb(248,84,158)
```

Tetradic Color

#0bf58b
```
#0bf58b rgb(11,245,139)
```
#23f697
```
#23f697 rgb(35,246,151)
```
#3cf7a2
```
#3cf7a2 rgb(60,247,162)
```
#54f8ae
```
#54f8ae rgb(84,248,174)
```
#6cf9ba
```
#6cf9ba rgb(108,249,186)
```
#85fac5
```
#85fac5 rgb(133,250,197)
```
#9dfbd1
```
#9dfbd1 rgb(157,251,209)
```

Monochromatic Color

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

#54f885
```
#54f885 rgb(84,248,133)
```
#54f893
```
#54f893 rgb(84,248,147)
```
#54f8a0
```
#54f8a0 rgb(84,248,160)
```
#54f8ae
```
#54f8ae rgb(84,248,174)
```
#54f8bc
```
#54f8bc rgb(84,248,188)
```
#54f8c9
```
#54f8c9 rgb(84,248,201)
```
#54f8d7
```
#54f8d7 rgb(84,248,215)
```

Similar Colors

Text with hexadecimal color #54f8ae

This text has a font color of #54f8ae.

<span style="color:#54f8ae;">Text here</span>

#54f8ae background color

This paragraph has a background color of #54f8ae.

<p style="background-color:#54f8ae;">Content here</p>

#54f8ae border color

This element has a border color of #54f8ae.

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

CSS codes

.text {color:#54f8ae;}

.background {background-color:#54f8ae;}

.border {border:1px solid #54f8ae;}

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, #01110a is the darkest color, while #fefffe is the lightest one.

#01110a
```
#01110a rgb(1,17,10)
```
#012415
```
#012415 rgb(1,36,21)
```
#02371f
```
#02371f rgb(2,55,31)
```
#034a2a
```
#034a2a rgb(3,74,42)
```
#045d35
```
#045d35 rgb(4,93,53)
```
#05703f
```
#05703f rgb(5,112,63)
```
#05834a
```
#05834a rgb(5,131,74)
```
#069555
```
#069555 rgb(6,149,85)
```
#07a85f
```
#07a85f rgb(7,168,95)
```
#08bb6a
```
#08bb6a rgb(8,187,106)
```
#08ce75
```
#08ce75 rgb(8,206,117)
```
#09e17f
```
#09e17f rgb(9,225,127)
```
#0af48a
```
#0af48a rgb(10,244,138)
```

Shade Color Variation

#1bf693
```
#1bf693 rgb(27,246,147)
```
#2ef69c
```
#2ef69c rgb(46,246,156)
```
#41f7a5
```
#41f7a5 rgb(65,247,165)
```
#54f8ae
```
#54f8ae rgb(84,248,174)
```
#67f9b7
```
#67f9b7 rgb(103,249,183)
```
#7afac0
```
#7afac0 rgb(122,250,192)
```
#8dfac9
```
#8dfac9 rgb(141,250,201)
```
#9ffbd2
```
#9ffbd2 rgb(159,251,210)
```
#b2fcdb
```
#b2fcdb rgb(178,252,219)
```
#c5fde4
```
#c5fde4 rgb(197,253,228)
```
#d8fdec
```
#d8fdec rgb(216,253,236)
```
#ebfef5
```
#ebfef5 rgb(235,254,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fada7 is the less saturated color, while #4dffaf is the most saturated one.

#9fada7
```
#9fada7 rgb(159,173,167)
```
#98b4a7
```
#98b4a7 rgb(152,180,167)
```
#92baa8
```
#92baa8 rgb(146,186,168)
```
#8bc1a9
```
#8bc1a9 rgb(139,193,169)
```
#84c8a9
```
#84c8a9 rgb(132,200,169)
```
#7dcfaa
```
#7dcfaa rgb(125,207,170)
```
#76d6ab
```
#76d6ab rgb(118,214,171)
```
#6fddab
```
#6fddab rgb(111,221,171)
```
#69e3ac
```
#69e3ac rgb(105,227,172)
```
#62eaad
```
#62eaad rgb(98,234,173)
```
#5bf1ad
```
#5bf1ad rgb(91,241,173)
```
#54f8ae
```
#54f8ae rgb(84,248,174)
```
#4dffaf
```
#4dffaf rgb(77,255,175)
```

Tone Color Variation

Below, you can see how #54f8ae 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

#bfbfbf Achromatopsia 0.005% of the population
#aacabc Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedea7 Protanopia 1% of men
#fed6bd Deuteranopia 1% of men
#82edff Tritanopia 0.001% of the population

Trichromacy

#b6e7a9 Protanomaly 1% of men, 0.01% of women
#c0e2b8 Deuteranomaly 6% of men, 0.4% of women
#71f1e1 Tritanomaly 0.01% of the population

#54f8ae hex color

#54f8ae Color Information

#54f8ae Color Conversion

Color Schemes with #54f8ae

Alternatives to #54f8ae

#54f8ae Preview

Shades and Tints of #54f8ae

Tones of #54f8ae

Color Blindness Simulator