#54a2a0 hex color

In a RGB color space, hex #54a2a0 is composed of 32.9% red, 63.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 0% magenta, 1.2% yellow and 36.5% black. It has a hue angle of 178.5 degrees, a saturation of 31.7% and a lightness of 48.2%. #54a2a0 color hex could be obtained by blending #a8ffff with #004541. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 64
- B 63
RGB color chart
- C 48
- M 0
- Y 1
- K 36
CMYK color chart

● #54a2a0 color description : Dark moderate cyan.

The hexadecimal color #54a2a0 has RGB values of R:84, G:162, B:160 and CMYK values of C:0.48, M:0, Y:0.01, K:0.36. Its decimal value is 5546656.

Hex triplet	54a2a0	`#54a2a0`
RGB Decimal	84, 162, 160	`rgb(84,162,160)`
RGB Percent	32.9, 63.5, 62.7	`rgb(32.9%,63.5%,62.7%)`
CMYK	48, 0, 1, 36
HSL	178.5°, 31.7, 48.2	`hsl(178.5,31.7%,48.2%)`
HSV (or HSB)	178.5°, 48.1, 63.5
Web Safe	669999	`#669999`

CIE-LAB	61.88, -24.473, -6.399
XYZ	22.92, 30.262, 37.889
xyY	0.252, 0.332, 30.262
CIE-LCH	61.88, 25.296, 194.653
CIE-LUV	61.88, -34.259, -5.725
Hunter-Lab	55.011, -21.899, -2.329
Binary	01010100, 10100010, 10100000

#54a2a0
```
#54a2a0 rgb(84,162,160)
```
#a25456
```
#a25456 rgb(162,84,86)
```

Complementary Color

#54a279
```
#54a279 rgb(84,162,121)
```
#54a2a0
```
#54a2a0 rgb(84,162,160)
```
#547da2
```
#547da2 rgb(84,125,162)
```

Analogous Color

#a27954
```
#a27954 rgb(162,121,84)
```
#54a2a0
```
#54a2a0 rgb(84,162,160)
```
#a2547d
```
#a2547d rgb(162,84,125)
```

Split Complementary Color

#a2a054
```
#a2a054 rgb(162,160,84)
```
#54a2a0
```
#54a2a0 rgb(84,162,160)
```
#a054a2
```
#a054a2 rgb(160,84,162)
```

Triadic Color

#56a254
```
#56a254 rgb(86,162,84)
```
#54a2a0
```
#54a2a0 rgb(84,162,160)
```
#a054a2
```
#a054a2 rgb(160,84,162)
```
#a25456
```
#a25456 rgb(162,84,86)
```

Tetradic Color

#3a706e
```
#3a706e rgb(58,112,110)
```
#43807f
```
#43807f rgb(67,128,127)
```
#4b918f
```
#4b918f rgb(75,145,143)
```
#54a2a0
```
#54a2a0 rgb(84,162,160)
```
#62aeac
```
#62aeac rgb(98,174,172)
```
#73b6b5
```
#73b6b5 rgb(115,182,181)
```
#84bfbd
```
#84bfbd rgb(132,191,189)
```

Monochromatic Color

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

#54a28d
```
#54a28d rgb(84,162,141)
```
#54a293
```
#54a293 rgb(84,162,147)
```
#54a29a
```
#54a29a rgb(84,162,154)
```
#54a2a0
```
#54a2a0 rgb(84,162,160)
```
#549ea2
```
#549ea2 rgb(84,158,162)
```
#5497a2
```
#5497a2 rgb(84,151,162)
```
#5491a2
```
#5491a2 rgb(84,145,162)
```

Similar Colors

Text with hexadecimal color #54a2a0

This text has a font color of #54a2a0.

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

#54a2a0 background color

This paragraph has a background color of #54a2a0.

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

#54a2a0 border color

This element has a border color of #54a2a0.

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

CSS codes

.text {color:#54a2a0;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0a1414
```
#0a1414 rgb(10,20,20)
```
#112120
```
#112120 rgb(17,33,32)
```
#182e2d
```
#182e2d rgb(24,46,45)
```
#1e3b3a
```
#1e3b3a rgb(30,59,58)
```
#254847
```
#254847 rgb(37,72,71)
```
#2c5453
```
#2c5453 rgb(44,84,83)
```
#336160
```
#336160 rgb(51,97,96)
```
#396e6d
```
#396e6d rgb(57,110,109)
```
#407b7a
```
#407b7a rgb(64,123,122)
```
#478886
```
#478886 rgb(71,136,134)
```
#4d9593
```
#4d9593 rgb(77,149,147)
```
#54a2a0
```
#54a2a0 rgb(84,162,160)
```

Shade Color Variation

#5eacaa
```
#5eacaa rgb(94,172,170)
```
#6bb2b0
```
#6bb2b0 rgb(107,178,176)
```
#78b9b7
```
#78b9b7 rgb(120,185,183)
```
#85c0be
```
#85c0be rgb(133,192,190)
```
#92c6c5
```
#92c6c5 rgb(146,198,197)
```
#9fcdcc
```
#9fcdcc rgb(159,205,204)
```
#acd4d3
```
#acd4d3 rgb(172,212,211)
```
#b8dada
```
#b8dada rgb(184,218,218)
```
#c5e1e0
```
#c5e1e0 rgb(197,225,224)
```
#d2e8e7
```
#d2e8e7 rgb(210,232,231)
```
#dfefee
```
#dfefee rgb(223,239,238)
```
#ecf5f5
```
#ecf5f5 rgb(236,245,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#7a7c7c
```
#7a7c7c rgb(122,124,124)
```
#708685
```
#708685 rgb(112,134,133)
```
#678f8e
```
#678f8e rgb(103,143,142)
```
#5d9997
```
#5d9997 rgb(93,153,151)
```
#54a2a0
```
#54a2a0 rgb(84,162,160)
```
#4baba9
```
#4baba9 rgb(75,171,169)
```
#41b5b2
```
#41b5b2 rgb(65,181,178)
```
#38bebb
```
#38bebb rgb(56,190,187)
```
#2ec8c4
```
#2ec8c4 rgb(46,200,196)
```
#25d1cd
```
#25d1cd rgb(37,209,205)
```
#1bdbd6
```
#1bdbd6 rgb(27,219,214)
```
#12e4df
```
#12e4df rgb(18,228,223)
```
#08eee8
```
#08eee8 rgb(8,238,232)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7f8f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9a9d Protanopia 1% of men
#a197aa Deuteranopia 1% of men
#61a4b0 Tritanopia 0.001% of the population

Trichromacy

#829d9e Protanomaly 1% of men, 0.01% of women
#859ba6 Deuteranomaly 6% of men, 0.4% of women
#5ca3aa Tritanomaly 0.01% of the population

#54a2a0 hex color

#54a2a0 Color Information

#54a2a0 Color Conversion

Color Schemes with #54a2a0

Alternatives to #54a2a0

#54a2a0 Preview

Shades and Tints of #54a2a0

Tones of #54a2a0

Color Blindness Simulator