colorhexa.com

#54cac0 hex color

In a RGB color space, hex #54cac0 is composed of 32.9% red, 79.2% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 0% magenta, 5% yellow and 20.8% black. It has a hue angle of 174.9 degrees, a saturation of 52.7% and a lightness of 56.1%. #54cac0 color hex could be obtained by blending #a8ffff with #009581. Closest websafe color is: #66cccc.

- R 33
- G 79
- B 75
RGB color chart
- C 58
- M 0
- Y 5
- K 21
CMYK color chart

● #54cac0 color description : Moderate cyan.

The hexadecimal color #54cac0 has RGB values of R:84, G:202, B:192 and CMYK values of C:0.58, M:0, Y:0.05, K:0.21. Its decimal value is 5556928.

Hex triplet	54cac0	`#54cac0`
RGB Decimal	84, 202, 192	`rgb(84,202,192)`
RGB Percent	32.9, 79.2, 75.3	`rgb(32.9%,79.2%,75.3%)`
CMYK	58, 0, 5, 21
HSL	174.9°, 52.7, 56.1	`hsl(174.9,52.7%,56.1%)`
HSV (or HSB)	174.9°, 58.4, 79.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.78, -35.357, -4.964
XYZ	34.288, 47.929, 57.31
xyY	0.246, 0.344, 47.929
CIE-LCH	74.78, 35.704, 187.991
CIE-LUV	74.78, -48.21, -2.02
Hunter-Lab	69.231, -32.747, -0.62
Binary	01010100, 11001010, 11000000

#54cac0
```
#54cac0 rgb(84,202,192)
```
#ca545e
```
#ca545e rgb(202,84,94)
```

Complementary Color

#54ca85
```
#54ca85 rgb(84,202,133)
```
#54cac0
```
#54cac0 rgb(84,202,192)
```
#5499ca
```
#5499ca rgb(84,153,202)
```

Analogous Color

#ca8554
```
#ca8554 rgb(202,133,84)
```
#54cac0
```
#54cac0 rgb(84,202,192)
```
#ca5499
```
#ca5499 rgb(202,84,153)
```

Split Complementary Color

#cac054
```
#cac054 rgb(202,192,84)
```
#54cac0
```
#54cac0 rgb(84,202,192)
```
#c054ca
```
#c054ca rgb(192,84,202)
```

Triadic Color

#5eca54
```
#5eca54 rgb(94,202,84)
```
#54cac0
```
#54cac0 rgb(84,202,192)
```
#c054ca
```
#c054ca rgb(192,84,202)
```
#ca545e
```
#ca545e rgb(202,84,94)
```

Tetradic Color

#32a097
```
#32a097 rgb(50,160,151)
```
#38b3a9
```
#38b3a9 rgb(56,179,169)
```
#41c4b9
```
#41c4b9 rgb(65,196,185)
```
#54cac0
```
#54cac0 rgb(84,202,192)
```
#67d0c7
```
#67d0c7 rgb(103,208,199)
```
#7bd6ce
```
#7bd6ce rgb(123,214,206)
```
#8edcd6
```
#8edcd6 rgb(142,220,214)
```

Monochromatic Color

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

#54caa3
```
#54caa3 rgb(84,202,163)
```
#54caac
```
#54caac rgb(84,202,172)
```
#54cab6
```
#54cab6 rgb(84,202,182)
```
#54cac0
```
#54cac0 rgb(84,202,192)
```
#54caca
```
#54caca rgb(84,202,202)
```
#54c0ca
```
#54c0ca rgb(84,192,202)
```
#54b7ca
```
#54b7ca rgb(84,183,202)
```

Similar Colors

Text with hexadecimal color #54cac0

This text has a font color of #54cac0.

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

#54cac0 background color

This paragraph has a background color of #54cac0.

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

#54cac0 border color

This element has a border color of #54cac0.

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

CSS codes

.text {color:#54cac0;}

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

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

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

#030908
```
#030908 rgb(3,9,8)
```
#071816
```
#071816 rgb(7,24,22)
```
#0c2724
```
#0c2724 rgb(12,39,36)
```
#113632
```
#113632 rgb(17,54,50)
```
#154541
```
#154541 rgb(21,69,65)
```
#1a544f
```
#1a544f rgb(26,84,79)
```
#1f635d
```
#1f635d rgb(31,99,93)
```
#23726b
```
#23726b rgb(35,114,107)
```
#288079
```
#288079 rgb(40,128,121)
```
#2c8f87
```
#2c8f87 rgb(44,143,135)
```
#319e95
```
#319e95 rgb(49,158,149)
```
#36ada3
```
#36ada3 rgb(54,173,163)
```
#3abcb1
```
#3abcb1 rgb(58,188,177)
```

Shade Color Variation

#45c5ba
```
#45c5ba rgb(69,197,186)
```
#54cac0
```
#54cac0 rgb(84,202,192)
```
#63cfc6
```
#63cfc6 rgb(99,207,198)
```
#72d3cb
```
#72d3cb rgb(114,211,203)
```
#81d8d1
```
#81d8d1 rgb(129,216,209)
```
#90ddd6
```
#90ddd6 rgb(144,221,214)
```
#9fe1dc
```
#9fe1dc rgb(159,225,220)
```
#aee6e1
```
#aee6e1 rgb(174,230,225)
```
#bdeae7
```
#bdeae7 rgb(189,234,231)
```
#ccefec
```
#ccefec rgb(204,239,236)
```
#dbf4f2
```
#dbf4f2 rgb(219,244,242)
```
#eaf8f7
```
#eaf8f7 rgb(234,248,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #889695 is the less saturated color, while #20feeb is the most saturated one.

#889695
```
#889695 rgb(136,150,149)
```
#7f9f9c
```
#7f9f9c rgb(127,159,156)
```
#76a8a3
```
#76a8a3 rgb(118,168,163)
```
#6eb0ab
```
#6eb0ab rgb(110,176,171)
```
#65b9b2
```
#65b9b2 rgb(101,185,178)
```
#5dc1b9
```
#5dc1b9 rgb(93,193,185)
```
#54cac0
```
#54cac0 rgb(84,202,192)
```
#4bd3c7
```
#4bd3c7 rgb(75,211,199)
```
#43dbce
```
#43dbce rgb(67,219,206)
```
#3ae4d5
```
#3ae4d5 rgb(58,228,213)
```
#32ecdd
```
#32ecdd rgb(50,236,221)
```
#29f5e4
```
#29f5e4 rgb(41,245,228)
```
#20feeb
```
#20feeb rgb(32,254,235)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#96adab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbab9 Protanopia 1% of men
#c5b6cb Deuteranopia 1% of men
#67c9d8 Tritanopia 0.001% of the population

Trichromacy

#98c0bb Protanomaly 1% of men, 0.01% of women
#9cbdc7 Deuteranomaly 6% of men, 0.4% of women
#60c9cf Tritanomaly 0.01% of the population