#54d5af hex color

In a RGB color space, hex #54d5af is composed of 32.9% red, 83.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 0% magenta, 17.8% yellow and 16.5% black. It has a hue angle of 162.3 degrees, a saturation of 60.6% and a lightness of 58.2%. #54d5af color hex could be obtained by blending #a8ffff with #00ab5f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 84
- B 69
RGB color chart
- C 61
- M 0
- Y 18
- K 16
CMYK color chart

● #54d5af color description : Moderate cyan - lime green.

The hexadecimal color #54d5af has RGB values of R:84, G:213, B:175 and CMYK values of C:0.61, M:0, Y:0.18, K:0.16. Its decimal value is 5559727.

Hex triplet	54d5af	`#54d5af`
RGB Decimal	84, 213, 175	`rgb(84,213,175)`
RGB Percent	32.9, 83.5, 68.6	`rgb(32.9%,83.5%,68.6%)`
CMYK	61, 0, 18, 16
HSL	162.3°, 60.6, 58.2	`hsl(162.3,60.6%,58.2%)`
HSV (or HSB)	162.3°, 60.6, 83.5
Web Safe	66cc99	`#66cc99`

CIE-LAB	77.618, -44.51, 8.305
XYZ	35.186, 52.566, 48.847
xyY	0.258, 0.385, 52.566
CIE-LCH	77.618, 45.279, 169.431
CIE-LUV	77.618, -53.253, 19.454
Hunter-Lab	72.502, -40.252, 10.806
Binary	01010100, 11010101, 10101111

#54d5af
```
#54d5af rgb(84,213,175)
```
#d5547a
```
#d5547a rgb(213,84,122)
```

Complementary Color

#54d56f
```
#54d56f rgb(84,213,111)
```
#54d5af
```
#54d5af rgb(84,213,175)
```
#54bbd5
```
#54bbd5 rgb(84,187,213)
```

Analogous Color

#d56f54
```
#d56f54 rgb(213,111,84)
```
#54d5af
```
#54d5af rgb(84,213,175)
```
#d554bb
```
#d554bb rgb(213,84,187)
```

Split Complementary Color

#d5af54
```
#d5af54 rgb(213,175,84)
```
#54d5af
```
#54d5af rgb(84,213,175)
```
#af54d5
```
#af54d5 rgb(175,84,213)
```

Triadic Color

#7ad554
```
#7ad554 rgb(122,213,84)
```
#54d5af
```
#54d5af rgb(84,213,175)
```
#af54d5
```
#af54d5 rgb(175,84,213)
```
#d5547a
```
#d5547a rgb(213,84,122)
```

Tetradic Color

#2bb18a
```
#2bb18a rgb(43,177,138)
```
#31c59a
```
#31c59a rgb(49,197,154)
```
#40d0a5
```
#40d0a5 rgb(64,208,165)
```
#54d5af
```
#54d5af rgb(84,213,175)
```
#68dab9
```
#68dab9 rgb(104,218,185)
```
#7ddfc2
```
#7ddfc2 rgb(125,223,194)
```
#91e4cc
```
#91e4cc rgb(145,228,204)
```

Monochromatic Color

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

#54d58f
```
#54d58f rgb(84,213,143)
```
#54d59a
```
#54d59a rgb(84,213,154)
```
#54d5a4
```
#54d5a4 rgb(84,213,164)
```
#54d5af
```
#54d5af rgb(84,213,175)
```
#54d5ba
```
#54d5ba rgb(84,213,186)
```
#54d5c5
```
#54d5c5 rgb(84,213,197)
```
#54d5cf
```
#54d5cf rgb(84,213,207)
```

Similar Colors

Text with hexadecimal color #54d5af

This text has a font color of #54d5af.

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

#54d5af background color

This paragraph has a background color of #54d5af.

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

#54d5af border color

This element has a border color of #54d5af.

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

CSS codes

.text {color:#54d5af;}

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

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

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 #f1fcf9 is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#04120e
```
#04120e rgb(4,18,14)
```
#08221a
```
#08221a rgb(8,34,26)
```
#0c3126
```
#0c3126 rgb(12,49,38)
```
#104133
```
#104133 rgb(16,65,51)
```
#14513f
```
#14513f rgb(20,81,63)
```
#18614b
```
#18614b rgb(24,97,75)
```
#1c7057
```
#1c7057 rgb(28,112,87)
```
#1f8064
```
#1f8064 rgb(31,128,100)
```
#239070
```
#239070 rgb(35,144,112)
```
#27a07c
```
#27a07c rgb(39,160,124)
```
#2baf88
```
#2baf88 rgb(43,175,136)
```
#2fbf95
```
#2fbf95 rgb(47,191,149)
```

Shade Color Variation

#35cda0
```
#35cda0 rgb(53,205,160)
```
#44d1a8
```
#44d1a8 rgb(68,209,168)
```
#54d5af
```
#54d5af rgb(84,213,175)
```
#64d9b6
```
#64d9b6 rgb(100,217,182)
```
#73ddbe
```
#73ddbe rgb(115,221,190)
```
#83e1c5
```
#83e1c5 rgb(131,225,197)
```
#93e4cc
```
#93e4cc rgb(147,228,204)
```
#a3e8d4
```
#a3e8d4 rgb(163,232,212)
```
#b2ecdb
```
#b2ecdb rgb(178,236,219)
```
#c2f0e3
```
#c2f0e3 rgb(194,240,227)
```
#d2f4ea
```
#d2f4ea rgb(210,244,234)
```
#e2f8f1
```
#e2f8f1 rgb(226,248,241)
```
#f1fcf9
```
#f1fcf9 rgb(241,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9c97 is the less saturated color, while #2bfec0 is the most saturated one.

#8d9c97
```
#8d9c97 rgb(141,156,151)
```
#85a49b
```
#85a49b rgb(133,164,155)
```
#7dac9e
```
#7dac9e rgb(125,172,158)
```
#75b4a2
```
#75b4a2 rgb(117,180,162)
```
#6dbca5
```
#6dbca5 rgb(109,188,165)
```
#64c5a8
```
#64c5a8 rgb(100,197,168)
```
#5ccdac
```
#5ccdac rgb(92,205,172)
```
#54d5af
```
#54d5af rgb(84,213,175)
```
#4cddb2
```
#4cddb2 rgb(76,221,178)
```
#44e5b6
```
#44e5b6 rgb(68,229,182)
```
#3beeb9
```
#3beeb9 rgb(59,238,185)
```
#33f6bc
```
#33f6bc rgb(51,246,188)
```
#2bfec0
```
#2bfec0 rgb(43,254,192)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#99b3ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc2a9 Protanopia 1% of men
#d7bdbc Deuteranopia 1% of men
#71d0e0 Tritanopia 0.001% of the population

Trichromacy

#a0c9ab Protanomaly 1% of men, 0.01% of women
#a7c5b7 Deuteranomaly 6% of men, 0.4% of women
#66d2ce Tritanomaly 0.01% of the population

#54d5af hex color

#54d5af Color Information

#54d5af Color Conversion

Color Schemes with #54d5af

Alternatives to #54d5af

#54d5af Preview

Shades and Tints of #54d5af

Tones of #54d5af

Color Blindness Simulator