#54bdb7 hex color

In a RGB color space, hex #54bdb7 is composed of 32.9% red, 74.1% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 3.2% yellow and 25.9% black. It has a hue angle of 176.6 degrees, a saturation of 44.3% and a lightness of 53.5%. #54bdb7 color hex could be obtained by blending #a8ffff with #007b6f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 74
- B 72
RGB color chart
- C 56
- M 0
- Y 3
- K 26
CMYK color chart

● #54bdb7 color description : Moderate cyan.

The hexadecimal color #54bdb7 has RGB values of R:84, G:189, B:183 and CMYK values of C:0.56, M:0, Y:0.03, K:0.26. Its decimal value is 5553591.

Hex triplet	54bdb7	`#54bdb7`
RGB Decimal	84, 189, 183	`rgb(84,189,183)`
RGB Percent	32.9, 74.1, 71.8	`rgb(32.9%,74.1%,71.8%)`
CMYK	56, 0, 3, 26
HSL	176.6°, 44.3, 53.5	`hsl(176.6,44.3%,53.5%)`
HSV (or HSB)	176.6°, 55.6, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.661, -31.607, -6.153
XYZ	30.398, 41.697, 51.243
xyY	0.246, 0.338, 41.697
CIE-LCH	70.661, 32.2, 191.016
CIE-LUV	70.661, -43.767, -4.408
Hunter-Lab	64.573, -28.972, -1.85
Binary	01010100, 10111101, 10110111

#54bdb7
```
#54bdb7 rgb(84,189,183)
```
#bd545a
```
#bd545a rgb(189,84,90)
```

Complementary Color

#54bd83
```
#54bd83 rgb(84,189,131)
```
#54bdb7
```
#54bdb7 rgb(84,189,183)
```
#548fbd
```
#548fbd rgb(84,143,189)
```

Analogous Color

#bd8354
```
#bd8354 rgb(189,131,84)
```
#54bdb7
```
#54bdb7 rgb(84,189,183)
```
#bd548f
```
#bd548f rgb(189,84,143)
```

Split Complementary Color

#bdb754
```
#bdb754 rgb(189,183,84)
```
#54bdb7
```
#54bdb7 rgb(84,189,183)
```
#b754bd
```
#b754bd rgb(183,84,189)
```

Triadic Color

#5abd54
```
#5abd54 rgb(90,189,84)
```
#54bdb7
```
#54bdb7 rgb(84,189,183)
```
#b754bd
```
#b754bd rgb(183,84,189)
```
#bd545a
```
#bd545a rgb(189,84,90)
```

Tetradic Color

#378e89
```
#378e89 rgb(55,142,137)
```
#3ea09b
```
#3ea09b rgb(62,160,155)
```
#45b3ac
```
#45b3ac rgb(69,179,172)
```
#54bdb7
```
#54bdb7 rgb(84,189,183)
```
#66c4bf
```
#66c4bf rgb(102,196,191)
```
#79cbc6
```
#79cbc6 rgb(121,203,198)
```
#8bd2ce
```
#8bd2ce rgb(139,210,206)
```

Monochromatic Color

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

#54bd9d
```
#54bd9d rgb(84,189,157)
```
#54bda6
```
#54bda6 rgb(84,189,166)
```
#54bdae
```
#54bdae rgb(84,189,174)
```
#54bdb7
```
#54bdb7 rgb(84,189,183)
```
#54babd
```
#54babd rgb(84,186,189)
```
#54b2bd
```
#54b2bd rgb(84,178,189)
```
#54a9bd
```
#54a9bd rgb(84,169,189)
```

Similar Colors

Text with hexadecimal color #54bdb7

This text has a font color of #54bdb7.

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

#54bdb7 background color

This paragraph has a background color of #54bdb7.

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

#54bdb7 border color

This element has a border color of #54bdb7.

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

CSS codes

.text {color:#54bdb7;}

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

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

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, #050d0d is the darkest color, while #feffff is the lightest one.

#050d0d
```
#050d0d rgb(5,13,13)
```
#0a1b1a
```
#0a1b1a rgb(10,27,26)
```
#102928
```
#102928 rgb(16,41,40)
```
#153736
```
#153736 rgb(21,55,54)
```
#1b4643
```
#1b4643 rgb(27,70,67)
```
#205451
```
#205451 rgb(32,84,81)
```
#26625e
```
#26625e rgb(38,98,94)
```
#2b706c
```
#2b706c rgb(43,112,108)
```
#317e7a
```
#317e7a rgb(49,126,122)
```
#368c87
```
#368c87 rgb(54,140,135)
```
#3c9b95
```
#3c9b95 rgb(60,155,149)
```
#41a9a3
```
#41a9a3 rgb(65,169,163)
```
#47b7b0
```
#47b7b0 rgb(71,183,176)
```

Shade Color Variation

#54bdb7
```
#54bdb7 rgb(84,189,183)
```
#62c2bd
```
#62c2bd rgb(98,194,189)
```
#70c8c3
```
#70c8c3 rgb(112,200,195)
```
#7ecdc9
```
#7ecdc9 rgb(126,205,201)
```
#8dd3cf
```
#8dd3cf rgb(141,211,207)
```
#9bd8d5
```
#9bd8d5 rgb(155,216,213)
```
#a9dedb
```
#a9dedb rgb(169,222,219)
```
#b7e3e1
```
#b7e3e1 rgb(183,227,225)
```
#c5e9e7
```
#c5e9e7 rgb(197,233,231)
```
#d3eeed
```
#d3eeed rgb(211,238,237)
```
#e2f4f3
```
#e2f4f3 rgb(226,244,243)
```
#f0f9f9
```
#f0f9f9 rgb(240,249,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828f8f is the less saturated color, while #14fdf0 is the most saturated one.

#828f8f
```
#828f8f rgb(130,143,143)
```
#789997
```
#789997 rgb(120,153,151)
```
#6fa29f
```
#6fa29f rgb(111,162,159)
```
#66aba7
```
#66aba7 rgb(102,171,167)
```
#5db4af
```
#5db4af rgb(93,180,175)
```
#54bdb7
```
#54bdb7 rgb(84,189,183)
```
#4bc6bf
```
#4bc6bf rgb(75,198,191)
```
#42cfc7
```
#42cfc7 rgb(66,207,199)
```
#39d8cf
```
#39d8cf rgb(57,216,207)
```
#30e1d7
```
#30e1d7 rgb(48,225,215)
```
#26ebdf
```
#26ebdf rgb(38,235,223)
```
#1df4e7
```
#1df4e7 rgb(29,244,231)
```
#14fdf0
```
#14fdf0 rgb(20,253,240)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ea3a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b0b1 Protanopia 1% of men
#b9acc1 Deuteranopia 1% of men
#64bdcb Tritanopia 0.001% of the population

Trichromacy

#90b4b3 Protanomaly 1% of men, 0.01% of women
#94b2bd Deuteranomaly 6% of men, 0.4% of women
#5ebdc4 Tritanomaly 0.01% of the population

#54bdb7 hex color

#54bdb7 Color Information

#54bdb7 Color Conversion

Color Schemes with #54bdb7

Alternatives to #54bdb7

#54bdb7 Preview

Shades and Tints of #54bdb7

Tones of #54bdb7

Color Blindness Simulator