#54b08f hex color

In a RGB color space, hex #54b08f is composed of 32.9% red, 69% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 0% magenta, 18.8% yellow and 31% black. It has a hue angle of 158.5 degrees, a saturation of 36.8% and a lightness of 51%. #54b08f color hex could be obtained by blending #a8ffff with #00611f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 69
- B 56
RGB color chart
- C 52
- M 0
- Y 19
- K 31
CMYK color chart

● #54b08f color description : Dark moderate cyan - lime green.

The hexadecimal color #54b08f has RGB values of R:84, G:176, B:143 and CMYK values of C:0.52, M:0, Y:0.19, K:0.31. Its decimal value is 5550223.

Hex triplet	54b08f	`#54b08f`
RGB Decimal	84, 176, 143	`rgb(84,176,143)`
RGB Percent	32.9, 69, 56.1	`rgb(32.9%,69%,56.1%)`
CMYK	52, 0, 19, 31
HSL	158.5°, 36.8, 51	`hsl(158.5,36.8%,51%)`
HSV (or HSB)	158.5°, 52.3, 69
Web Safe	669999	`#669999`

CIE-LAB	65.684, -35.453, 8.625
XYZ	24.138, 34.917, 31.453
xyY	0.267, 0.386, 34.917
CIE-LCH	65.684, 36.487, 166.327
CIE-LUV	65.684, -40.566, 17.9
Hunter-Lab	59.091, -30.494, 9.804
Binary	01010100, 10110000, 10001111

#54b08f
```
#54b08f rgb(84,176,143)
```
#b05475
```
#b05475 rgb(176,84,117)
```

Complementary Color

#54b061
```
#54b061 rgb(84,176,97)
```
#54b08f
```
#54b08f rgb(84,176,143)
```
#54a3b0
```
#54a3b0 rgb(84,163,176)
```

Analogous Color

#b06154
```
#b06154 rgb(176,97,84)
```
#54b08f
```
#54b08f rgb(84,176,143)
```
#b054a3
```
#b054a3 rgb(176,84,163)
```

Split Complementary Color

#b08f54
```
#b08f54 rgb(176,143,84)
```
#54b08f
```
#54b08f rgb(84,176,143)
```
#8f54b0
```
#8f54b0 rgb(143,84,176)
```

Triadic Color

#75b054
```
#75b054 rgb(117,176,84)
```
#54b08f
```
#54b08f rgb(84,176,143)
```
#8f54b0
```
#8f54b0 rgb(143,84,176)
```
#b05475
```
#b05475 rgb(176,84,117)
```

Tetradic Color

#3a7e65
```
#3a7e65 rgb(58,126,101)
```
#428f73
```
#428f73 rgb(66,143,115)
```
#4aa081
```
#4aa081 rgb(74,160,129)
```
#54b08f
```
#54b08f rgb(84,176,143)
```
#65b89a
```
#65b89a rgb(101,184,154)
```
#77c0a6
```
#77c0a6 rgb(119,192,166)
```
#88c8b1
```
#88c8b1 rgb(136,200,177)
```

Monochromatic Color

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

#54b078
```
#54b078 rgb(84,176,120)
```
#54b080
```
#54b080 rgb(84,176,128)
```
#54b087
```
#54b087 rgb(84,176,135)
```
#54b08f
```
#54b08f rgb(84,176,143)
```
#54b097
```
#54b097 rgb(84,176,151)
```
#54b09e
```
#54b09e rgb(84,176,158)
```
#54b0a6
```
#54b0a6 rgb(84,176,166)
```

Similar Colors

Text with hexadecimal color #54b08f

This text has a font color of #54b08f.

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

#54b08f background color

This paragraph has a background color of #54b08f.

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

#54b08f border color

This element has a border color of #54b08f.

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

CSS codes

.text {color:#54b08f;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#08110e
```
#08110e rgb(8,17,14)
```
#0e1e18
```
#0e1e18 rgb(14,30,24)
```
#142c23
```
#142c23 rgb(20,44,35)
```
#1a392e
```
#1a392e rgb(26,57,46)
```
#214739
```
#214739 rgb(33,71,57)
```
#275444
```
#275444 rgb(39,84,68)
```
#2d614f
```
#2d614f rgb(45,97,79)
```
#336f59
```
#336f59 rgb(51,111,89)
```
#397c64
```
#397c64 rgb(57,124,100)
```
#408a6f
```
#408a6f rgb(64,138,111)
```
#46977a
```
#46977a rgb(70,151,122)
```
#4ca485
```
#4ca485 rgb(76,164,133)
```

Shade Color Variation

#54b08f
```
#54b08f rgb(84,176,143)
```
#61b698
```
#61b698 rgb(97,182,152)
```
#6fbca1
```
#6fbca1 rgb(111,188,161)
```
#7cc3a9
```
#7cc3a9 rgb(124,195,169)
```
#8ac9b2
```
#8ac9b2 rgb(138,201,178)
```
#97cfbb
```
#97cfbb rgb(151,207,187)
```
#a5d5c4
```
#a5d5c4 rgb(165,213,196)
```
#b2dbcd
```
#b2dbcd rgb(178,219,205)
```
#bfe2d5
```
#bfe2d5 rgb(191,226,213)
```
#cde8de
```
#cde8de rgb(205,232,222)
```
#daeee7
```
#daeee7 rgb(218,238,231)
```
#e8f4f0
```
#e8f4f0 rgb(232,244,240)
```
#f5faf8
```
#f5faf8 rgb(245,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8a84 is the less saturated color, while #07fda5 is the most saturated one.

#7a8a84
```
#7a8a84 rgb(122,138,132)
```
#719387
```
#719387 rgb(113,147,135)
```
#679d8a
```
#679d8a rgb(103,157,138)
```
#5ea68c
```
#5ea68c rgb(94,166,140)
```
#54b08f
```
#54b08f rgb(84,176,143)
```
#4aba92
```
#4aba92 rgb(74,186,146)
```
#41c394
```
#41c394 rgb(65,195,148)
```
#37cd97
```
#37cd97 rgb(55,205,151)
```
#2ed69a
```
#2ed69a rgb(46,214,154)
```
#24e09d
```
#24e09d rgb(36,224,157)
```
#1aea9f
```
#1aea9f rgb(26,234,159)
```
#11f3a2
```
#11f3a2 rgb(17,243,162)
```
#07fda5
```
#07fda5 rgb(7,253,165)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#859791 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca48d Protanopia 1% of men
#b69f9b Deuteranopia 1% of men
#6aaebb Tritanopia 0.001% of the population

Trichromacy

#8ca88d Protanomaly 1% of men, 0.01% of women
#92a597 Deuteranomaly 6% of men, 0.4% of women
#62afab Tritanomaly 0.01% of the population

#54b08f hex color

#54b08f Color Information

#54b08f Color Conversion

Color Schemes with #54b08f

Alternatives to #54b08f

#54b08f Preview

Shades and Tints of #54b08f

Tones of #54b08f

Color Blindness Simulator