#54b2a4 hex color

In a RGB color space, hex #54b2a4 is composed of 32.9% red, 69.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 0% magenta, 7.9% yellow and 30.2% black. It has a hue angle of 171.1 degrees, a saturation of 37.9% and a lightness of 51.4%. #54b2a4 color hex could be obtained by blending #a8ffff with #006549. Closest websafe color is: #669999.

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

● #54b2a4 color description : Dark moderate cyan.

The hexadecimal color #54b2a4 has RGB values of R:84, G:178, B:164 and CMYK values of C:0.53, M:0, Y:0.08, K:0.3. Its decimal value is 5550756.

Hex triplet	54b2a4	`#54b2a4`
RGB Decimal	84, 178, 164	`rgb(84,178,164)`
RGB Percent	32.9, 69.8, 64.3	`rgb(32.9%,69.8%,64.3%)`
CMYK	53, 0, 8, 30
HSL	171.1°, 37.9, 51.4	`hsl(171.1,37.9%,51.4%)`
HSV (or HSB)	171.1°, 52.8, 69.8
Web Safe	669999	`#669999`

CIE-LAB	66.827, -31.298, -1.337
XYZ	26.275, 36.404, 40.762
xyY	0.254, 0.352, 36.404
CIE-LCH	66.827, 31.327, 182.447
CIE-LUV	66.827, -40.425, 2.901
Hunter-Lab	60.336, -27.853, 2.18
Binary	01010100, 10110010, 10100100

#54b2a4
```
#54b2a4 rgb(84,178,164)
```
#b25462
```
#b25462 rgb(178,84,98)
```

Complementary Color

#54b275
```
#54b275 rgb(84,178,117)
```
#54b2a4
```
#54b2a4 rgb(84,178,164)
```
#5491b2
```
#5491b2 rgb(84,145,178)
```

Analogous Color

#b27554
```
#b27554 rgb(178,117,84)
```
#54b2a4
```
#54b2a4 rgb(84,178,164)
```
#b25491
```
#b25491 rgb(178,84,145)
```

Split Complementary Color

#b2a454
```
#b2a454 rgb(178,164,84)
```
#54b2a4
```
#54b2a4 rgb(84,178,164)
```
#a454b2
```
#a454b2 rgb(164,84,178)
```

Triadic Color

#62b254
```
#62b254 rgb(98,178,84)
```
#54b2a4
```
#54b2a4 rgb(84,178,164)
```
#a454b2
```
#a454b2 rgb(164,84,178)
```
#b25462
```
#b25462 rgb(178,84,98)
```

Tetradic Color

#3a8075
```
#3a8075 rgb(58,128,117)
```
#429186
```
#429186 rgb(66,145,134)
```
#49a396
```
#49a396 rgb(73,163,150)
```
#54b2a4
```
#54b2a4 rgb(84,178,164)
```
#66baad
```
#66baad rgb(102,186,173)
```
#77c2b7
```
#77c2b7 rgb(119,194,183)
```
#89cac0
```
#89cac0 rgb(137,202,192)
```

Monochromatic Color

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

#54b28d
```
#54b28d rgb(84,178,141)
```
#54b294
```
#54b294 rgb(84,178,148)
```
#54b29c
```
#54b29c rgb(84,178,156)
```
#54b2a4
```
#54b2a4 rgb(84,178,164)
```
#54b2ac
```
#54b2ac rgb(84,178,172)
```
#54b0b2
```
#54b0b2 rgb(84,176,178)
```
#54a9b2
```
#54a9b2 rgb(84,169,178)
```

Similar Colors

Text with hexadecimal color #54b2a4

This text has a font color of #54b2a4.

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

#54b2a4 background color

This paragraph has a background color of #54b2a4.

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

#54b2a4 border color

This element has a border color of #54b2a4.

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

CSS codes

.text {color:#54b2a4;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#081211
```
#081211 rgb(8,18,17)
```
#0e201d
```
#0e201d rgb(14,32,29)
```
#142d2a
```
#142d2a rgb(20,45,42)
```
#1b3b36
```
#1b3b36 rgb(27,59,54)
```
#214843
```
#214843 rgb(33,72,67)
```
#27564f
```
#27564f rgb(39,86,79)
```
#2d645b
```
#2d645b rgb(45,100,91)
```
#337168
```
#337168 rgb(51,113,104)
```
#397f74
```
#397f74 rgb(57,127,116)
```
#3f8c81
```
#3f8c81 rgb(63,140,129)
```
#459a8d
```
#459a8d rgb(69,154,141)
```
#4ba799
```
#4ba799 rgb(75,167,153)
```

Shade Color Variation

#54b2a4
```
#54b2a4 rgb(84,178,164)
```
#62b8ab
```
#62b8ab rgb(98,184,171)
```
#6fbeb2
```
#6fbeb2 rgb(111,190,178)
```
#7dc4ba
```
#7dc4ba rgb(125,196,186)
```
#8acac1
```
#8acac1 rgb(138,202,193)
```
#98d0c8
```
#98d0c8 rgb(152,208,200)
```
#a5d7cf
```
#a5d7cf rgb(165,215,207)
```
#b3ddd6
```
#b3ddd6 rgb(179,221,214)
```
#c0e3de
```
#c0e3de rgb(192,227,222)
```
#cee9e5
```
#cee9e5 rgb(206,233,229)
```
#dbefec
```
#dbefec rgb(219,239,236)
```
#e9f5f3
```
#e9f5f3 rgb(233,245,243)
```
#f6fbfa
```
#f6fbfa rgb(246,251,250)
```

Tint Color Variation

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

#7a8c89
```
#7a8c89 rgb(122,140,137)
```
#719590
```
#719590 rgb(113,149,144)
```
#679f97
```
#679f97 rgb(103,159,151)
```
#5ea89d
```
#5ea89d rgb(94,168,157)
```
#54b2a4
```
#54b2a4 rgb(84,178,164)
```
#4abcab
```
#4abcab rgb(74,188,171)
```
#41c5b1
```
#41c5b1 rgb(65,197,177)
```
#37cfb8
```
#37cfb8 rgb(55,207,184)
```
#2ed8bf
```
#2ed8bf rgb(46,216,191)
```
#24e2c5
```
#24e2c5 rgb(36,226,197)
```
#1bebcc
```
#1bebcc rgb(27,235,204)
```
#11f5d3
```
#11f5d3 rgb(17,245,211)
```
#08feda
```
#08feda rgb(8,254,218)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#879a97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba6a0 Protanopia 1% of men
#b3a2af Deuteranopia 1% of men
#66b2bf Tritanopia 0.001% of the population

Trichromacy

#8baaa1 Protanomaly 1% of men, 0.01% of women
#90a8ab Deuteranomaly 6% of men, 0.4% of women
#5fb2b5 Tritanomaly 0.01% of the population

#54b2a4 hex color

#54b2a4 Color Information

#54b2a4 Color Conversion

Color Schemes with #54b2a4

Alternatives to #54b2a4

#54b2a4 Preview

Shades and Tints of #54b2a4

Tones of #54b2a4

Color Blindness Simulator