#54eaaf hex color

In a RGB color space, hex #54eaaf is composed of 32.9% red, 91.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 25.2% yellow and 8.2% black. It has a hue angle of 156.4 degrees, a saturation of 78.1% and a lightness of 62.4%. #54eaaf color hex could be obtained by blending #a8ffff with #00d55f. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 33
- G 92
- B 69
RGB color chart
- C 64
- M 0
- Y 25
- K 8
CMYK color chart

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

The hexadecimal color #54eaaf has RGB values of R:84, G:234, B:175 and CMYK values of C:0.64, M:0, Y:0.25, K:0.08. Its decimal value is 5565103.

Hex triplet	54eaaf	`#54eaaf`
RGB Decimal	84, 234, 175	`rgb(84,234,175)`
RGB Percent	32.9, 91.8, 68.6	`rgb(32.9%,91.8%,68.6%)`
CMYK	64, 0, 25, 8
HSL	156.4°, 78.1, 62.4	`hsl(156.4,78.1%,62.4%)`
HSV (or HSB)	156.4°, 64.1, 91.8
Web Safe	66ff99	`#66ff99`

CIE-LAB	83.873, -53.269, 17.154
XYZ	40.814, 63.822, 50.723
xyY	0.263, 0.411, 63.822
CIE-LCH	83.873, 55.963, 162.15
CIE-LUV	83.873, -60.97, 33.806
Hunter-Lab	79.889, -48.613, 18.278
Binary	01010100, 11101010, 10101111

#54eaaf
```
#54eaaf rgb(84,234,175)
```
#ea548f
```
#ea548f rgb(234,84,143)
```

Complementary Color

#54ea64
```
#54ea64 rgb(84,234,100)
```
#54eaaf
```
#54eaaf rgb(84,234,175)
```
#54daea
```
#54daea rgb(84,218,234)
```

Analogous Color

#ea6454
```
#ea6454 rgb(234,100,84)
```
#54eaaf
```
#54eaaf rgb(84,234,175)
```
#ea54da
```
#ea54da rgb(234,84,218)
```

Split Complementary Color

#eaaf54
```
#eaaf54 rgb(234,175,84)
```
#54eaaf
```
#54eaaf rgb(84,234,175)
```
#af54ea
```
#af54ea rgb(175,84,234)
```

Triadic Color

#8fea54
```
#8fea54 rgb(143,234,84)
```
#54eaaf
```
#54eaaf rgb(84,234,175)
```
#af54ea
```
#af54ea rgb(175,84,234)
```
#ea548f
```
#ea548f rgb(234,84,143)
```

Tetradic Color

#1ad78d
```
#1ad78d rgb(26,215,141)
```
#27e49a
```
#27e49a rgb(39,228,154)
```
#3de7a4
```
#3de7a4 rgb(61,231,164)
```
#54eaaf
```
#54eaaf rgb(84,234,175)
```
#6bedba
```
#6bedba rgb(107,237,186)
```
#81f0c4
```
#81f0c4 rgb(129,240,196)
```
#98f2cf
```
#98f2cf rgb(152,242,207)
```

Monochromatic Color

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

#54ea8a
```
#54ea8a rgb(84,234,138)
```
#54ea96
```
#54ea96 rgb(84,234,150)
```
#54eaa3
```
#54eaa3 rgb(84,234,163)
```
#54eaaf
```
#54eaaf rgb(84,234,175)
```
#54eabc
```
#54eabc rgb(84,234,188)
```
#54eac8
```
#54eac8 rgb(84,234,200)
```
#54ead5
```
#54ead5 rgb(84,234,213)
```

Similar Colors

Text with hexadecimal color #54eaaf

This text has a font color of #54eaaf.

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

#54eaaf background color

This paragraph has a background color of #54eaaf.

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

#54eaaf border color

This element has a border color of #54eaaf.

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

CSS codes

.text {color:#54eaaf;}

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

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

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, #000402 is the darkest color, while #f1fdf9 is the lightest one.

#000402
```
#000402 rgb(0,4,2)
```
#03150e
```
#03150e rgb(3,21,14)
```
#052719
```
#052719 rgb(5,39,25)
```
#073825
```
#073825 rgb(7,56,37)
```
#094a30
```
#094a30 rgb(9,74,48)
```
#0b5b3c
```
#0b5b3c rgb(11,91,60)
```
#0d6d47
```
#0d6d47 rgb(13,109,71)
```
#0f7e53
```
#0f7e53 rgb(15,126,83)
```
#128f5e
```
#128f5e rgb(18,143,94)
```
#14a169
```
#14a169 rgb(20,161,105)
```
#16b275
```
#16b275 rgb(22,178,117)
```
#18c480
```
#18c480 rgb(24,196,128)
```
#1ad58c
```
#1ad58c rgb(26,213,140)
```

Shade Color Variation

#20e496
```
#20e496 rgb(32,228,150)
```
#31e69f
```
#31e69f rgb(49,230,159)
```
#43e8a7
```
#43e8a7 rgb(67,232,167)
```
#54eaaf
```
#54eaaf rgb(84,234,175)
```
#65ecb7
```
#65ecb7 rgb(101,236,183)
```
#77eebf
```
#77eebf rgb(119,238,191)
```
#88f0c8
```
#88f0c8 rgb(136,240,200)
```
#9af3d0
```
#9af3d0 rgb(154,243,208)
```
#abf5d8
```
#abf5d8 rgb(171,245,216)
```
#bdf7e0
```
#bdf7e0 rgb(189,247,224)
```
#cef9e8
```
#cef9e8 rgb(206,249,232)
```
#e0fbf0
```
#e0fbf0 rgb(224,251,240)
```
#f1fdf9
```
#f1fdf9 rgb(241,253,249)
```

Tint Color Variation

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

#9ea09f
```
#9ea09f rgb(158,160,159)
```
#96a8a1
```
#96a8a1 rgb(150,168,161)
```
#8fafa2
```
#8fafa2 rgb(143,175,162)
```
#88b6a4
```
#88b6a4 rgb(136,182,164)
```
#80bea6
```
#80bea6 rgb(128,190,166)
```
#79c5a7
```
#79c5a7 rgb(121,197,167)
```
#72cca9
```
#72cca9 rgb(114,204,169)
```
#6ad4aa
```
#6ad4aa rgb(106,212,170)
```
#63dbac
```
#63dbac rgb(99,219,172)
```
#5be3ad
```
#5be3ad rgb(91,227,173)
```
#54eaaf
```
#54eaaf rgb(84,234,175)
```
#4df1b1
```
#4df1b1 rgb(77,241,177)
```
#45f9b2
```
#45f9b2 rgb(69,249,178)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a2c0b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0d3a8 Protanopia 1% of men
#efccbd Deuteranopia 1% of men
#79e2f2 Tritanopia 0.001% of the population

Trichromacy

#addbaa Protanomaly 1% of men, 0.01% of women
#b6d7b8 Deuteranomaly 6% of men, 0.4% of women
#6ce5da Tritanomaly 0.01% of the population

#54eaaf hex color

#54eaaf Color Information

#54eaaf Color Conversion

Color Schemes with #54eaaf

Alternatives to #54eaaf

#54eaaf Preview

Shades and Tints of #54eaaf

Tones of #54eaaf

Color Blindness Simulator