#54b38f hex color

In a RGB color space, hex #54b38f is composed of 32.9% red, 70.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 0% magenta, 20.1% yellow and 29.8% black. It has a hue angle of 157.3 degrees, a saturation of 38.5% and a lightness of 51.6%. #54b38f color hex could be obtained by blending #a8ffff with #00671f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 70
- B 56
RGB color chart
- C 53
- M 0
- Y 20
- K 30
CMYK color chart

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

The hexadecimal color #54b38f has RGB values of R:84, G:179, B:143 and CMYK values of C:0.53, M:0, Y:0.2, K:0.3. Its decimal value is 5550991.

Hex triplet	54b38f	`#54b38f`
RGB Decimal	84, 179, 143	`rgb(84,179,143)`
RGB Percent	32.9, 70.2, 56.1	`rgb(32.9%,70.2%,56.1%)`
CMYK	53, 0, 20, 30
HSL	157.3°, 38.5, 51.6	`hsl(157.3,38.5%,51.6%)`
HSV (or HSB)	157.3°, 53.1, 70.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	66.601, -36.827, 9.929
XYZ	24.732, 36.106, 31.651
xyY	0.267, 0.39, 36.106
CIE-LCH	66.601, 38.142, 164.911
CIE-LUV	66.601, -41.764, 19.974
Hunter-Lab	60.089, -31.684, 10.832
Binary	01010100, 10110011, 10001111

#54b38f
```
#54b38f rgb(84,179,143)
```
#b35478
```
#b35478 rgb(179,84,120)
```

Complementary Color

#54b360
```
#54b360 rgb(84,179,96)
```
#54b38f
```
#54b38f rgb(84,179,143)
```
#54a8b3
```
#54a8b3 rgb(84,168,179)
```

Analogous Color

#b36054
```
#b36054 rgb(179,96,84)
```
#54b38f
```
#54b38f rgb(84,179,143)
```
#b354a8
```
#b354a8 rgb(179,84,168)
```

Split Complementary Color

#b38f54
```
#b38f54 rgb(179,143,84)
```
#54b38f
```
#54b38f rgb(84,179,143)
```
#8f54b3
```
#8f54b3 rgb(143,84,179)
```

Triadic Color

#78b354
```
#78b354 rgb(120,179,84)
```
#54b38f
```
#54b38f rgb(84,179,143)
```
#8f54b3
```
#8f54b3 rgb(143,84,179)
```
#b35478
```
#b35478 rgb(179,84,120)
```

Tetradic Color

#398166
```
#398166 rgb(57,129,102)
```
#419374
```
#419374 rgb(65,147,116)
```
#49a482
```
#49a482 rgb(73,164,130)
```
#54b38f
```
#54b38f rgb(84,179,143)
```
#66bb9b
```
#66bb9b rgb(102,187,155)
```
#77c3a6
```
#77c3a6 rgb(119,195,166)
```
#89cbb2
```
#89cbb2 rgb(137,203,178)
```

Monochromatic Color

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

#54b377
```
#54b377 rgb(84,179,119)
```
#54b37f
```
#54b37f rgb(84,179,127)
```
#54b387
```
#54b387 rgb(84,179,135)
```
#54b38f
```
#54b38f rgb(84,179,143)
```
#54b397
```
#54b397 rgb(84,179,151)
```
#54b39f
```
#54b39f rgb(84,179,159)
```
#54b3a7
```
#54b3a7 rgb(84,179,167)
```

Similar Colors

Text with hexadecimal color #54b38f

This text has a font color of #54b38f.

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

#54b38f background color

This paragraph has a background color of #54b38f.

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

#54b38f border color

This element has a border color of #54b38f.

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

CSS codes

.text {color:#54b38f;}

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

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

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

#020604
```
#020604 rgb(2,6,4)
```
#08130f
```
#08130f rgb(8,19,15)
```
#0f211a
```
#0f211a rgb(15,33,26)
```
#152e25
```
#152e25 rgb(21,46,37)
```
#1b3c2f
```
#1b3c2f rgb(27,60,47)
```
#21493a
```
#21493a rgb(33,73,58)
```
#275745
```
#275745 rgb(39,87,69)
```
#2d654f
```
#2d654f rgb(45,101,79)
```
#33725a
```
#33725a rgb(51,114,90)
```
#398065
```
#398065 rgb(57,128,101)
```
#3f8d70
```
#3f8d70 rgb(63,141,112)
```
#459b7a
```
#459b7a rgb(69,155,122)
```
#4ba885
```
#4ba885 rgb(75,168,133)
```

Shade Color Variation

#54b38f
```
#54b38f rgb(84,179,143)
```
#62b998
```
#62b998 rgb(98,185,152)
```
#6fbfa1
```
#6fbfa1 rgb(111,191,161)
```
#7dc5aa
```
#7dc5aa rgb(125,197,170)
```
#8acbb3
```
#8acbb3 rgb(138,203,179)
```
#98d1bb
```
#98d1bb rgb(152,209,187)
```
#a5d7c4
```
#a5d7c4 rgb(165,215,196)
```
#b3ddcd
```
#b3ddcd rgb(179,221,205)
```
#c1e3d6
```
#c1e3d6 rgb(193,227,214)
```
#cee9df
```
#cee9df rgb(206,233,223)
```
#dcefe8
```
#dcefe8 rgb(220,239,232)
```
#e9f5f1
```
#e9f5f1 rgb(233,245,241)
```
#f7fbfa
```
#f7fbfa rgb(247,251,250)
```

Tint Color Variation

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

#7a8d86
```
#7a8d86 rgb(122,141,134)
```
#719788
```
#719788 rgb(113,151,136)
```
#67a08a
```
#67a08a rgb(103,160,138)
```
#5eaa8d
```
#5eaa8d rgb(94,170,141)
```
#54b38f
```
#54b38f rgb(84,179,143)
```
#4bbd91
```
#4bbd91 rgb(75,189,145)
```
#41c694
```
#41c694 rgb(65,198,148)
```
#38d096
```
#38d096 rgb(56,208,150)
```
#2ed998
```
#2ed998 rgb(46,217,152)
```
#25e39b
```
#25e39b rgb(37,227,155)
```
#1bec9d
```
#1bec9d rgb(27,236,157)
```
#12f69f
```
#12f69f rgb(18,246,159)
```
#08ffa1
```
#08ffa1 rgb(8,255,161)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#869991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa68d Protanopia 1% of men
#baa19c Deuteranopia 1% of men
#6bb1be Tritanopia 0.001% of the population

Trichromacy

#8eaa8d Protanomaly 1% of men, 0.01% of women
#95a797 Deuteranomaly 6% of men, 0.4% of women
#63b1ac Tritanomaly 0.01% of the population

#54b38f hex color

#54b38f Color Information

#54b38f Color Conversion

Color Schemes with #54b38f

Alternatives to #54b38f

#54b38f Preview

Shades and Tints of #54b38f

Tones of #54b38f

Color Blindness Simulator