#54f8c2 hex color

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

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

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

The hexadecimal color #54f8c2 has RGB values of R:84, G:248, B:194 and CMYK values of C:0.66, M:0, Y:0.22, K:0.03. Its decimal value is 5568706.

Hex triplet	54f8c2	`#54f8c2`
RGB Decimal	84, 248, 194	`rgb(84,248,194)`
RGB Percent	32.9, 97.3, 76.1	`rgb(32.9%,97.3%,76.1%)`
CMYK	66, 0, 22, 3
HSL	160.2°, 92.1, 65.1	`hsl(160.2,92.1%,65.1%)`
HSV (or HSB)	160.2°, 66.1, 97.3
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	88.405, -54.753, 13.675
XYZ	46.957, 72.91, 62.634
xyY	0.257, 0.4, 72.91
CIE-LCH	88.405, 56.435, 165.977
CIE-LUV	88.405, -64.884, 29.413
Hunter-Lab	85.388, -51.265, 16.28
Binary	01010100, 11111000, 11000010

#54f8c2
```
#54f8c2 rgb(84,248,194)
```
#f8548a
```
#f8548a rgb(248,84,138)
```

Complementary Color

#54f870
```
#54f870 rgb(84,248,112)
```
#54f8c2
```
#54f8c2 rgb(84,248,194)
```
#54dcf8
```
#54dcf8 rgb(84,220,248)
```

Analogous Color

#f87054
```
#f87054 rgb(248,112,84)
```
#54f8c2
```
#54f8c2 rgb(84,248,194)
```
#f854dc
```
#f854dc rgb(248,84,220)
```

Split Complementary Color

#f8c254
```
#f8c254 rgb(248,194,84)
```
#54f8c2
```
#54f8c2 rgb(84,248,194)
```
#c254f8
```
#c254f8 rgb(194,84,248)
```

Triadic Color

#8af854
```
#8af854 rgb(138,248,84)
```
#54f8c2
```
#54f8c2 rgb(84,248,194)
```
#c254f8
```
#c254f8 rgb(194,84,248)
```
#f8548a
```
#f8548a rgb(248,84,138)
```

Tetradic Color

#0bf5a8
```
#0bf5a8 rgb(11,245,168)
```
#23f6b1
```
#23f6b1 rgb(35,246,177)
```
#3cf7b9
```
#3cf7b9 rgb(60,247,185)
```
#54f8c2
```
#54f8c2 rgb(84,248,194)
```
#6cf9cb
```
#6cf9cb rgb(108,249,203)
```
#85fad3
```
#85fad3 rgb(133,250,211)
```
#9dfbdc
```
#9dfbdc rgb(157,251,220)
```

Monochromatic Color

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

#54f899
```
#54f899 rgb(84,248,153)
```
#54f8a7
```
#54f8a7 rgb(84,248,167)
```
#54f8b4
```
#54f8b4 rgb(84,248,180)
```
#54f8c2
```
#54f8c2 rgb(84,248,194)
```
#54f8d0
```
#54f8d0 rgb(84,248,208)
```
#54f8dd
```
#54f8dd rgb(84,248,221)
```
#54f8eb
```
#54f8eb rgb(84,248,235)
```

Similar Colors

Text with hexadecimal color #54f8c2

This text has a font color of #54f8c2.

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

#54f8c2 background color

This paragraph has a background color of #54f8c2.

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

#54f8c2 border color

This element has a border color of #54f8c2.

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

CSS codes

.text {color:#54f8c2;}

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

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

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

#01110c
```
#01110c rgb(1,17,12)
```
#012419
```
#012419 rgb(1,36,25)
```
#023726
```
#023726 rgb(2,55,38)
```
#034a33
```
#034a33 rgb(3,74,51)
```
#045d40
```
#045d40 rgb(4,93,64)
```
#05704c
```
#05704c rgb(5,112,76)
```
#058359
```
#058359 rgb(5,131,89)
```
#069566
```
#069566 rgb(6,149,102)
```
#07a873
```
#07a873 rgb(7,168,115)
```
#08bb80
```
#08bb80 rgb(8,187,128)
```
#08ce8d
```
#08ce8d rgb(8,206,141)
```
#09e19a
```
#09e19a rgb(9,225,154)
```
#0af4a7
```
#0af4a7 rgb(10,244,167)
```

Shade Color Variation

#1bf6ae
```
#1bf6ae rgb(27,246,174)
```
#2ef6b5
```
#2ef6b5 rgb(46,246,181)
```
#41f7bb
```
#41f7bb rgb(65,247,187)
```
#54f8c2
```
#54f8c2 rgb(84,248,194)
```
#67f9c9
```
#67f9c9 rgb(103,249,201)
```
#7afacf
```
#7afacf rgb(122,250,207)
```
#8dfad6
```
#8dfad6 rgb(141,250,214)
```
#9ffbdd
```
#9ffbdd rgb(159,251,221)
```
#b2fce4
```
#b2fce4 rgb(178,252,228)
```
#c5fdea
```
#c5fdea rgb(197,253,234)
```
#d8fdf1
```
#d8fdf1 rgb(216,253,241)
```
#ebfef8
```
#ebfef8 rgb(235,254,248)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#9fada8
```
#9fada8 rgb(159,173,168)
```
#98b4ab
```
#98b4ab rgb(152,180,171)
```
#92baad
```
#92baad rgb(146,186,173)
```
#8bc1af
```
#8bc1af rgb(139,193,175)
```
#84c8b2
```
#84c8b2 rgb(132,200,178)
```
#7dcfb4
```
#7dcfb4 rgb(125,207,180)
```
#76d6b6
```
#76d6b6 rgb(118,214,182)
```
#6fddb9
```
#6fddb9 rgb(111,221,185)
```
#69e3bb
```
#69e3bb rgb(105,227,187)
```
#62eabd
```
#62eabd rgb(98,234,189)
```
#5bf1c0
```
#5bf1c0 rgb(91,241,192)
```
#54f8c2
```
#54f8c2 rgb(84,248,194)
```
#4dffc4
```
#4dffc4 rgb(77,255,196)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#abccc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecdfb9 Protanopia 1% of men
#fad8d0 Deuteranopia 1% of men
#87eeff Tritanopia 0.001% of the population

Trichromacy

#b4e8bc Protanomaly 1% of men, 0.01% of women
#bde3cb Deuteranomaly 6% of men, 0.4% of women
#74f2e8 Tritanomaly 0.01% of the population

#54f8c2 hex color

#54f8c2 Color Information

#54f8c2 Color Conversion

Color Schemes with #54f8c2

Alternatives to #54f8c2

#54f8c2 Preview

Shades and Tints of #54f8c2

Tones of #54f8c2

Color Blindness Simulator