#54cfbf hex color

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

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

● #54cfbf color description : Moderate cyan.

The hexadecimal color #54cfbf has RGB values of R:84, G:207, B:191 and CMYK values of C:0.59, M:0, Y:0.08, K:0.19. Its decimal value is 5558207.

Hex triplet	54cfbf	`#54cfbf`
RGB Decimal	84, 207, 191	`rgb(84,207,191)`
RGB Percent	32.9, 81.2, 74.9	`rgb(32.9%,81.2%,74.9%)`
CMYK	59, 0, 8, 19
HSL	172.2°, 56.2, 57.1	`hsl(172.2,56.2%,57.1%)`
HSV (or HSB)	172.2°, 59.4, 81.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.234, -37.92, -2.283
XYZ	35.37, 50.269, 57.126
xyY	0.248, 0.352, 50.269
CIE-LCH	76.234, 37.989, 183.446
CIE-LUV	76.234, -50.133, 2.529
Hunter-Lab	70.901, -35.029, 1.859
Binary	01010100, 11001111, 10111111

#54cfbf
```
#54cfbf rgb(84,207,191)
```
#cf5464
```
#cf5464 rgb(207,84,100)
```

Complementary Color

#54cf82
```
#54cf82 rgb(84,207,130)
```
#54cfbf
```
#54cfbf rgb(84,207,191)
```
#54a2cf
```
#54a2cf rgb(84,162,207)
```

Analogous Color

#cf8254
```
#cf8254 rgb(207,130,84)
```
#54cfbf
```
#54cfbf rgb(84,207,191)
```
#cf54a2
```
#cf54a2 rgb(207,84,162)
```

Split Complementary Color

#cfbf54
```
#cfbf54 rgb(207,191,84)
```
#54cfbf
```
#54cfbf rgb(84,207,191)
```
#bf54cf
```
#bf54cf rgb(191,84,207)
```

Triadic Color

#64cf54
```
#64cf54 rgb(100,207,84)
```
#54cfbf
```
#54cfbf rgb(84,207,191)
```
#bf54cf
```
#bf54cf rgb(191,84,207)
```
#cf5464
```
#cf5464 rgb(207,84,100)
```

Tetradic Color

#2fa798
```
#2fa798 rgb(47,167,152)
```
#35bbaa
```
#35bbaa rgb(53,187,170)
```
#40c9b8
```
#40c9b8 rgb(64,201,184)
```
#54cfbf
```
#54cfbf rgb(84,207,191)
```
#68d5c6
```
#68d5c6 rgb(104,213,198)
```
#7cdace
```
#7cdace rgb(124,218,206)
```
#90e0d5
```
#90e0d5 rgb(144,224,213)
```

Monochromatic Color

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

#54cfa0
```
#54cfa0 rgb(84,207,160)
```
#54cfab
```
#54cfab rgb(84,207,171)
```
#54cfb5
```
#54cfb5 rgb(84,207,181)
```
#54cfbf
```
#54cfbf rgb(84,207,191)
```
#54cfc9
```
#54cfc9 rgb(84,207,201)
```
#54cbcf
```
#54cbcf rgb(84,203,207)
```
#54c0cf
```
#54c0cf rgb(84,192,207)
```

Similar Colors

Text with hexadecimal color #54cfbf

This text has a font color of #54cfbf.

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

#54cfbf background color

This paragraph has a background color of #54cfbf.

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

#54cfbf border color

This element has a border color of #54cfbf.

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

CSS codes

.text {color:#54cfbf;}

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

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

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

#040d0c
```
#040d0c rgb(4,13,12)
```
#081c19
```
#081c19 rgb(8,28,25)
```
#0c2b27
```
#0c2b27 rgb(12,43,39)
```
#103b35
```
#103b35 rgb(16,59,53)
```
#154a43
```
#154a43 rgb(21,74,67)
```
#195951
```
#195951 rgb(25,89,81)
```
#1d695f
```
#1d695f rgb(29,105,95)
```
#22786d
```
#22786d rgb(34,120,109)
```
#26877b
```
#26877b rgb(38,135,123)
```
#2a9789
```
#2a9789 rgb(42,151,137)
```
#2fa696
```
#2fa696 rgb(47,166,150)
```
#33b5a4
```
#33b5a4 rgb(51,181,164)
```
#37c5b2
```
#37c5b2 rgb(55,197,178)
```

Shade Color Variation

#45cbb9
```
#45cbb9 rgb(69,203,185)
```
#54cfbf
```
#54cfbf rgb(84,207,191)
```
#63d3c5
```
#63d3c5 rgb(99,211,197)
```
#73d8ca
```
#73d8ca rgb(115,216,202)
```
#82dcd0
```
#82dcd0 rgb(130,220,208)
```
#91e0d6
```
#91e0d6 rgb(145,224,214)
```
#a1e4dc
```
#a1e4dc rgb(161,228,220)
```
#b0e9e1
```
#b0e9e1 rgb(176,233,225)
```
#bfede7
```
#bfede7 rgb(191,237,231)
```
#cff1ed
```
#cff1ed rgb(207,241,237)
```
#def6f3
```
#def6f3 rgb(222,246,243)
```
#edfaf8
```
#edfaf8 rgb(237,250,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#8f9493
```
#8f9493 rgb(143,148,147)
```
#879c9a
```
#879c9a rgb(135,156,154)
```
#7ea5a0
```
#7ea5a0 rgb(126,165,160)
```
#76ada6
```
#76ada6 rgb(118,173,166)
```
#6db6ac
```
#6db6ac rgb(109,182,172)
```
#65beb3
```
#65beb3 rgb(101,190,179)
```
#5cc7b9
```
#5cc7b9 rgb(92,199,185)
```
#54cfbf
```
#54cfbf rgb(84,207,191)
```
#4cd7c5
```
#4cd7c5 rgb(76,215,197)
```
#43e0cb
```
#43e0cb rgb(67,224,203)
```
#3be8d2
```
#3be8d2 rgb(59,232,210)
```
#32f1d8
```
#32f1d8 rgb(50,241,216)
```
#2af9de
```
#2af9de rgb(42,249,222)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#97b0ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4beb8 Protanopia 1% of men
#cbbaca Deuteranopia 1% of men
#69cddc Tritanopia 0.001% of the population

Trichromacy

#9bc4ba Protanomaly 1% of men, 0.01% of women
#a0c1c6 Deuteranomaly 6% of men, 0.4% of women
#61ced1 Tritanomaly 0.01% of the population

#54cfbf hex color

#54cfbf Color Information

#54cfbf Color Conversion

Color Schemes with #54cfbf

Alternatives to #54cfbf

#54cfbf Preview

Shades and Tints of #54cfbf

Tones of #54cfbf

Color Blindness Simulator