colorhexa.com

#54dcb4 hex color

In a RGB color space, hex #54dcb4 is composed of 32.9% red, 86.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 0% magenta, 18.2% yellow and 13.7% black. It has a hue angle of 162.4 degrees, a saturation of 66% and a lightness of 59.6%. #54dcb4 color hex could be obtained by blending #a8ffff with #00b969. Closest websafe color is: #66cccc.

- R 33
- G 86
- B 71
RGB color chart
- C 62
- M 0
- Y 18
- K 14
CMYK color chart

● #54dcb4 color description : Soft cyan - lime green.

The hexadecimal color #54dcb4 has RGB values of R:84, G:220, B:180 and CMYK values of C:0.62, M:0, Y:0.18, K:0.14. Its decimal value is 5561524.

Hex triplet	54dcb4	`#54dcb4`
RGB Decimal	84, 220, 180	`rgb(84,220,180)`
RGB Percent	32.9, 86.3, 70.6	`rgb(32.9%,86.3%,70.6%)`
CMYK	62, 0, 18, 14
HSL	162.4°, 66, 59.6	`hsl(162.4,66%,59.6%)`
HSV (or HSB)	162.4°, 61.8, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.82, -46.348, 8.795
XYZ	37.485, 56.363, 52.081
xyY	0.257, 0.386, 56.363
CIE-LCH	79.82, 47.175, 169.255
CIE-LUV	79.82, -55.571, 20.555
Hunter-Lab	75.076, -42.258, 11.422
Binary	01010100, 11011100, 10110100

#54dcb4
```
#54dcb4 rgb(84,220,180)
```
#dc547c
```
#dc547c rgb(220,84,124)
```

Complementary Color

#54dc70
```
#54dc70 rgb(84,220,112)
```
#54dcb4
```
#54dcb4 rgb(84,220,180)
```
#54c0dc
```
#54c0dc rgb(84,192,220)
```

Analogous Color

#dc7054
```
#dc7054 rgb(220,112,84)
```
#54dcb4
```
#54dcb4 rgb(84,220,180)
```
#dc54c0
```
#dc54c0 rgb(220,84,192)
```

Split Complementary Color

#dcb454
```
#dcb454 rgb(220,180,84)
```
#54dcb4
```
#54dcb4 rgb(84,220,180)
```
#b454dc
```
#b454dc rgb(180,84,220)
```

Triadic Color

#7cdc54
```
#7cdc54 rgb(124,220,84)
```
#54dcb4
```
#54dcb4 rgb(84,220,180)
```
#b454dc
```
#b454dc rgb(180,84,220)
```
#dc547c
```
#dc547c rgb(220,84,124)
```

Tetradic Color

#27bd91
```
#27bd91 rgb(39,189,145)
```
#2bd2a1
```
#2bd2a1 rgb(43,210,161)
```
#3fd8ab
```
#3fd8ab rgb(63,216,171)
```
#54dcb4
```
#54dcb4 rgb(84,220,180)
```
#69e0bd
```
#69e0bd rgb(105,224,189)
```
#7ee5c7
```
#7ee5c7 rgb(126,229,199)
```
#94e9d0
```
#94e9d0 rgb(148,233,208)
```

Monochromatic Color

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

#54dc92
```
#54dc92 rgb(84,220,146)
```
#54dc9d
```
#54dc9d rgb(84,220,157)
```
#54dca9
```
#54dca9 rgb(84,220,169)
```
#54dcb4
```
#54dcb4 rgb(84,220,180)
```
#54dcbf
```
#54dcbf rgb(84,220,191)
```
#54dccb
```
#54dccb rgb(84,220,203)
```
#54dcd6
```
#54dcd6 rgb(84,220,214)
```

Similar Colors

Text with hexadecimal color #54dcb4

This text has a font color of #54dcb4.

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

#54dcb4 background color

This paragraph has a background color of #54dcb4.

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

#54dcb4 border color

This element has a border color of #54dcb4.

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

CSS codes

.text {color:#54dcb4;}

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

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

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

#020806
```
#020806 rgb(2,8,6)
```
#051813
```
#051813 rgb(5,24,19)
```
#08291f
```
#08291f rgb(8,41,31)
```
#0c392c
```
#0c392c rgb(12,57,44)
```
#0f4938
```
#0f4938 rgb(15,73,56)
```
#125a45
```
#125a45 rgb(18,90,69)
```
#166a51
```
#166a51 rgb(22,106,81)
```
#197a5e
```
#197a5e rgb(25,122,94)
```
#1c8a6a
```
#1c8a6a rgb(28,138,106)
```
#209b76
```
#209b76 rgb(32,155,118)
```
#23ab83
```
#23ab83 rgb(35,171,131)
```
#26bb8f
```
#26bb8f rgb(38,187,143)
```
#2acc9c
```
#2acc9c rgb(42,204,156)
```

Shade Color Variation

#33d5a6
```
#33d5a6 rgb(51,213,166)
```
#44d9ad
```
#44d9ad rgb(68,217,173)
```
#54dcb4
```
#54dcb4 rgb(84,220,180)
```
#64dfbb
```
#64dfbb rgb(100,223,187)
```
#75e3c2
```
#75e3c2 rgb(117,227,194)
```
#85e6c9
```
#85e6c9 rgb(133,230,201)
```
#95e9d1
```
#95e9d1 rgb(149,233,209)
```
#a5edd8
```
#a5edd8 rgb(165,237,216)
```
#b6f0df
```
#b6f0df rgb(182,240,223)
```
#c6f3e6
```
#c6f3e6 rgb(198,243,230)
```
#d6f7ed
```
#d6f7ed rgb(214,247,237)
```
#e7faf4
```
#e7faf4 rgb(231,250,244)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939d9a is the less saturated color, while #34fcc1 is the most saturated one.

#939d9a
```
#939d9a rgb(147,157,154)
```
#8ba59d
```
#8ba59d rgb(139,165,157)
```
#84aca0
```
#84aca0 rgb(132,172,160)
```
#7cb4a4
```
#7cb4a4 rgb(124,180,164)
```
#74bca7
```
#74bca7 rgb(116,188,167)
```
#6cc4aa
```
#6cc4aa rgb(108,196,170)
```
#64ccad
```
#64ccad rgb(100,204,173)
```
#5cd4b1
```
#5cd4b1 rgb(92,212,177)
```
#54dcb4
```
#54dcb4 rgb(84,220,180)
```
#4ce4b7
```
#4ce4b7 rgb(76,228,183)
```
#44ecbb
```
#44ecbb rgb(68,236,187)
```
#3cf4be
```
#3cf4be rgb(60,244,190)
```
#34fcc1
```
#34fcc1 rgb(52,252,193)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9db8b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c8ad Protanopia 1% of men
#dec2c1 Deuteranopia 1% of men
#72d7e6 Tritanopia 0.001% of the population

Trichromacy

#a4cfaf Protanomaly 1% of men, 0.01% of women
#abcbbc Deuteranomaly 6% of men, 0.4% of women
#67d8d4 Tritanomaly 0.01% of the population