#54a2ae hex color

In a RGB color space, hex #54a2ae is composed of 32.9% red, 63.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 6.9% magenta, 0% yellow and 31.8% black. It has a hue angle of 188 degrees, a saturation of 35.7% and a lightness of 50.6%. #54a2ae color hex could be obtained by blending #a8ffff with #00455d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 64
- B 68
RGB color chart
- C 52
- M 7
- Y 0
- K 32
CMYK color chart

● #54a2ae color description : Dark moderate cyan.

The hexadecimal color #54a2ae has RGB values of R:84, G:162, B:174 and CMYK values of C:0.52, M:0.07, Y:0, K:0.32. Its decimal value is 5546670.

Hex triplet	54a2ae	`#54a2ae`
RGB Decimal	84, 162, 174	`rgb(84,162,174)`
RGB Percent	32.9, 63.5, 68.2	`rgb(32.9%,63.5%,68.2%)`
CMYK	52, 7, 0, 32
HSL	188°, 35.7, 50.6	`hsl(188,35.7%,50.6%)`
HSV (or HSB)	188°, 51.7, 68.2
Web Safe	669999	`#669999`

CIE-LAB	62.321, -20.624, -13.615
XYZ	24.214, 30.78, 44.707
xyY	0.243, 0.309, 30.78
CIE-LCH	62.321, 24.713, 213.43
CIE-LUV	62.321, -33.725, -17.464
Hunter-Lab	55.48, -19.182, -8.942
Binary	01010100, 10100010, 10101110

#54a2ae
```
#54a2ae rgb(84,162,174)
```
#ae6054
```
#ae6054 rgb(174,96,84)
```

Complementary Color

#54ae8d
```
#54ae8d rgb(84,174,141)
```
#54a2ae
```
#54a2ae rgb(84,162,174)
```
#5475ae
```
#5475ae rgb(84,117,174)
```

Analogous Color

#ae8d54
```
#ae8d54 rgb(174,141,84)
```
#54a2ae
```
#54a2ae rgb(84,162,174)
```
#ae5475
```
#ae5475 rgb(174,84,117)
```

Split Complementary Color

#a2ae54
```
#a2ae54 rgb(162,174,84)
```
#54a2ae
```
#54a2ae rgb(84,162,174)
```
#ae54a2
```
#ae54a2 rgb(174,84,162)
```

Triadic Color

#54ae60
```
#54ae60 rgb(84,174,96)
```
#54a2ae
```
#54a2ae rgb(84,162,174)
```
#ae54a2
```
#ae54a2 rgb(174,84,162)
```
#ae6054
```
#ae6054 rgb(174,96,84)
```

Tetradic Color

#3a737b
```
#3a737b rgb(58,115,123)
```
#43838c
```
#43838c rgb(67,131,140)
```
#4b939e
```
#4b939e rgb(75,147,158)
```
#54a2ae
```
#54a2ae rgb(84,162,174)
```
#65abb6
```
#65abb6 rgb(101,171,182)
```
#77b5be
```
#77b5be rgb(119,181,190)
```
#88bec7
```
#88bec7 rgb(136,190,199)
```

Monochromatic Color

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

#54aea4
```
#54aea4 rgb(84,174,164)
```
#54aeab
```
#54aeab rgb(84,174,171)
```
#54aaae
```
#54aaae rgb(84,170,174)
```
#54a2ae
```
#54a2ae rgb(84,162,174)
```
#549bae
```
#549bae rgb(84,155,174)
```
#5493ae
```
#5493ae rgb(84,147,174)
```
#548cae
```
#548cae rgb(84,140,174)
```

Similar Colors

Text with hexadecimal color #54a2ae

This text has a font color of #54a2ae.

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

#54a2ae background color

This paragraph has a background color of #54a2ae.

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

#54a2ae border color

This element has a border color of #54a2ae.

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

CSS codes

.text {color:#54a2ae;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070e0f
```
#070e0f rgb(7,14,15)
```
#0e1b1d
```
#0e1b1d rgb(14,27,29)
```
#14272a
```
#14272a rgb(20,39,42)
```
#1a3337
```
#1a3337 rgb(26,51,55)
```
#204045
```
#204045 rgb(32,64,69)
```
#274c52
```
#274c52 rgb(39,76,82)
```
#2d595f
```
#2d595f rgb(45,89,95)
```
#33656d
```
#33656d rgb(51,101,109)
```
#3a717a
```
#3a717a rgb(58,113,122)
```
#407e87
```
#407e87 rgb(64,126,135)
```
#468a94
```
#468a94 rgb(70,138,148)
```
#4d96a2
```
#4d96a2 rgb(77,150,162)
```

Shade Color Variation

#54a2ae
```
#54a2ae rgb(84,162,174)
```
#61a9b4
```
#61a9b4 rgb(97,169,180)
```
#6fb0bb
```
#6fb0bb rgb(111,176,187)
```
#7cb8c1
```
#7cb8c1 rgb(124,184,193)
```
#89bfc7
```
#89bfc7 rgb(137,191,199)
```
#97c6ce
```
#97c6ce rgb(151,198,206)
```
#a4cdd4
```
#a4cdd4 rgb(164,205,212)
```
#b1d5da
```
#b1d5da rgb(177,213,218)
```
#bedce0
```
#bedce0 rgb(190,220,224)
```
#cce3e7
```
#cce3e7 rgb(204,227,231)
```
#d9eaed
```
#d9eaed rgb(217,234,237)
```
#e6f2f3
```
#e6f2f3 rgb(230,242,243)
```
#f4f9fa
```
#f4f9fa rgb(244,249,250)
```

Tint Color Variation

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

#7b8687
```
#7b8687 rgb(123,134,135)
```
#718d91
```
#718d91 rgb(113,141,145)
```
#67949b
```
#67949b rgb(103,148,155)
```
#5e9ba4
```
#5e9ba4 rgb(94,155,164)
```
#54a2ae
```
#54a2ae rgb(84,162,174)
```
#4aa9b8
```
#4aa9b8 rgb(74,169,184)
```
#41b0c1
```
#41b0c1 rgb(65,176,193)
```
#37b7cb
```
#37b7cb rgb(55,183,203)
```
#2dbed5
```
#2dbed5 rgb(45,190,213)
```
#24c6de
```
#24c6de rgb(36,198,222)
```
#1acde8
```
#1acde8 rgb(26,205,232)
```
#10d4f2
```
#10d4f2 rgb(16,212,242)
```
#06dbfc
```
#06dbfc rgb(6,219,252)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#819093 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999bab Protanopia 1% of men
#9c98b7 Deuteranopia 1% of men
#5da6b2 Tritanopia 0.001% of the population

Trichromacy

#809dac Protanomaly 1% of men, 0.01% of women
#829cb3 Deuteranomaly 6% of men, 0.4% of women
#59a5b1 Tritanomaly 0.01% of the population

#54a2ae hex color

#54a2ae Color Information

#54a2ae Color Conversion

Color Schemes with #54a2ae

Alternatives to #54a2ae

#54a2ae Preview

Shades and Tints of #54a2ae

Tones of #54a2ae

Color Blindness Simulator