#54bdaa hex color

In a RGB color space, hex #54bdaa is composed of 32.9% red, 74.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 10.1% yellow and 25.9% black. It has a hue angle of 169.1 degrees, a saturation of 44.3% and a lightness of 53.5%. #54bdaa color hex could be obtained by blending #a8ffff with #007b55. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 74
- B 67
RGB color chart
- C 56
- M 0
- Y 10
- K 26
CMYK color chart

● #54bdaa color description : Moderate cyan.

The hexadecimal color #54bdaa has RGB values of R:84, G:189, B:170 and CMYK values of C:0.56, M:0, Y:0.1, K:0.26. Its decimal value is 5553578.

Hex triplet	54bdaa	`#54bdaa`
RGB Decimal	84, 189, 170	`rgb(84,189,170)`
RGB Percent	32.9, 74.1, 66.7	`rgb(32.9%,74.1%,66.7%)`
CMYK	56, 0, 10, 26
HSL	169.1°, 44.3, 53.5	`hsl(169.1,44.3%,53.5%)`
HSV (or HSB)	169.1°, 55.6, 74.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.302, -34.97, 0.439
XYZ	29.107, 41.18, 44.443
xyY	0.254, 0.359, 41.18
CIE-LCH	70.302, 34.973, 179.281
CIE-LUV	70.302, -44.415, 6.156
Hunter-Lab	64.172, -31.336, 3.858
Binary	01010100, 10111101, 10101010

#54bdaa
```
#54bdaa rgb(84,189,170)
```
#bd5467
```
#bd5467 rgb(189,84,103)
```

Complementary Color

#54bd76
```
#54bd76 rgb(84,189,118)
```
#54bdaa
```
#54bdaa rgb(84,189,170)
```
#549cbd
```
#549cbd rgb(84,156,189)
```

Analogous Color

#bd7654
```
#bd7654 rgb(189,118,84)
```
#54bdaa
```
#54bdaa rgb(84,189,170)
```
#bd549c
```
#bd549c rgb(189,84,156)
```

Split Complementary Color

#bdaa54
```
#bdaa54 rgb(189,170,84)
```
#54bdaa
```
#54bdaa rgb(84,189,170)
```
#aa54bd
```
#aa54bd rgb(170,84,189)
```

Triadic Color

#67bd54
```
#67bd54 rgb(103,189,84)
```
#54bdaa
```
#54bdaa rgb(84,189,170)
```
#aa54bd
```
#aa54bd rgb(170,84,189)
```
#bd5467
```
#bd5467 rgb(189,84,103)
```

Tetradic Color

#378e7e
```
#378e7e rgb(55,142,126)
```
#3ea08e
```
#3ea08e rgb(62,160,142)
```
#45b39f
```
#45b39f rgb(69,179,159)
```
#54bdaa
```
#54bdaa rgb(84,189,170)
```
#66c4b3
```
#66c4b3 rgb(102,196,179)
```
#79cbbc
```
#79cbbc rgb(121,203,188)
```
#8bd2c5
```
#8bd2c5 rgb(139,210,197)
```

Monochromatic Color

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

#54bd90
```
#54bd90 rgb(84,189,144)
```
#54bd99
```
#54bd99 rgb(84,189,153)
```
#54bda1
```
#54bda1 rgb(84,189,161)
```
#54bdaa
```
#54bdaa rgb(84,189,170)
```
#54bdb3
```
#54bdb3 rgb(84,189,179)
```
#54bdbc
```
#54bdbc rgb(84,189,188)
```
#54b6bd
```
#54b6bd rgb(84,182,189)
```

Similar Colors

Text with hexadecimal color #54bdaa

This text has a font color of #54bdaa.

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

#54bdaa background color

This paragraph has a background color of #54bdaa.

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

#54bdaa border color

This element has a border color of #54bdaa.

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

CSS codes

.text {color:#54bdaa;}

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

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

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

#050d0c
```
#050d0c rgb(5,13,12)
```
#0a1b18
```
#0a1b18 rgb(10,27,24)
```
#102925
```
#102925 rgb(16,41,37)
```
#153731
```
#153731 rgb(21,55,49)
```
#1b463e
```
#1b463e rgb(27,70,62)
```
#20544a
```
#20544a rgb(32,84,74)
```
#266257
```
#266257 rgb(38,98,87)
```
#2b7064
```
#2b7064 rgb(43,112,100)
```
#317e70
```
#317e70 rgb(49,126,112)
```
#368c7d
```
#368c7d rgb(54,140,125)
```
#3c9b89
```
#3c9b89 rgb(60,155,137)
```
#41a996
```
#41a996 rgb(65,169,150)
```
#47b7a3
```
#47b7a3 rgb(71,183,163)
```

Shade Color Variation

#54bdaa
```
#54bdaa rgb(84,189,170)
```
#62c2b1
```
#62c2b1 rgb(98,194,177)
```
#70c8b8
```
#70c8b8 rgb(112,200,184)
```
#7ecdbf
```
#7ecdbf rgb(126,205,191)
```
#8dd3c6
```
#8dd3c6 rgb(141,211,198)
```
#9bd8cd
```
#9bd8cd rgb(155,216,205)
```
#a9ded4
```
#a9ded4 rgb(169,222,212)
```
#b7e3db
```
#b7e3db rgb(183,227,219)
```
#c5e9e2
```
#c5e9e2 rgb(197,233,226)
```
#d3eee9
```
#d3eee9 rgb(211,238,233)
```
#e2f4f0
```
#e2f4f0 rgb(226,244,240)
```
#f0f9f7
```
#f0f9f7 rgb(240,249,247)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828f8d is the less saturated color, while #14fdd3 is the most saturated one.

#828f8d
```
#828f8d rgb(130,143,141)
```
#789993
```
#789993 rgb(120,153,147)
```
#6fa299
```
#6fa299 rgb(111,162,153)
```
#66ab9e
```
#66ab9e rgb(102,171,158)
```
#5db4a4
```
#5db4a4 rgb(93,180,164)
```
#54bdaa
```
#54bdaa rgb(84,189,170)
```
#4bc6b0
```
#4bc6b0 rgb(75,198,176)
```
#42cfb6
```
#42cfb6 rgb(66,207,182)
```
#39d8bb
```
#39d8bb rgb(57,216,187)
```
#30e1c1
```
#30e1c1 rgb(48,225,193)
```
#26ebc7
```
#26ebc7 rgb(38,235,199)
```
#1df4cd
```
#1df4cd rgb(29,244,205)
```
#14fdd3
```
#14fdd3 rgb(20,253,211)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8da29e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5afa5 Protanopia 1% of men
#bdabb5 Deuteranopia 1% of men
#68bcca Tritanopia 0.001% of the population

Trichromacy

#92b4a7 Protanomaly 1% of men, 0.01% of women
#97b1b1 Deuteranomaly 6% of men, 0.4% of women
#61bcbe Tritanomaly 0.01% of the population

#54bdaa hex color

#54bdaa Color Information

#54bdaa Color Conversion

Color Schemes with #54bdaa

Alternatives to #54bdaa

#54bdaa Preview

Shades and Tints of #54bdaa

Tones of #54bdaa

Color Blindness Simulator