#54aba2 hex color

In a RGB color space, hex #54aba2 is composed of 32.9% red, 67.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 0% magenta, 5.3% yellow and 32.9% black. It has a hue angle of 173.8 degrees, a saturation of 34.1% and a lightness of 50%. #54aba2 color hex could be obtained by blending #a8ffff with #005745. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 67
- B 64
RGB color chart
- C 51
- M 0
- Y 5
- K 33
CMYK color chart

● #54aba2 color description : Dark moderate cyan.

The hexadecimal color #54aba2 has RGB values of R:84, G:171, B:162 and CMYK values of C:0.51, M:0, Y:0.05, K:0.33. Its decimal value is 5548962.

Hex triplet	54aba2	`#54aba2`
RGB Decimal	84, 171, 162	`rgb(84,171,162)`
RGB Percent	32.9, 67.1, 63.5	`rgb(32.9%,67.1%,63.5%)`
CMYK	51, 0, 5, 33
HSL	173.8°, 34.1, 50	`hsl(173.8,34.1%,50%)`
HSV (or HSB)	173.8°, 50.9, 67.1
Web Safe	669999	`#669999`

CIE-LAB	64.658, -28.424, -3.413
XYZ	24.739, 33.618, 39.366
xyY	0.253, 0.344, 33.618
CIE-LCH	64.658, 28.628, 186.847
CIE-LUV	64.658, -37.757, -0.652
Hunter-Lab	57.981, -25.305, 0.332
Binary	01010100, 10101011, 10100010

#54aba2
```
#54aba2 rgb(84,171,162)
```
#ab545d
```
#ab545d rgb(171,84,93)
```

Complementary Color

#54ab77
```
#54ab77 rgb(84,171,119)
```
#54aba2
```
#54aba2 rgb(84,171,162)
```
#5489ab
```
#5489ab rgb(84,137,171)
```

Analogous Color

#ab7754
```
#ab7754 rgb(171,119,84)
```
#54aba2
```
#54aba2 rgb(84,171,162)
```
#ab5489
```
#ab5489 rgb(171,84,137)
```

Split Complementary Color

#aba254
```
#aba254 rgb(171,162,84)
```
#54aba2
```
#54aba2 rgb(84,171,162)
```
#a254ab
```
#a254ab rgb(162,84,171)
```

Triadic Color

#5dab54
```
#5dab54 rgb(93,171,84)
```
#54aba2
```
#54aba2 rgb(84,171,162)
```
#a254ab
```
#a254ab rgb(162,84,171)
```
#ab545d
```
#ab545d rgb(171,84,93)
```

Tetradic Color

#3b7871
```
#3b7871 rgb(59,120,113)
```
#438982
```
#438982 rgb(67,137,130)
```
#4c9a92
```
#4c9a92 rgb(76,154,146)
```
#54aba2
```
#54aba2 rgb(84,171,162)
```
#65b3ab
```
#65b3ab rgb(101,179,171)
```
#76bcb5
```
#76bcb5 rgb(118,188,181)
```
#87c4be
```
#87c4be rgb(135,196,190)
```

Monochromatic Color

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

#54ab8c
```
#54ab8c rgb(84,171,140)
```
#54ab94
```
#54ab94 rgb(84,171,148)
```
#54ab9b
```
#54ab9b rgb(84,171,155)
```
#54aba2
```
#54aba2 rgb(84,171,162)
```
#54aba9
```
#54aba9 rgb(84,171,169)
```
#54a6ab
```
#54a6ab rgb(84,166,171)
```
#549eab
```
#549eab rgb(84,158,171)
```

Similar Colors

Text with hexadecimal color #54aba2

This text has a font color of #54aba2.

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

#54aba2 background color

This paragraph has a background color of #54aba2.

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

#54aba2 border color

This element has a border color of #54aba2.

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

CSS codes

.text {color:#54aba2;}

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

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

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

#060d0c
```
#060d0c rgb(6,13,12)
```
#0d1a19
```
#0d1a19 rgb(13,26,25)
```
#132725
```
#132725 rgb(19,39,37)
```
#1a3532
```
#1a3532 rgb(26,53,50)
```
#20423e
```
#20423e rgb(32,66,62)
```
#274f4b
```
#274f4b rgb(39,79,75)
```
#2d5c57
```
#2d5c57 rgb(45,92,87)
```
#346964
```
#346964 rgb(52,105,100)
```
#3a7670
```
#3a7670 rgb(58,118,112)
```
#41847d
```
#41847d rgb(65,132,125)
```
#479189
```
#479189 rgb(71,145,137)
```
#4e9e96
```
#4e9e96 rgb(78,158,150)
```
#54aba2
```
#54aba2 rgb(84,171,162)
```

Shade Color Variation

#61b1a9
```
#61b1a9 rgb(97,177,169)
```
#6eb8b0
```
#6eb8b0 rgb(110,184,176)
```
#7bbeb7
```
#7bbeb7 rgb(123,190,183)
```
#89c5bf
```
#89c5bf rgb(137,197,191)
```
#96cbc6
```
#96cbc6 rgb(150,203,198)
```
#a3d2cd
```
#a3d2cd rgb(163,210,205)
```
#b0d8d4
```
#b0d8d4 rgb(176,216,212)
```
#bddfdb
```
#bddfdb rgb(189,223,219)
```
#cae5e2
```
#cae5e2 rgb(202,229,226)
```
#d8ecea
```
#d8ecea rgb(216,236,234)
```
#e5f2f1
```
#e5f2f1 rgb(229,242,241)
```
#f2f9f8
```
#f2f9f8 rgb(242,249,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b8483
```
#7b8483 rgb(123,132,131)
```
#718e8b
```
#718e8b rgb(113,142,139)
```
#689792
```
#689792 rgb(104,151,146)
```
#5ea19a
```
#5ea19a rgb(94,161,154)
```
#54aba2
```
#54aba2 rgb(84,171,162)
```
#4ab5aa
```
#4ab5aa rgb(74,181,170)
```
#40bfb2
```
#40bfb2 rgb(64,191,178)
```
#37c8b9
```
#37c8b9 rgb(55,200,185)
```
#2dd2c1
```
#2dd2c1 rgb(45,210,193)
```
#23dcc9
```
#23dcc9 rgb(35,220,201)
```
#19e6d1
```
#19e6d1 rgb(25,230,209)
```
#0ff0d8
```
#0ff0d8 rgb(15,240,216)
```
#06f9e0
```
#06f9e0 rgb(6,249,224)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#849594 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a19f Protanopia 1% of men
#ab9dad Deuteranopia 1% of men
#64acb9 Tritanopia 0.001% of the population

Trichromacy

#87a4a0 Protanomaly 1% of men, 0.01% of women
#8ba2a9 Deuteranomaly 6% of men, 0.4% of women
#5eabb0 Tritanomaly 0.01% of the population

#54aba2 hex color

#54aba2 Color Information

#54aba2 Color Conversion

Color Schemes with #54aba2

Alternatives to #54aba2

#54aba2 Preview

Shades and Tints of #54aba2

Tones of #54aba2

Color Blindness Simulator