#54bcd8 hex color

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

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

● #54bcd8 color description : Moderate cyan.

The hexadecimal color #54bcd8 has RGB values of R:84, G:188, B:216 and CMYK values of C:0.61, M:0.13, Y:0, K:0.15. Its decimal value is 5553368.

Hex triplet	54bcd8	`#54bcd8`
RGB Decimal	84, 188, 216	`rgb(84,188,216)`
RGB Percent	32.9, 73.7, 84.7	`rgb(32.9%,73.7%,84.7%)`
CMYK	61, 13, 0, 15
HSL	192.7°, 62.9, 58.8	`hsl(192.7,62.9%,58.8%)`
HSV (or HSB)	192.7°, 61.1, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.423, -21.782, -23.052
XYZ	34.031, 42.807, 71.431
xyY	0.23, 0.289, 42.807
CIE-LCH	71.423, 31.715, 226.623
CIE-LUV	71.423, -41.75, -33.116
Hunter-Lab	65.427, -21.653, -18.932
Binary	01010100, 10111100, 11011000

#54bcd8
```
#54bcd8 rgb(84,188,216)
```
#d87054
```
#d87054 rgb(216,112,84)
```

Complementary Color

#54d8b2
```
#54d8b2 rgb(84,216,178)
```
#54bcd8
```
#54bcd8 rgb(84,188,216)
```
#547ad8
```
#547ad8 rgb(84,122,216)
```

Analogous Color

#d8b254
```
#d8b254 rgb(216,178,84)
```
#54bcd8
```
#54bcd8 rgb(84,188,216)
```
#d8547a
```
#d8547a rgb(216,84,122)
```

Split Complementary Color

#bcd854
```
#bcd854 rgb(188,216,84)
```
#54bcd8
```
#54bcd8 rgb(84,188,216)
```
#d854bc
```
#d854bc rgb(216,84,188)
```

Triadic Color

#54d870
```
#54d870 rgb(84,216,112)
```
#54bcd8
```
#54bcd8 rgb(84,188,216)
```
#d854bc
```
#d854bc rgb(216,84,188)
```
#d87054
```
#d87054 rgb(216,112,84)
```

Tetradic Color

#2a98b6
```
#2a98b6 rgb(42,152,182)
```
#2eaacb
```
#2eaacb rgb(46,170,203)
```
#3fb4d3
```
#3fb4d3 rgb(63,180,211)
```
#54bcd8
```
#54bcd8 rgb(84,188,216)
```
#69c4dd
```
#69c4dd rgb(105,196,221)
```
#7ecce1
```
#7ecce1 rgb(126,204,225)
```
#92d4e6
```
#92d4e6 rgb(146,212,230)
```

Monochromatic Color

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

#54d8d3
```
#54d8d3 rgb(84,216,211)
```
#54d2d8
```
#54d2d8 rgb(84,210,216)
```
#54c7d8
```
#54c7d8 rgb(84,199,216)
```
#54bcd8
```
#54bcd8 rgb(84,188,216)
```
#54b1d8
```
#54b1d8 rgb(84,177,216)
```
#54a6d8
```
#54a6d8 rgb(84,166,216)
```
#549bd8
```
#549bd8 rgb(84,155,216)
```

Similar Colors

Text with hexadecimal color #54bcd8

This text has a font color of #54bcd8.

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

#54bcd8 background color

This paragraph has a background color of #54bcd8.

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

#54bcd8 border color

This element has a border color of #54bcd8.

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

CSS codes

.text {color:#54bcd8;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051115
```
#051115 rgb(5,17,21)
```
#081f25
```
#081f25 rgb(8,31,37)
```
#0c2c35
```
#0c2c35 rgb(12,44,53)
```
#103945
```
#103945 rgb(16,57,69)
```
#134755
```
#134755 rgb(19,71,85)
```
#175465
```
#175465 rgb(23,84,101)
```
#1b6175
```
#1b6175 rgb(27,97,117)
```
#1e6f84
```
#1e6f84 rgb(30,111,132)
```
#227c94
```
#227c94 rgb(34,124,148)
```
#268aa4
```
#268aa4 rgb(38,138,164)
```
#2997b4
```
#2997b4 rgb(41,151,180)
```
#2da4c4
```
#2da4c4 rgb(45,164,196)
```

Shade Color Variation

#34afd1
```
#34afd1 rgb(52,175,209)
```
#44b6d4
```
#44b6d4 rgb(68,182,212)
```
#54bcd8
```
#54bcd8 rgb(84,188,216)
```
#64c2dc
```
#64c2dc rgb(100,194,220)
```
#74c9df
```
#74c9df rgb(116,201,223)
```
#84cfe3
```
#84cfe3 rgb(132,207,227)
```
#94d5e7
```
#94d5e7 rgb(148,213,231)
```
#a4dbea
```
#a4dbea rgb(164,219,234)
```
#b4e2ee
```
#b4e2ee rgb(180,226,238)
```
#c4e8f2
```
#c4e8f2 rgb(196,232,242)
```
#d4eef5
```
#d4eef5 rgb(212,238,245)
```
#e4f4f9
```
#e4f4f9 rgb(228,244,249)
```
#f4fbfc
```
#f4fbfc rgb(244,251,252)
```

Tint Color Variation

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

#959797
```
#959797 rgb(149,151,151)
```
#8d9b9f
```
#8d9b9f rgb(141,155,159)
```
#84a0a8
```
#84a0a8 rgb(132,160,168)
```
#7ca5b0
```
#7ca5b0 rgb(124,165,176)
```
#74a9b8
```
#74a9b8 rgb(116,169,184)
```
#6caec0
```
#6caec0 rgb(108,174,192)
```
#64b3c8
```
#64b3c8 rgb(100,179,200)
```
#5cb7d0
```
#5cb7d0 rgb(92,183,208)
```
#54bcd8
```
#54bcd8 rgb(84,188,216)
```
#4cc1e0
```
#4cc1e0 rgb(76,193,224)
```
#44c5e8
```
#44c5e8 rgb(68,197,232)
```
#3ccaf0
```
#3ccaf0 rgb(60,202,240)
```
#34cff8
```
#34cff8 rgb(52,207,248)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#91a6ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb1d1 Protanopia 1% of men
#aab0df Deuteranopia 1% of men
#56c1cf Tritanopia 0.001% of the population

Trichromacy

#8cb5d3 Protanomaly 1% of men, 0.01% of women
#8bb4dc Deuteranomaly 6% of men, 0.4% of women
#55bfd2 Tritanomaly 0.01% of the population

#54bcd8 hex color

#54bcd8 Color Information

#54bcd8 Color Conversion

Color Schemes with #54bcd8

Alternatives to #54bcd8

#54bcd8 Preview

Shades and Tints of #54bcd8

Tones of #54bcd8

Color Blindness Simulator