#54bbe5 hex color

In a RGB color space, hex #54bbe5 is composed of 32.9% red, 73.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 18.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 197.4 degrees, a saturation of 73.6% and a lightness of 61.4%. #54bbe5 color hex could be obtained by blending #a8ffff with #0077cb. Closest websafe color is: #66cccc.

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

● #54bbe5 color description : Soft blue.

The hexadecimal color #54bbe5 has RGB values of R:84, G:187, B:229 and CMYK values of C:0.63, M:0.18, Y:0, K:0.1. Its decimal value is 5553125.

Hex triplet	54bbe5	`#54bbe5`
RGB Decimal	84, 187, 229	`rgb(84,187,229)`
RGB Percent	32.9, 73.3, 89.8	`rgb(32.9%,73.3%,89.8%)`
CMYK	63, 18, 0, 10
HSL	197.4°, 73.6, 61.4	`hsl(197.4,73.6%,61.4%)`
HSV (or HSB)	197.4°, 63.3, 89.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.609, -17.323, -29.845
XYZ	35.566, 43.08, 80.565
xyY	0.223, 0.271, 43.08
CIE-LCH	71.609, 34.508, 239.867
CIE-LUV	71.609, -40.761, -45.133
Hunter-Lab	65.635, -18.138, -26.832
Binary	01010100, 10111011, 11100101

#54bbe5
```
#54bbe5 rgb(84,187,229)
```
#e57e54
```
#e57e54 rgb(229,126,84)
```

Complementary Color

#54e5c7
```
#54e5c7 rgb(84,229,199)
```
#54bbe5
```
#54bbe5 rgb(84,187,229)
```
#5473e5
```
#5473e5 rgb(84,115,229)
```

Analogous Color

#e5c754
```
#e5c754 rgb(229,199,84)
```
#54bbe5
```
#54bbe5 rgb(84,187,229)
```
#e55473
```
#e55473 rgb(229,84,115)
```

Split Complementary Color

#bbe554
```
#bbe554 rgb(187,229,84)
```
#54bbe5
```
#54bbe5 rgb(84,187,229)
```
#e554bb
```
#e554bb rgb(229,84,187)
```

Triadic Color

#54e57e
```
#54e57e rgb(84,229,126)
```
#54bbe5
```
#54bbe5 rgb(84,187,229)
```
#e554bb
```
#e554bb rgb(229,84,187)
```
#e57e54
```
#e57e54 rgb(229,126,84)
```

Tetradic Color

#1f9bcd
```
#1f9bcd rgb(31,155,205)
```
#28a9de
```
#28a9de rgb(40,169,222)
```
#3eb2e2
```
#3eb2e2 rgb(62,178,226)
```
#54bbe5
```
#54bbe5 rgb(84,187,229)
```
#6ac4e8
```
#6ac4e8 rgb(106,196,232)
```
#80cdec
```
#80cdec rgb(128,205,236)
```
#96d5ef
```
#96d5ef rgb(150,213,239)
```

Monochromatic Color

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

#54dfe5
```
#54dfe5 rgb(84,223,229)
```
#54d3e5
```
#54d3e5 rgb(84,211,229)
```
#54c7e5
```
#54c7e5 rgb(84,199,229)
```
#54bbe5
```
#54bbe5 rgb(84,187,229)
```
#54afe5
```
#54afe5 rgb(84,175,229)
```
#54a3e5
```
#54a3e5 rgb(84,163,229)
```
#5497e5
```
#5497e5 rgb(84,151,229)
```

Similar Colors

Text with hexadecimal color #54bbe5

This text has a font color of #54bbe5.

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

#54bbe5 background color

This paragraph has a background color of #54bbe5.

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

#54bbe5 border color

This element has a border color of #54bbe5.

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

CSS codes

.text {color:#54bbe5;}

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

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

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

#020c10
```
#020c10 rgb(2,12,16)
```
#051921
```
#051921 rgb(5,25,33)
```
#082632
```
#082632 rgb(8,38,50)
```
#0a3343
```
#0a3343 rgb(10,51,67)
```
#0d4054
```
#0d4054 rgb(13,64,84)
```
#0f4d65
```
#0f4d65 rgb(15,77,101)
```
#125976
```
#125976 rgb(18,89,118)
```
#156687
```
#156687 rgb(21,102,135)
```
#177399
```
#177399 rgb(23,115,153)
```
#1a80aa
```
#1a80aa rgb(26,128,170)
```
#1c8dbb
```
#1c8dbb rgb(28,141,187)
```
#1f9acc
```
#1f9acc rgb(31,154,204)
```
#22a6dd
```
#22a6dd rgb(34,166,221)
```

Shade Color Variation

#32ade0
```
#32ade0 rgb(50,173,224)
```
#43b4e2
```
#43b4e2 rgb(67,180,226)
```
#54bbe5
```
#54bbe5 rgb(84,187,229)
```
#65c2e8
```
#65c2e8 rgb(101,194,232)
```
#76c9ea
```
#76c9ea rgb(118,201,234)
```
#87cfed
```
#87cfed rgb(135,207,237)
```
#98d6ef
```
#98d6ef rgb(152,214,239)
```
#a9ddf2
```
#a9ddf2 rgb(169,221,242)
```
#bae4f5
```
#bae4f5 rgb(186,228,245)
```
#cbeaf7
```
#cbeaf7 rgb(203,234,247)
```
#dcf1fa
```
#dcf1fa rgb(220,241,250)
```
#edf8fc
```
#edf8fc rgb(237,248,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#989ea1
```
#989ea1 rgb(152,158,161)
```
#91a1a8
```
#91a1a8 rgb(145,161,168)
```
#89a5b0
```
#89a5b0 rgb(137,165,176)
```
#81a8b8
```
#81a8b8 rgb(129,168,184)
```
#7aabbf
```
#7aabbf rgb(122,171,191)
```
#72aec7
```
#72aec7 rgb(114,174,199)
```
#6bb1ce
```
#6bb1ce rgb(107,177,206)
```
#63b5d6
```
#63b5d6 rgb(99,181,214)
```
#5cb8dd
```
#5cb8dd rgb(92,184,221)
```
#54bbe5
```
#54bbe5 rgb(84,187,229)
```
#4cbeed
```
#4cbeed rgb(76,190,237)
```
#45c1f4
```
#45c1f4 rgb(69,193,244)
```
#3dc5fc
```
#3dc5fc rgb(61,197,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#92a6af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b1de Protanopia 1% of men
#a2b1eb Deuteranopia 1% of men
#4ec2d0 Tritanopia 0.001% of the population

Trichromacy

#89b5e0 Protanomaly 1% of men, 0.01% of women
#86b4e9 Deuteranomaly 6% of men, 0.4% of women
#50bfd8 Tritanomaly 0.01% of the population

#54bbe5 hex color

#54bbe5 Color Information

#54bbe5 Color Conversion

Color Schemes with #54bbe5

Alternatives to #54bbe5

#54bbe5 Preview

Shades and Tints of #54bbe5

Tones of #54bbe5

Color Blindness Simulator