#54bced hex color

In a RGB color space, hex #54bced is composed of 32.9% red, 73.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 20.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 199.2 degrees, a saturation of 81% and a lightness of 62.9%. #54bced color hex could be obtained by blending #a8ffff with #0079db. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 74
- B 93
RGB color chart
- C 65
- M 21
- Y 0
- K 7
CMYK color chart

● #54bced color description : Soft blue.

The hexadecimal color #54bced has RGB values of R:84, G:188, B:237 and CMYK values of C:0.65, M:0.21, Y:0, K:0.07. Its decimal value is 5553389.

Hex triplet	54bced	`#54bced`
RGB Decimal	84, 188, 237	`rgb(84,188,237)`
RGB Percent	32.9, 73.7, 92.9	`rgb(32.9%,73.7%,92.9%)`
CMYK	65, 21, 0, 7
HSL	199.2°, 81, 62.9	`hsl(199.2,81%,62.9%)`
HSV (or HSB)	199.2°, 64.6, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.204, -15.364, -33.268
XYZ	36.922, 43.963, 86.656
xyY	0.22, 0.262, 43.963
CIE-LCH	72.204, 36.644, 245.211
CIE-LUV	72.204, -40.747, -51.254
Hunter-Lab	66.304, -16.635, -31.075
Binary	01010100, 10111100, 11101101

#54bced
```
#54bced rgb(84,188,237)
```
#ed8554
```
#ed8554 rgb(237,133,84)
```

Complementary Color

#54edd2
```
#54edd2 rgb(84,237,210)
```
#54bced
```
#54bced rgb(84,188,237)
```
#5470ed
```
#5470ed rgb(84,112,237)
```

Analogous Color

#edd254
```
#edd254 rgb(237,210,84)
```
#54bced
```
#54bced rgb(84,188,237)
```
#ed5470
```
#ed5470 rgb(237,84,112)
```

Split Complementary Color

#bced54
```
#bced54 rgb(188,237,84)
```
#54bced
```
#54bced rgb(84,188,237)
```
#ed54bc
```
#ed54bc rgb(237,84,188)
```

Triadic Color

#54ed85
```
#54ed85 rgb(84,237,133)
```
#54bced
```
#54bced rgb(84,188,237)
```
#ed54bc
```
#ed54bc rgb(237,84,188)
```
#ed8554
```
#ed8554 rgb(237,133,84)
```

Tetradic Color

#179edd
```
#179edd rgb(23,158,221)
```
#26aae8
```
#26aae8 rgb(38,170,232)
```
#3db3eb
```
#3db3eb rgb(61,179,235)
```
#54bced
```
#54bced rgb(84,188,237)
```
#6bc5ef
```
#6bc5ef rgb(107,197,239)
```
#82cef2
```
#82cef2 rgb(130,206,242)
```
#99d7f4
```
#99d7f4 rgb(153,215,244)
```

Monochromatic Color

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

#54e2ed
```
#54e2ed rgb(84,226,237)
```
#54d6ed
```
#54d6ed rgb(84,214,237)
```
#54c9ed
```
#54c9ed rgb(84,201,237)
```
#54bced
```
#54bced rgb(84,188,237)
```
#54afed
```
#54afed rgb(84,175,237)
```
#54a3ed
```
#54a3ed rgb(84,163,237)
```
#5496ed
```
#5496ed rgb(84,150,237)
```

Similar Colors

Text with hexadecimal color #54bced

This text has a font color of #54bced.

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

#54bced background color

This paragraph has a background color of #54bced.

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

#54bced border color

This element has a border color of #54bced.

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

CSS codes

.text {color:#54bced;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#031118
```
#031118 rgb(3,17,24)
```
#041e2a
```
#041e2a rgb(4,30,42)
```
#062b3c
```
#062b3c rgb(6,43,60)
```
#08374d
```
#08374d rgb(8,55,77)
```
#0a445f
```
#0a445f rgb(10,68,95)
```
#0c5171
```
#0c5171 rgb(12,81,113)
```
#0e5d83
```
#0e5d83 rgb(14,93,131)
```
#106a94
```
#106a94 rgb(16,106,148)
```
#1177a6
```
#1177a6 rgb(17,119,166)
```
#1383b8
```
#1383b8 rgb(19,131,184)
```
#1590ca
```
#1590ca rgb(21,144,202)
```
#179ddb
```
#179ddb rgb(23,157,219)
```

Shade Color Variation

#1fa7e7
```
#1fa7e7 rgb(31,167,231)
```
#31aee9
```
#31aee9 rgb(49,174,233)
```
#42b5eb
```
#42b5eb rgb(66,181,235)
```
#54bced
```
#54bced rgb(84,188,237)
```
#66c3ef
```
#66c3ef rgb(102,195,239)
```
#77caf1
```
#77caf1 rgb(119,202,241)
```
#89d1f3
```
#89d1f3 rgb(137,209,243)
```
#9bd8f4
```
#9bd8f4 rgb(155,216,244)
```
#addff6
```
#addff6 rgb(173,223,246)
```
#bee6f8
```
#bee6f8 rgb(190,230,248)
```
#d0edfa
```
#d0edfa rgb(208,237,250)
```
#e2f4fc
```
#e2f4fc rgb(226,244,252)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da2a4 is the less saturated color, while #45c1fc is the most saturated one.

#9da2a4
```
#9da2a4 rgb(157,162,164)
```
#95a4ac
```
#95a4ac rgb(149,164,172)
```
#8ea7b3
```
#8ea7b3 rgb(142,167,179)
```
#87aaba
```
#87aaba rgb(135,170,186)
```
#80acc1
```
#80acc1 rgb(128,172,193)
```
#78afc9
```
#78afc9 rgb(120,175,201)
```
#71b2d0
```
#71b2d0 rgb(113,178,208)
```
#6ab4d7
```
#6ab4d7 rgb(106,180,215)
```
#63b7de
```
#63b7de rgb(99,183,222)
```
#5bb9e6
```
#5bb9e6 rgb(91,185,230)
```
#54bced
```
#54bced rgb(84,188,237)
```
#4dbff4
```
#4dbff4 rgb(77,191,244)
```
#45c1fc
```
#45c1fc rgb(69,193,252)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#92a7b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b3e5 Protanopia 1% of men
#9fb3f2 Deuteranopia 1% of men
#49c4d2 Tritanopia 0.001% of the population

Trichromacy

#88b6e8 Protanomaly 1% of men, 0.01% of women
#84b6f0 Deuteranomaly 6% of men, 0.4% of women
#4dc1dc Tritanomaly 0.01% of the population

#54bced hex color

#54bced Color Information

#54bced Color Conversion

Color Schemes with #54bced

Alternatives to #54bced

#54bced Preview

Shades and Tints of #54bced

Tones of #54bced

Color Blindness Simulator