#54cf9f hex color

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

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

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

The hexadecimal color #54cf9f has RGB values of R:84, G:207, B:159 and CMYK values of C:0.59, M:0, Y:0.23, K:0.19. Its decimal value is 5558175.

Hex triplet	54cf9f	`#54cf9f`
RGB Decimal	84, 207, 159	`rgb(84,207,159)`
RGB Percent	32.9, 81.2, 62.4	`rgb(32.9%,81.2%,62.4%)`
CMYK	59, 0, 23, 19
HSL	156.6°, 56.2, 57.1	`hsl(156.6,56.2%,57.1%)`
HSV (or HSB)	156.6°, 59.4, 81.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	75.458, -45.569, 13.781
XYZ	32.225, 49.011, 40.561
xyY	0.265, 0.402, 49.011
CIE-LCH	75.458, 47.607, 163.174
CIE-LUV	75.458, -51.852, 27.268
Hunter-Lab	70.008, -40.35, 14.654
Binary	01010100, 11001111, 10011111

#54cf9f
```
#54cf9f rgb(84,207,159)
```
#cf5484
```
#cf5484 rgb(207,84,132)
```

Complementary Color

#54cf61
```
#54cf61 rgb(84,207,97)
```
#54cf9f
```
#54cf9f rgb(84,207,159)
```
#54c2cf
```
#54c2cf rgb(84,194,207)
```

Analogous Color

#cf6154
```
#cf6154 rgb(207,97,84)
```
#54cf9f
```
#54cf9f rgb(84,207,159)
```
#cf54c2
```
#cf54c2 rgb(207,84,194)
```

Split Complementary Color

#cf9f54
```
#cf9f54 rgb(207,159,84)
```
#54cf9f
```
#54cf9f rgb(84,207,159)
```
#9f54cf
```
#9f54cf rgb(159,84,207)
```

Triadic Color

#84cf54
```
#84cf54 rgb(132,207,84)
```
#54cf9f
```
#54cf9f rgb(84,207,159)
```
#9f54cf
```
#9f54cf rgb(159,84,207)
```
#cf5484
```
#cf5484 rgb(207,84,132)
```

Tetradic Color

#2fa778
```
#2fa778 rgb(47,167,120)
```
#35bb87
```
#35bb87 rgb(53,187,135)
```
#40c994
```
#40c994 rgb(64,201,148)
```
#54cf9f
```
#54cf9f rgb(84,207,159)
```
#68d5aa
```
#68d5aa rgb(104,213,170)
```
#7cdab5
```
#7cdab5 rgb(124,218,181)
```
#90e0c1
```
#90e0c1 rgb(144,224,193)
```

Monochromatic Color

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

#54cf80
```
#54cf80 rgb(84,207,128)
```
#54cf8b
```
#54cf8b rgb(84,207,139)
```
#54cf95
```
#54cf95 rgb(84,207,149)
```
#54cf9f
```
#54cf9f rgb(84,207,159)
```
#54cfa9
```
#54cfa9 rgb(84,207,169)
```
#54cfb4
```
#54cfb4 rgb(84,207,180)
```
#54cfbe
```
#54cfbe rgb(84,207,190)
```

Similar Colors

Text with hexadecimal color #54cf9f

This text has a font color of #54cf9f.

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

#54cf9f background color

This paragraph has a background color of #54cf9f.

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

#54cf9f border color

This element has a border color of #54cf9f.

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

CSS codes

.text {color:#54cf9f;}

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

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

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)
```
#2a976c
```
#2a976c rgb(42,151,108)
```
#2fa677
```
#2fa677 rgb(47,166,119)
```
#33b582
```
#33b582 rgb(51,181,130)
```
#37c58d
```
#37c58d rgb(55,197,141)
```

Shade Color Variation

#45cb96
```
#45cb96 rgb(69,203,150)
```
#54cf9f
```
#54cf9f rgb(84,207,159)
```
#63d3a8
```
#63d3a8 rgb(99,211,168)
```
#73d8b0
```
#73d8b0 rgb(115,216,176)
```
#82dcb9
```
#82dcb9 rgb(130,220,185)
```
#91e0c1
```
#91e0c1 rgb(145,224,193)
```
#a1e4ca
```
#a1e4ca rgb(161,228,202)
```
#b0e9d3
```
#b0e9d3 rgb(176,233,211)
```
#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 #2af9a8 is the most saturated one.

#8f9492
```
#8f9492 rgb(143,148,146)
```
#879c94
```
#879c94 rgb(135,156,148)
```
#7ea596
```
#7ea596 rgb(126,165,150)
```
#76ad98
```
#76ad98 rgb(118,173,152)
```
#6db699
```
#6db699 rgb(109,182,153)
```
#65be9b
```
#65be9b rgb(101,190,155)
```
#5cc79d
```
#5cc79d rgb(92,199,157)
```
#54cf9f
```
#54cf9f rgb(84,207,159)
```
#4cd7a1
```
#4cd7a1 rgb(76,215,161)
```
#43e0a3
```
#43e0a3 rgb(67,224,163)
```
#3be8a5
```
#3be8a5 rgb(59,232,165)
```
#32f1a6
```
#32f1a6 rgb(50,241,166)
```
#2af9a8
```
#2af9a8 rgb(42,249,168)
```

Tone Color Variation

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

#c8bd9a Protanopia 1% of men
#d5b7ad Deuteranopia 1% of men
#72cad8 Tritanopia 0.001% of the population

Trichromacy

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

#54cf9f hex color

#54cf9f Color Information

#54cf9f Color Conversion

Color Schemes with #54cf9f

Alternatives to #54cf9f

#54cf9f Preview

Shades and Tints of #54cf9f

Tones of #54cf9f

Color Blindness Simulator