colorhexa.com

#54bcee hex color

In a RGB color space, hex #54bcee is composed of 32.9% red, 73.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 21% magenta, 0% yellow and 6.7% black. It has a hue angle of 199.5 degrees, a saturation of 81.9% and a lightness of 63.1%. #54bcee color hex could be obtained by blending #a8ffff with #0079dd. Closest websafe color is: #66ccff.

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

● #54bcee color description : Soft blue.

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

Hex triplet	54bcee	`#54bcee`
RGB Decimal	84, 188, 238	`rgb(84,188,238)`
RGB Percent	32.9, 73.7, 93.3	`rgb(32.9%,73.7%,93.3%)`
CMYK	65, 21, 0, 7
HSL	199.5°, 81.9, 63.1	`hsl(199.5,81.9%,63.1%)`
HSV (or HSB)	199.5°, 64.7, 93.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.243, -15.051, -33.749
XYZ	37.068, 44.021, 87.428
xyY	0.22, 0.261, 44.021
CIE-LCH	72.243, 36.953, 245.965
CIE-LUV	72.243, -40.7, -52.118
Hunter-Lab	66.349, -16.385, -31.682
Binary	01010100, 10111100, 11101110

#54bcee
```
#54bcee rgb(84,188,238)
```
#ee8654
```
#ee8654 rgb(238,134,84)
```

Complementary Color

#54eed3
```
#54eed3 rgb(84,238,211)
```
#54bcee
```
#54bcee rgb(84,188,238)
```
#546fee
```
#546fee rgb(84,111,238)
```

Analogous Color

#eed354
```
#eed354 rgb(238,211,84)
```
#54bcee
```
#54bcee rgb(84,188,238)
```
#ee546f
```
#ee546f rgb(238,84,111)
```

Split Complementary Color

#bcee54
```
#bcee54 rgb(188,238,84)
```
#54bcee
```
#54bcee rgb(84,188,238)
```
#ee54bc
```
#ee54bc rgb(238,84,188)
```

Triadic Color

#54ee86
```
#54ee86 rgb(84,238,134)
```
#54bcee
```
#54bcee rgb(84,188,238)
```
#ee54bc
```
#ee54bc rgb(238,84,188)
```
#ee8654
```
#ee8654 rgb(238,134,84)
```

Tetradic Color

#169edf
```
#169edf rgb(22,158,223)
```
#26aae9
```
#26aae9 rgb(38,170,233)
```
#3db3ec
```
#3db3ec rgb(61,179,236)
```
#54bcee
```
#54bcee rgb(84,188,238)
```
#6bc5f0
```
#6bc5f0 rgb(107,197,240)
```
#82cef3
```
#82cef3 rgb(130,206,243)
```
#9ad7f5
```
#9ad7f5 rgb(154,215,245)
```

Monochromatic Color

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

#54e3ee
```
#54e3ee rgb(84,227,238)
```
#54d6ee
```
#54d6ee rgb(84,214,238)
```
#54c9ee
```
#54c9ee rgb(84,201,238)
```
#54bcee
```
#54bcee rgb(84,188,238)
```
#54afee
```
#54afee rgb(84,175,238)
```
#54a2ee
```
#54a2ee rgb(84,162,238)
```
#5496ee
```
#5496ee rgb(84,150,238)
```

Similar Colors

Text with hexadecimal color #54bcee

This text has a font color of #54bcee.

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

#54bcee background color

This paragraph has a background color of #54bcee.

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

#54bcee border color

This element has a border color of #54bcee.

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

CSS codes

.text {color:#54bcee;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#031219
```
#031219 rgb(3,18,25)
```
#041e2b
```
#041e2b rgb(4,30,43)
```
#062b3d
```
#062b3d rgb(6,43,61)
```
#08384f
```
#08384f rgb(8,56,79)
```
#0a4461
```
#0a4461 rgb(10,68,97)
```
#0b5172
```
#0b5172 rgb(11,81,114)
```
#0d5e84
```
#0d5e84 rgb(13,94,132)
```
#0f6a96
```
#0f6a96 rgb(15,106,150)
```
#1177a8
```
#1177a8 rgb(17,119,168)
```
#1283ba
```
#1283ba rgb(18,131,186)
```
#1490cc
```
#1490cc rgb(20,144,204)
```
#169dde
```
#169dde rgb(22,157,222)
```

Shade Color Variation

#1ea7e9
```
#1ea7e9 rgb(30,167,233)
```
#30aeea
```
#30aeea rgb(48,174,234)
```
#42b5ec
```
#42b5ec rgb(66,181,236)
```
#54bcee
```
#54bcee rgb(84,188,238)
```
#66c3f0
```
#66c3f0 rgb(102,195,240)
```
#78caf2
```
#78caf2 rgb(120,202,242)
```
#8ad1f3
```
#8ad1f3 rgb(138,209,243)
```
#9bd8f5
```
#9bd8f5 rgb(155,216,245)
```
#addff7
```
#addff7 rgb(173,223,247)
```
#bfe6f9
```
#bfe6f9 rgb(191,230,249)
```
#d1edfa
```
#d1edfa rgb(209,237,250)
```
#e3f4fc
```
#e3f4fc rgb(227,244,252)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Tint Color Variation

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

#9ca3a6
```
#9ca3a6 rgb(156,163,166)
```
#95a5ad
```
#95a5ad rgb(149,165,173)
```
#8ea8b4
```
#8ea8b4 rgb(142,168,180)
```
#87aabb
```
#87aabb rgb(135,170,187)
```
#7fadc3
```
#7fadc3 rgb(127,173,195)
```
#78afca
```
#78afca rgb(120,175,202)
```
#71b2d1
```
#71b2d1 rgb(113,178,209)
```
#6ab4d8
```
#6ab4d8 rgb(106,180,216)
```
#62b7e0
```
#62b7e0 rgb(98,183,224)
```
#5bb9e7
```
#5bb9e7 rgb(91,185,231)
```
#54bcee
```
#54bcee rgb(84,188,238)
```
#4dbff5
```
#4dbff5 rgb(77,191,245)
```
#46c1fc
```
#46c1fc rgb(70,193,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#93a8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b3e6 Protanopia 1% of men
#9fb3f3 Deuteranopia 1% of men
#49c4d3 Tritanopia 0.001% of the population

Trichromacy

#88b6e9 Protanomaly 1% of men, 0.01% of women
#83b6f1 Deuteranomaly 6% of men, 0.4% of women
#4dc1dc Tritanomaly 0.01% of the population