#54e196 hex color

In a RGB color space, hex #54e196 is composed of 32.9% red, 88.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 33.3% yellow and 11.8% black. It has a hue angle of 148.1 degrees, a saturation of 70.1% and a lightness of 60.6%. #54e196 color hex could be obtained by blending #a8ffff with #00c32d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 88
- B 59
RGB color chart
- C 63
- M 0
- Y 33
- K 12
CMYK color chart

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

The hexadecimal color #54e196 has RGB values of R:84, G:225, B:150 and CMYK values of C:0.63, M:0, Y:0.33, K:0.12. Its decimal value is 5562774.

Hex triplet	54e196	`#54e196`
RGB Decimal	84, 225, 150	`rgb(84,225,150)`
RGB Percent	32.9, 88.2, 58.8	`rgb(32.9%,88.2%,58.8%)`
CMYK	63, 0, 33, 12
HSL	148.1°, 70.1, 60.6	`hsl(148.1,70.1%,60.6%)`
HSV (or HSB)	148.1°, 62.7, 88.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	80.702, -54.775, 25.752
XYZ	36.084, 57.934, 38.133
xyY	0.273, 0.438, 57.934
CIE-LCH	80.702, 60.527, 154.82
CIE-LUV	80.702, -59.028, 45.218
Hunter-Lab	76.114, -48.578, 23.576
Binary	01010100, 11100001, 10010110

#54e196
```
#54e196 rgb(84,225,150)
```
#e1549f
```
#e1549f rgb(225,84,159)
```

Complementary Color

#58e154
```
#58e154 rgb(88,225,84)
```
#54e196
```
#54e196 rgb(84,225,150)
```
#54e1dd
```
#54e1dd rgb(84,225,221)
```

Analogous Color

#e15458
```
#e15458 rgb(225,84,88)
```
#54e196
```
#54e196 rgb(84,225,150)
```
#dd54e1
```
#dd54e1 rgb(221,84,225)
```

Split Complementary Color

#e19654
```
#e19654 rgb(225,150,84)
```
#54e196
```
#54e196 rgb(84,225,150)
```
#9654e1
```
#9654e1 rgb(150,84,225)
```

Triadic Color

#9fe154
```
#9fe154 rgb(159,225,84)
```
#54e196
```
#54e196 rgb(84,225,150)
```
#9654e1
```
#9654e1 rgb(150,84,225)
```
#e1549f
```
#e1549f rgb(225,84,159)
```

Tetradic Color

#23c66f
```
#23c66f rgb(35,198,111)
```
#29d97b
```
#29d97b rgb(41,217,123)
```
#3edd89
```
#3edd89 rgb(62,221,137)
```
#54e196
```
#54e196 rgb(84,225,150)
```
#6ae5a3
```
#6ae5a3 rgb(106,229,163)
```
#7fe9b1
```
#7fe9b1 rgb(127,233,177)
```
#95ecbe
```
#95ecbe rgb(149,236,190)
```

Monochromatic Color

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

#54e173
```
#54e173 rgb(84,225,115)
```
#54e17f
```
#54e17f rgb(84,225,127)
```
#54e18a
```
#54e18a rgb(84,225,138)
```
#54e196
```
#54e196 rgb(84,225,150)
```
#54e1a2
```
#54e1a2 rgb(84,225,162)
```
#54e1ae
```
#54e1ae rgb(84,225,174)
```
#54e1b9
```
#54e1b9 rgb(84,225,185)
```

Similar Colors

Text with hexadecimal color #54e196

This text has a font color of #54e196.

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

#54e196 background color

This paragraph has a background color of #54e196.

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

#54e196 border color

This element has a border color of #54e196.

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

CSS codes

.text {color:#54e196;}

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

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

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, #020d07 is the darkest color, while #fbfefc is the lightest one.

#020d07
```
#020d07 rgb(2,13,7)
```
#051d10
```
#051d10 rgb(5,29,16)
```
#082e1a
```
#082e1a rgb(8,46,26)
```
#0b3f23
```
#0b3f23 rgb(11,63,35)
```
#0e4f2d
```
#0e4f2d rgb(14,79,45)
```
#116036
```
#116036 rgb(17,96,54)
```
#14713f
```
#14713f rgb(20,113,63)
```
#178149
```
#178149 rgb(23,129,73)
```
#1a9252
```
#1a9252 rgb(26,146,82)
```
#1da35b
```
#1da35b rgb(29,163,91)
```
#1fb365
```
#1fb365 rgb(31,179,101)
```
#22c46e
```
#22c46e rgb(34,196,110)
```
#25d577
```
#25d577 rgb(37,213,119)
```

Shade Color Variation

#33db82
```
#33db82 rgb(51,219,130)
```
#43de8c
```
#43de8c rgb(67,222,140)
```
#54e196
```
#54e196 rgb(84,225,150)
```
#65e4a0
```
#65e4a0 rgb(101,228,160)
```
#75e7aa
```
#75e7aa rgb(117,231,170)
```
#86eab5
```
#86eab5 rgb(134,234,181)
```
#97edbf
```
#97edbf rgb(151,237,191)
```
#a7f0c9
```
#a7f0c9 rgb(167,240,201)
```
#b8f3d3
```
#b8f3d3 rgb(184,243,211)
```
#c9f5de
```
#c9f5de rgb(201,245,222)
```
#daf8e8
```
#daf8e8 rgb(218,248,232)
```
#eafbf2
```
#eafbf2 rgb(234,251,242)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#9a9b9a
```
#9a9b9a rgb(154,155,154)
```
#92a39a
```
#92a39a rgb(146,163,154)
```
#8aab99
```
#8aab99 rgb(138,171,153)
```
#82b399
```
#82b399 rgb(130,179,153)
```
#7bba98
```
#7bba98 rgb(123,186,152)
```
#73c298
```
#73c298 rgb(115,194,152)
```
#6bca97
```
#6bca97 rgb(107,202,151)
```
#63d297
```
#63d297 rgb(99,210,151)
```
#5cd996
```
#5cd996 rgb(92,217,150)
```
#54e196
```
#54e196 rgb(84,225,150)
```
#4ce996
```
#4ce996 rgb(76,233,150)
```
#45f095
```
#45f095 rgb(69,240,149)
```
#3df895
```
#3df895 rgb(61,248,149)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9cb8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#daca91 Protanopia 1% of men
#eac3a6 Deuteranopia 1% of men
#7bd8e8 Tritanopia 0.001% of the population

Trichromacy

#a9d293 Protanomaly 1% of men, 0.01% of women
#b4cea0 Deuteranomaly 6% of men, 0.4% of women
#6ddbca Tritanomaly 0.01% of the population

#54e196 hex color

#54e196 Color Information

#54e196 Color Conversion

Color Schemes with #54e196

Alternatives to #54e196

#54e196 Preview

Shades and Tints of #54e196

Tones of #54e196

Color Blindness Simulator