#54abe5 hex color

In a RGB color space, hex #54abe5 is composed of 32.9% red, 67.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 25.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 204 degrees, a saturation of 73.6% and a lightness of 61.4%. #54abe5 color hex could be obtained by blending #a8ffff with #0057cb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 67
- B 90
RGB color chart
- C 63
- M 25
- Y 0
- K 10
CMYK color chart

● #54abe5 color description : Soft blue.

The hexadecimal color #54abe5 has RGB values of R:84, G:171, B:229 and CMYK values of C:0.63, M:0.25, Y:0, K:0.1. Its decimal value is 5549029.

Hex triplet	54abe5	`#54abe5`
RGB Decimal	84, 171, 229	`rgb(84,171,229)`
RGB Percent	32.9, 67.1, 89.8	`rgb(32.9%,67.1%,89.8%)`
CMYK	63, 25, 0, 10
HSL	204°, 73.6, 61.4	`hsl(204,73.6%,61.4%)`
HSV (or HSB)	204°, 63.3, 89.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.025, -8.738, -36.944
XYZ	32.358, 36.665, 79.496
xyY	0.218, 0.247, 36.665
CIE-LCH	67.025, 37.963, 256.693
CIE-LUV	67.025, -34.987, -57.784
Hunter-Lab	60.552, -10.577, -35.453
Binary	01010100, 10101011, 11100101

#54abe5
```
#54abe5 rgb(84,171,229)
```
#e58e54
```
#e58e54 rgb(229,142,84)
```

Complementary Color

#54e5d7
```
#54e5d7 rgb(84,229,215)
```
#54abe5
```
#54abe5 rgb(84,171,229)
```
#5462e5
```
#5462e5 rgb(84,98,229)
```

Analogous Color

#e5d754
```
#e5d754 rgb(229,215,84)
```
#54abe5
```
#54abe5 rgb(84,171,229)
```
#e55463
```
#e55463 rgb(229,84,99)
```

Split Complementary Color

#abe554
```
#abe554 rgb(171,229,84)
```
#54abe5
```
#54abe5 rgb(84,171,229)
```
#e554ab
```
#e554ab rgb(229,84,171)
```

Triadic Color

#54e58e
```
#54e58e rgb(84,229,142)
```
#54abe5
```
#54abe5 rgb(84,171,229)
```
#e554ab
```
#e554ab rgb(229,84,171)
```
#e58e54
```
#e58e54 rgb(229,142,84)
```

Tetradic Color

#1f88cd
```
#1f88cd rgb(31,136,205)
```
#2895de
```
#2895de rgb(40,149,222)
```
#3ea0e2
```
#3ea0e2 rgb(62,160,226)
```
#54abe5
```
#54abe5 rgb(84,171,229)
```
#6ab6e8
```
#6ab6e8 rgb(106,182,232)
```
#80c1ec
```
#80c1ec rgb(128,193,236)
```
#96ccef
```
#96ccef rgb(150,204,239)
```

Monochromatic Color

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

#54cfe5
```
#54cfe5 rgb(84,207,229)
```
#54c3e5
```
#54c3e5 rgb(84,195,229)
```
#54b7e5
```
#54b7e5 rgb(84,183,229)
```
#54abe5
```
#54abe5 rgb(84,171,229)
```
#549fe5
```
#549fe5 rgb(84,159,229)
```
#5493e5
```
#5493e5 rgb(84,147,229)
```
#5487e5
```
#5487e5 rgb(84,135,229)
```

Similar Colors

Text with hexadecimal color #54abe5

This text has a font color of #54abe5.

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

#54abe5 background color

This paragraph has a background color of #54abe5.

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

#54abe5 border color

This element has a border color of #54abe5.

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

CSS codes

.text {color:#54abe5;}

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

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

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

#020b10
```
#020b10 rgb(2,11,16)
```
#051621
```
#051621 rgb(5,22,33)
```
#082132
```
#082132 rgb(8,33,50)
```
#0a2d43
```
#0a2d43 rgb(10,45,67)
```
#0d3854
```
#0d3854 rgb(13,56,84)
```
#0f4365
```
#0f4365 rgb(15,67,101)
```
#124e76
```
#124e76 rgb(18,78,118)
```
#155a87
```
#155a87 rgb(21,90,135)
```
#176599
```
#176599 rgb(23,101,153)
```
#1a70aa
```
#1a70aa rgb(26,112,170)
```
#1c7bbb
```
#1c7bbb rgb(28,123,187)
```
#1f87cc
```
#1f87cc rgb(31,135,204)
```
#2292dd
```
#2292dd rgb(34,146,221)
```

Shade Color Variation

#329ae0
```
#329ae0 rgb(50,154,224)
```
#43a3e2
```
#43a3e2 rgb(67,163,226)
```
#54abe5
```
#54abe5 rgb(84,171,229)
```
#65b3e8
```
#65b3e8 rgb(101,179,232)
```
#76bcea
```
#76bcea rgb(118,188,234)
```
#87c4ed
```
#87c4ed rgb(135,196,237)
```
#98ccef
```
#98ccef rgb(152,204,239)
```
#a9d5f2
```
#a9d5f2 rgb(169,213,242)
```
#baddf5
```
#baddf5 rgb(186,221,245)
```
#cbe6f7
```
#cbe6f7 rgb(203,230,247)
```
#dceefa
```
#dceefa rgb(220,238,250)
```
#edf6fc
```
#edf6fc rgb(237,246,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989da1 is the less saturated color, while #3db0fc is the most saturated one.

#989da1
```
#989da1 rgb(152,157,161)
```
#919fa8
```
#919fa8 rgb(145,159,168)
```
#89a0b0
```
#89a0b0 rgb(137,160,176)
```
#81a2b8
```
#81a2b8 rgb(129,162,184)
```
#7aa3bf
```
#7aa3bf rgb(122,163,191)
```
#72a5c7
```
#72a5c7 rgb(114,165,199)
```
#6ba6ce
```
#6ba6ce rgb(107,166,206)
```
#63a8d6
```
#63a8d6 rgb(99,168,214)
```
#5ca9dd
```
#5ca9dd rgb(92,169,221)
```
#54abe5
```
#54abe5 rgb(84,171,229)
```
#4caded
```
#4caded rgb(76,173,237)
```
#45aef4
```
#45aef4 rgb(69,174,244)
```
#3db0fc
```
#3db0fc rgb(61,176,252)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8a9ca7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a5df Protanopia 1% of men
#8ca6e9 Deuteranopia 1% of men
#45b6c3 Tritanopia 0.001% of the population

Trichromacy

#7da7e1 Protanomaly 1% of men, 0.01% of women
#77a8e8 Deuteranomaly 6% of men, 0.4% of women
#4ab2cf Tritanomaly 0.01% of the population

#54abe5 hex color

#54abe5 Color Information

#54abe5 Color Conversion

Color Schemes with #54abe5

Alternatives to #54abe5

#54abe5 Preview

Shades and Tints of #54abe5

Tones of #54abe5

Color Blindness Simulator