#54d8bf hex color

In a RGB color space, hex #54d8bf is composed of 32.9% red, 84.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 0% magenta, 11.6% yellow and 15.3% black. It has a hue angle of 168.6 degrees, a saturation of 62.9% and a lightness of 58.8%. #54d8bf color hex could be obtained by blending #a8ffff with #00b17f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 85
- B 75
RGB color chart
- C 61
- M 0
- Y 12
- K 15
CMYK color chart

● #54d8bf color description : Moderate cyan.

The hexadecimal color #54d8bf has RGB values of R:84, G:216, B:191 and CMYK values of C:0.61, M:0, Y:0.12, K:0.15. Its decimal value is 5560511.

Hex triplet	54d8bf	`#54d8bf`
RGB Decimal	84, 216, 191	`rgb(84,216,191)`
RGB Percent	32.9, 84.7, 74.9	`rgb(32.9%,84.7%,74.9%)`
CMYK	61, 0, 12, 15
HSL	168.6°, 62.9, 58.8	`hsl(168.6,62.9%,58.8%)`
HSV (or HSB)	168.6°, 61.1, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.9, -41.964, 1.612
XYZ	37.613, 54.755, 57.874
xyY	0.25, 0.364, 54.755
CIE-LCH	78.9, 41.995, 177.8
CIE-LUV	78.9, -53.472, 9.149
Hunter-Lab	73.997, -38.762, 5.426
Binary	01010100, 11011000, 10111111

#54d8bf
```
#54d8bf rgb(84,216,191)
```
#d8546d
```
#d8546d rgb(216,84,109)
```

Complementary Color

#54d87d
```
#54d87d rgb(84,216,125)
```
#54d8bf
```
#54d8bf rgb(84,216,191)
```
#54afd8
```
#54afd8 rgb(84,175,216)
```

Analogous Color

#d87d54
```
#d87d54 rgb(216,125,84)
```
#54d8bf
```
#54d8bf rgb(84,216,191)
```
#d854af
```
#d854af rgb(216,84,175)
```

Split Complementary Color

#d8bf54
```
#d8bf54 rgb(216,191,84)
```
#54d8bf
```
#54d8bf rgb(84,216,191)
```
#bf54d8
```
#bf54d8 rgb(191,84,216)
```

Triadic Color

#6dd854
```
#6dd854 rgb(109,216,84)
```
#54d8bf
```
#54d8bf rgb(84,216,191)
```
#bf54d8
```
#bf54d8 rgb(191,84,216)
```
#d8546d
```
#d8546d rgb(216,84,109)
```

Tetradic Color

#2ab69b
```
#2ab69b rgb(42,182,155)
```
#2ecbad
```
#2ecbad rgb(46,203,173)
```
#3fd3b7
```
#3fd3b7 rgb(63,211,183)
```
#54d8bf
```
#54d8bf rgb(84,216,191)
```
#69ddc7
```
#69ddc7 rgb(105,221,199)
```
#7ee1cf
```
#7ee1cf rgb(126,225,207)
```
#92e6d6
```
#92e6d6 rgb(146,230,214)
```

Monochromatic Color

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

#54d89e
```
#54d89e rgb(84,216,158)
```
#54d8a9
```
#54d8a9 rgb(84,216,169)
```
#54d8b4
```
#54d8b4 rgb(84,216,180)
```
#54d8bf
```
#54d8bf rgb(84,216,191)
```
#54d8ca
```
#54d8ca rgb(84,216,202)
```
#54d8d5
```
#54d8d5 rgb(84,216,213)
```
#54d0d8
```
#54d0d8 rgb(84,208,216)
```

Similar Colors

Text with hexadecimal color #54d8bf

This text has a font color of #54d8bf.

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

#54d8bf background color

This paragraph has a background color of #54d8bf.

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

#54d8bf border color

This element has a border color of #54d8bf.

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

CSS codes

.text {color:#54d8bf;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#051512
```
#051512 rgb(5,21,18)
```
#08251f
```
#08251f rgb(8,37,31)
```
#0c352d
```
#0c352d rgb(12,53,45)
```
#10453b
```
#10453b rgb(16,69,59)
```
#135548
```
#135548 rgb(19,85,72)
```
#176556
```
#176556 rgb(23,101,86)
```
#1b7563
```
#1b7563 rgb(27,117,99)
```
#1e8471
```
#1e8471 rgb(30,132,113)
```
#22947f
```
#22947f rgb(34,148,127)
```
#26a48c
```
#26a48c rgb(38,164,140)
```
#29b49a
```
#29b49a rgb(41,180,154)
```
#2dc4a8
```
#2dc4a8 rgb(45,196,168)
```

Shade Color Variation

#34d1b3
```
#34d1b3 rgb(52,209,179)
```
#44d4b9
```
#44d4b9 rgb(68,212,185)
```
#54d8bf
```
#54d8bf rgb(84,216,191)
```
#64dcc5
```
#64dcc5 rgb(100,220,197)
```
#74dfcb
```
#74dfcb rgb(116,223,203)
```
#84e3d1
```
#84e3d1 rgb(132,227,209)
```
#94e7d7
```
#94e7d7 rgb(148,231,215)
```
#a4eadd
```
#a4eadd rgb(164,234,221)
```
#b4eee3
```
#b4eee3 rgb(180,238,227)
```
#c4f2e9
```
#c4f2e9 rgb(196,242,233)
```
#d4f5ef
```
#d4f5ef rgb(212,245,239)
```
#e4f9f5
```
#e4f9f5 rgb(228,249,245)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

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

#959797
```
#959797 rgb(149,151,151)
```
#8d9f9c
```
#8d9f9c rgb(141,159,156)
```
#84a8a1
```
#84a8a1 rgb(132,168,161)
```
#7cb0a6
```
#7cb0a6 rgb(124,176,166)
```
#74b8ab
```
#74b8ab rgb(116,184,171)
```
#6cc0b0
```
#6cc0b0 rgb(108,192,176)
```
#64c8b5
```
#64c8b5 rgb(100,200,181)
```
#5cd0ba
```
#5cd0ba rgb(92,208,186)
```
#54d8bf
```
#54d8bf rgb(84,216,191)
```
#4ce0c4
```
#4ce0c4 rgb(76,224,196)
```
#44e8c9
```
#44e8c9 rgb(68,232,201)
```
#3cf0ce
```
#3cf0ce rgb(60,240,206)
```
#34f8d3
```
#34f8d3 rgb(52,248,211)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9cb6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc5b8 Protanopia 1% of men
#d6c0cb Deuteranopia 1% of men
#6dd4e4 Tritanopia 0.001% of the population

Trichromacy

#a1ccba Protanomaly 1% of men, 0.01% of women
#a6c9c6 Deuteranomaly 6% of men, 0.4% of women
#64d6d6 Tritanomaly 0.01% of the population

#54d8bf hex color

#54d8bf Color Information

#54d8bf Color Conversion

Color Schemes with #54d8bf

Alternatives to #54d8bf

#54d8bf Preview

Shades and Tints of #54d8bf

Tones of #54d8bf

Color Blindness Simulator