#54d0b2 hex color

In a RGB color space, hex #54d0b2 is composed of 32.9% red, 81.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 0% magenta, 14.4% yellow and 18.4% black. It has a hue angle of 165.5 degrees, a saturation of 56.9% and a lightness of 57.3%. #54d0b2 color hex could be obtained by blending #a8ffff with #00a165. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 82
- B 70
RGB color chart
- C 60
- M 0
- Y 14
- K 18
CMYK color chart

● #54d0b2 color description : Moderate cyan.

The hexadecimal color #54d0b2 has RGB values of R:84, G:208, B:178 and CMYK values of C:0.6, M:0, Y:0.14, K:0.18. Its decimal value is 5558450.

Hex triplet	54d0b2	`#54d0b2`
RGB Decimal	84, 208, 178	`rgb(84,208,178)`
RGB Percent	32.9, 81.6, 69.8	`rgb(32.9%,81.6%,69.8%)`
CMYK	60, 0, 14, 18
HSL	165.5°, 56.9, 57.3	`hsl(165.5,56.9%,57.3%)`
HSV (or HSB)	165.5°, 59.6, 81.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.197, -41.613, 4.656
XYZ	34.245, 50.208, 50.003
xyY	0.255, 0.373, 50.208
CIE-LCH	76.197, 41.873, 173.615
CIE-LUV	76.197, -51.22, 13.595
Hunter-Lab	70.858, -37.733, 7.76
Binary	01010100, 11010000, 10110010

#54d0b2
```
#54d0b2 rgb(84,208,178)
```
#d05472
```
#d05472 rgb(208,84,114)
```

Complementary Color

#54d074
```
#54d074 rgb(84,208,116)
```
#54d0b2
```
#54d0b2 rgb(84,208,178)
```
#54b0d0
```
#54b0d0 rgb(84,176,208)
```

Analogous Color

#d07454
```
#d07454 rgb(208,116,84)
```
#54d0b2
```
#54d0b2 rgb(84,208,178)
```
#d054b0
```
#d054b0 rgb(208,84,176)
```

Split Complementary Color

#d0b254
```
#d0b254 rgb(208,178,84)
```
#54d0b2
```
#54d0b2 rgb(84,208,178)
```
#b254d0
```
#b254d0 rgb(178,84,208)
```

Triadic Color

#72d054
```
#72d054 rgb(114,208,84)
```
#54d0b2
```
#54d0b2 rgb(84,208,178)
```
#b254d0
```
#b254d0 rgb(178,84,208)
```
#d05472
```
#d05472 rgb(208,84,114)
```

Tetradic Color

#2ea98b
```
#2ea98b rgb(46,169,139)
```
#34bd9c
```
#34bd9c rgb(52,189,156)
```
#40cba9
```
#40cba9 rgb(64,203,169)
```
#54d0b2
```
#54d0b2 rgb(84,208,178)
```
#68d5bb
```
#68d5bb rgb(104,213,187)
```
#7cdbc4
```
#7cdbc4 rgb(124,219,196)
```
#90e0cd
```
#90e0cd rgb(144,224,205)
```

Monochromatic Color

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

#54d093
```
#54d093 rgb(84,208,147)
```
#54d09d
```
#54d09d rgb(84,208,157)
```
#54d0a8
```
#54d0a8 rgb(84,208,168)
```
#54d0b2
```
#54d0b2 rgb(84,208,178)
```
#54d0bc
```
#54d0bc rgb(84,208,188)
```
#54d0c7
```
#54d0c7 rgb(84,208,199)
```
#54cfd0
```
#54cfd0 rgb(84,207,208)
```

Similar Colors

Text with hexadecimal color #54d0b2

This text has a font color of #54d0b2.

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

#54d0b2 background color

This paragraph has a background color of #54d0b2.

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

#54d0b2 border color

This element has a border color of #54d0b2.

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

CSS codes

.text {color:#54d0b2;}

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

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

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, #040e0b is the darkest color, while #fdfffe is the lightest one.

#040e0b
```
#040e0b rgb(4,14,11)
```
#081d18
```
#081d18 rgb(8,29,24)
```
#0c2c25
```
#0c2c25 rgb(12,44,37)
```
#103c31
```
#103c31 rgb(16,60,49)
```
#154b3e
```
#154b3e rgb(21,75,62)
```
#195b4b
```
#195b4b rgb(25,91,75)
```
#1d6a57
```
#1d6a57 rgb(29,106,87)
```
#217964
```
#217964 rgb(33,121,100)
```
#268971
```
#268971 rgb(38,137,113)
```
#2a987d
```
#2a987d rgb(42,152,125)
```
#2ea88a
```
#2ea88a rgb(46,168,138)
```
#32b797
```
#32b797 rgb(50,183,151)
```
#36c6a3
```
#36c6a3 rgb(54,198,163)
```

Shade Color Variation

#45ccab
```
#45ccab rgb(69,204,171)
```
#54d0b2
```
#54d0b2 rgb(84,208,178)
```
#63d4b9
```
#63d4b9 rgb(99,212,185)
```
#73d8c0
```
#73d8c0 rgb(115,216,192)
```
#82ddc7
```
#82ddc7 rgb(130,221,199)
```
#92e1ce
```
#92e1ce rgb(146,225,206)
```
#a1e5d5
```
#a1e5d5 rgb(161,229,213)
```
#b0e9dc
```
#b0e9dc rgb(176,233,220)
```
#c0eee2
```
#c0eee2 rgb(192,238,226)
```
#cff2e9
```
#cff2e9 rgb(207,242,233)
```
#def6f0
```
#def6f0 rgb(222,246,240)
```
#eefaf7
```
#eefaf7 rgb(238,250,247)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#8f9594
```
#8f9594 rgb(143,149,148)
```
#869e98
```
#869e98 rgb(134,158,152)
```
#7ea69c
```
#7ea69c rgb(126,166,156)
```
#76aea1
```
#76aea1 rgb(118,174,161)
```
#6db7a5
```
#6db7a5 rgb(109,183,165)
```
#65bfa9
```
#65bfa9 rgb(101,191,169)
```
#5cc8ae
```
#5cc8ae rgb(92,200,174)
```
#54d0b2
```
#54d0b2 rgb(84,208,178)
```
#4cd8b6
```
#4cd8b6 rgb(76,216,182)
```
#43e1bb
```
#43e1bb rgb(67,225,187)
```
#3be9bf
```
#3be9bf rgb(59,233,191)
```
#32f2c3
```
#32f2c3 rgb(50,242,195)
```
#2afac8
```
#2afac8 rgb(42,250,200)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#97b0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7beac Protanopia 1% of men
#d1b9be Deuteranopia 1% of men
#6eccdb Tritanopia 0.001% of the population

Trichromacy

#9dc5ae Protanomaly 1% of men, 0.01% of women
#a3c1ba Deuteranomaly 6% of men, 0.4% of women
#64cecc Tritanomaly 0.01% of the population

#54d0b2 hex color

#54d0b2 Color Information

#54d0b2 Color Conversion

Color Schemes with #54d0b2

Alternatives to #54d0b2

#54d0b2 Preview

Shades and Tints of #54d0b2

Tones of #54d0b2

Color Blindness Simulator