#54f8bd hex color

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

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

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

The hexadecimal color #54f8bd has RGB values of R:84, G:248, B:189 and CMYK values of C:0.66, M:0, Y:0.24, K:0.03. Its decimal value is 5568701.

Hex triplet	54f8bd	`#54f8bd`
RGB Decimal	84, 248, 189	`rgb(84,248,189)`
RGB Percent	32.9, 97.3, 74.1	`rgb(32.9%,97.3%,74.1%)`
CMYK	66, 0, 24, 3
HSL	158.4°, 92.1, 65.1	`hsl(158.4,92.1%,65.1%)`
HSV (or HSB)	158.4°, 66.1, 97.3
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	88.299, -55.854, 16.108
XYZ	46.405, 72.69, 59.726
xyY	0.26, 0.406, 72.69
CIE-LCH	88.299, 58.13, 163.913
CIE-LUV	88.299, -65.18, 33.069
Hunter-Lab	85.258, -52.046, 18.146
Binary	01010100, 11111000, 10111101

#54f8bd
```
#54f8bd rgb(84,248,189)
```
#f8548f
```
#f8548f rgb(248,84,143)
```

Complementary Color

#54f86b
```
#54f86b rgb(84,248,107)
```
#54f8bd
```
#54f8bd rgb(84,248,189)
```
#54e1f8
```
#54e1f8 rgb(84,225,248)
```

Analogous Color

#f86b54
```
#f86b54 rgb(248,107,84)
```
#54f8bd
```
#54f8bd rgb(84,248,189)
```
#f854e1
```
#f854e1 rgb(248,84,225)
```

Split Complementary Color

#f8bd54
```
#f8bd54 rgb(248,189,84)
```
#54f8bd
```
#54f8bd rgb(84,248,189)
```
#bd54f8
```
#bd54f8 rgb(189,84,248)
```

Triadic Color

#8ff854
```
#8ff854 rgb(143,248,84)
```
#54f8bd
```
#54f8bd rgb(84,248,189)
```
#bd54f8
```
#bd54f8 rgb(189,84,248)
```
#f8548f
```
#f8548f rgb(248,84,143)
```

Tetradic Color

#0bf5a1
```
#0bf5a1 rgb(11,245,161)
```
#23f6aa
```
#23f6aa rgb(35,246,170)
```
#3cf7b4
```
#3cf7b4 rgb(60,247,180)
```
#54f8bd
```
#54f8bd rgb(84,248,189)
```
#6cf9c6
```
#6cf9c6 rgb(108,249,198)
```
#85fad0
```
#85fad0 rgb(133,250,208)
```
#9dfbd9
```
#9dfbd9 rgb(157,251,217)
```

Monochromatic Color

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

#54f894
```
#54f894 rgb(84,248,148)
```
#54f8a2
```
#54f8a2 rgb(84,248,162)
```
#54f8af
```
#54f8af rgb(84,248,175)
```
#54f8bd
```
#54f8bd rgb(84,248,189)
```
#54f8cb
```
#54f8cb rgb(84,248,203)
```
#54f8d8
```
#54f8d8 rgb(84,248,216)
```
#54f8e6
```
#54f8e6 rgb(84,248,230)
```

Similar Colors

Text with hexadecimal color #54f8bd

This text has a font color of #54f8bd.

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

#54f8bd background color

This paragraph has a background color of #54f8bd.

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

#54f8bd border color

This element has a border color of #54f8bd.

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

CSS codes

.text {color:#54f8bd;}

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

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

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

#01110b
```
#01110b rgb(1,17,11)
```
#012418
```
#012418 rgb(1,36,24)
```
#023724
```
#023724 rgb(2,55,36)
```
#034a30
```
#034a30 rgb(3,74,48)
```
#045d3d
```
#045d3d rgb(4,93,61)
```
#057049
```
#057049 rgb(5,112,73)
```
#058355
```
#058355 rgb(5,131,85)
```
#069562
```
#069562 rgb(6,149,98)
```
#07a86e
```
#07a86e rgb(7,168,110)
```
#08bb7b
```
#08bb7b rgb(8,187,123)
```
#08ce87
```
#08ce87 rgb(8,206,135)
```
#09e193
```
#09e193 rgb(9,225,147)
```
#0af4a0
```
#0af4a0 rgb(10,244,160)
```

Shade Color Variation

#1bf6a7
```
#1bf6a7 rgb(27,246,167)
```
#2ef6ae
```
#2ef6ae rgb(46,246,174)
```
#41f7b6
```
#41f7b6 rgb(65,247,182)
```
#54f8bd
```
#54f8bd rgb(84,248,189)
```
#67f9c4
```
#67f9c4 rgb(103,249,196)
```
#7afacc
```
#7afacc rgb(122,250,204)
```
#8dfad3
```
#8dfad3 rgb(141,250,211)
```
#9ffbda
```
#9ffbda rgb(159,251,218)
```
#b2fce1
```
#b2fce1 rgb(178,252,225)
```
#c5fde9
```
#c5fde9 rgb(197,253,233)
```
#d8fdf0
```
#d8fdf0 rgb(216,253,240)
```
#ebfef7
```
#ebfef7 rgb(235,254,247)
```
#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 #4dffbf is the most saturated one.

#9fada8
```
#9fada8 rgb(159,173,168)
```
#98b4aa
```
#98b4aa rgb(152,180,170)
```
#92baac
```
#92baac rgb(146,186,172)
```
#8bc1ae
```
#8bc1ae rgb(139,193,174)
```
#84c8b0
```
#84c8b0 rgb(132,200,176)
```
#7dcfb1
```
#7dcfb1 rgb(125,207,177)
```
#76d6b3
```
#76d6b3 rgb(118,214,179)
```
#6fddb5
```
#6fddb5 rgb(111,221,181)
```
#69e3b7
```
#69e3b7 rgb(105,227,183)
```
#62eab9
```
#62eab9 rgb(98,234,185)
```
#5bf1bb
```
#5bf1bb rgb(91,241,187)
```
#54f8bd
```
#54f8bd rgb(84,248,189)
```
#4dffbf
```
#4dffbf rgb(77,255,191)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#aacbbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecdeb4 Protanopia 1% of men
#fbd7cb Deuteranopia 1% of men
#86eeff Tritanopia 0.001% of the population

Trichromacy

#b5e7b7 Protanomaly 1% of men, 0.01% of women
#bee3c6 Deuteranomaly 6% of men, 0.4% of women
#73f1e7 Tritanomaly 0.01% of the population

#54f8bd hex color

#54f8bd Color Information

#54f8bd Color Conversion

Color Schemes with #54f8bd

Alternatives to #54f8bd

#54f8bd Preview

Shades and Tints of #54f8bd

Tones of #54f8bd

Color Blindness Simulator