#54cf9e hex color

In a RGB color space, hex #54cf9e is composed of 32.9% red, 81.2% green and 62% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 0% magenta, 23.7% yellow and 18.8% black. It has a hue angle of 156.1 degrees, a saturation of 56.2% and a lightness of 57.1%. #54cf9e color hex could be obtained by blending #a8ffff with #009f3d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 81
- B 62
RGB color chart
- C 59
- M 0
- Y 24
- K 19
CMYK color chart

● #54cf9e color description : Moderate cyan - lime green.

The hexadecimal color #54cf9e has RGB values of R:84, G:207, B:158 and CMYK values of C:0.59, M:0, Y:0.24, K:0.19. Its decimal value is 5558174.

Hex triplet	54cf9e	`#54cf9e`
RGB Decimal	84, 207, 158	`rgb(84,207,158)`
RGB Percent	32.9, 81.2, 62	`rgb(32.9%,81.2%,62%)`
CMYK	59, 0, 24, 19
HSL	156.1°, 56.2, 57.1	`hsl(156.1,56.2%,57.1%)`
HSV (or HSB)	156.1°, 59.4, 81.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	75.437, -45.788, 14.284
XYZ	32.138, 48.976, 40.106
xyY	0.265, 0.404, 48.976
CIE-LCH	75.437, 47.964, 162.674
CIE-LUV	75.437, -51.904, 27.998
Hunter-Lab	69.983, -40.498, 15.011
Binary	01010100, 11001111, 10011110

#54cf9e
```
#54cf9e rgb(84,207,158)
```
#cf5485
```
#cf5485 rgb(207,84,133)
```

Complementary Color

#54cf60
```
#54cf60 rgb(84,207,96)
```
#54cf9e
```
#54cf9e rgb(84,207,158)
```
#54c3cf
```
#54c3cf rgb(84,195,207)
```

Analogous Color

#cf6054
```
#cf6054 rgb(207,96,84)
```
#54cf9e
```
#54cf9e rgb(84,207,158)
```
#cf54c3
```
#cf54c3 rgb(207,84,195)
```

Split Complementary Color

#cf9e54
```
#cf9e54 rgb(207,158,84)
```
#54cf9e
```
#54cf9e rgb(84,207,158)
```
#9e54cf
```
#9e54cf rgb(158,84,207)
```

Triadic Color

#85cf54
```
#85cf54 rgb(133,207,84)
```
#54cf9e
```
#54cf9e rgb(84,207,158)
```
#9e54cf
```
#9e54cf rgb(158,84,207)
```
#cf5485
```
#cf5485 rgb(207,84,133)
```

Tetradic Color

#2fa777
```
#2fa777 rgb(47,167,119)
```
#35bb86
```
#35bb86 rgb(53,187,134)
```
#40c993
```
#40c993 rgb(64,201,147)
```
#54cf9e
```
#54cf9e rgb(84,207,158)
```
#68d5a9
```
#68d5a9 rgb(104,213,169)
```
#7cdab5
```
#7cdab5 rgb(124,218,181)
```
#90e0c0
```
#90e0c0 rgb(144,224,192)
```

Monochromatic Color

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

#54cf7f
```
#54cf7f rgb(84,207,127)
```
#54cf8a
```
#54cf8a rgb(84,207,138)
```
#54cf94
```
#54cf94 rgb(84,207,148)
```
#54cf9e
```
#54cf9e rgb(84,207,158)
```
#54cfa8
```
#54cfa8 rgb(84,207,168)
```
#54cfb3
```
#54cfb3 rgb(84,207,179)
```
#54cfbd
```
#54cfbd rgb(84,207,189)
```

Similar Colors

Text with hexadecimal color #54cf9e

This text has a font color of #54cf9e.

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

#54cf9e background color

This paragraph has a background color of #54cf9e.

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

#54cf9e border color

This element has a border color of #54cf9e.

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

CSS codes

.text {color:#54cf9e;}

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

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

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, #040d09 is the darkest color, while #fcfefe is the lightest one.

#040d09
```
#040d09 rgb(4,13,9)
```
#081c14
```
#081c14 rgb(8,28,20)
```
#0c2b1f
```
#0c2b1f rgb(12,43,31)
```
#103b2a
```
#103b2a rgb(16,59,42)
```
#154a35
```
#154a35 rgb(21,74,53)
```
#195940
```
#195940 rgb(25,89,64)
```
#1d694b
```
#1d694b rgb(29,105,75)
```
#227856
```
#227856 rgb(34,120,86)
```
#268761
```
#268761 rgb(38,135,97)
```
#2a976b
```
#2a976b rgb(42,151,107)
```
#2fa676
```
#2fa676 rgb(47,166,118)
```
#33b581
```
#33b581 rgb(51,181,129)
```
#37c58c
```
#37c58c rgb(55,197,140)
```

Shade Color Variation

#45cb95
```
#45cb95 rgb(69,203,149)
```
#54cf9e
```
#54cf9e rgb(84,207,158)
```
#63d3a7
```
#63d3a7 rgb(99,211,167)
```
#73d8af
```
#73d8af rgb(115,216,175)
```
#82dcb8
```
#82dcb8 rgb(130,220,184)
```
#91e0c1
```
#91e0c1 rgb(145,224,193)
```
#a1e4c9
```
#a1e4c9 rgb(161,228,201)
```
#b0e9d2
```
#b0e9d2 rgb(176,233,210)
```
#bfeddb
```
#bfeddb rgb(191,237,219)
```
#cff1e4
```
#cff1e4 rgb(207,241,228)
```
#def6ec
```
#def6ec rgb(222,246,236)
```
#edfaf5
```
#edfaf5 rgb(237,250,245)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9492 is the less saturated color, while #2af9a7 is the most saturated one.

#8f9492
```
#8f9492 rgb(143,148,146)
```
#879c94
```
#879c94 rgb(135,156,148)
```
#7ea595
```
#7ea595 rgb(126,165,149)
```
#76ad97
```
#76ad97 rgb(118,173,151)
```
#6db699
```
#6db699 rgb(109,182,153)
```
#65be9b
```
#65be9b rgb(101,190,155)
```
#5cc79c
```
#5cc79c rgb(92,199,156)
```
#54cf9e
```
#54cf9e rgb(84,207,158)
```
#4cd7a0
```
#4cd7a0 rgb(76,215,160)
```
#43e0a1
```
#43e0a1 rgb(67,224,161)
```
#3be8a3
```
#3be8a3 rgb(59,232,163)
```
#32f1a5
```
#32f1a5 rgb(50,241,165)
```
#2af9a7
```
#2af9a7 rgb(42,249,167)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#95ada4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8bd99 Protanopia 1% of men
#d5b7ac Deuteranopia 1% of men
#72cad8 Tritanopia 0.001% of the population

Trichromacy

#9ec39b Protanomaly 1% of men, 0.01% of women
#a6bfa6 Deuteranomaly 6% of men, 0.4% of women
#67cbc3 Tritanomaly 0.01% of the population

#54cf9e hex color

#54cf9e Color Information

#54cf9e Color Conversion

Color Schemes with #54cf9e

Alternatives to #54cf9e

#54cf9e Preview

Shades and Tints of #54cf9e

Tones of #54cf9e

Color Blindness Simulator