#54bceb hex color

In a RGB color space, hex #54bceb is composed of 32.9% red, 73.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 20% magenta, 0% yellow and 7.8% black. It has a hue angle of 198.7 degrees, a saturation of 79.1% and a lightness of 62.5%. #54bceb color hex could be obtained by blending #a8ffff with #0079d7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 74
- B 92
RGB color chart
- C 64
- M 20
- Y 0
- K 8
CMYK color chart

● #54bceb color description : Soft blue.

The hexadecimal color #54bceb has RGB values of R:84, G:188, B:235 and CMYK values of C:0.64, M:0.2, Y:0, K:0.08. Its decimal value is 5553387.

Hex triplet	54bceb	`#54bceb`
RGB Decimal	84, 188, 235	`rgb(84,188,235)`
RGB Percent	32.9, 73.7, 92.2	`rgb(32.9%,73.7%,92.2%)`
CMYK	64, 20, 0, 8
HSL	198.7°, 79.1, 62.5	`hsl(198.7,79.1%,62.5%)`
HSV (or HSB)	198.7°, 64.3, 92.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.126, -15.988, -32.304
XYZ	36.631, 43.847, 85.125
xyY	0.221, 0.265, 43.847
CIE-LCH	72.126, 36.044, 243.668
CIE-LUV	72.126, -40.84, -49.525
Hunter-Lab	66.217, -17.134, -29.869
Binary	01010100, 10111100, 11101011

#54bceb
```
#54bceb rgb(84,188,235)
```
#eb8354
```
#eb8354 rgb(235,131,84)
```

Complementary Color

#54ebcf
```
#54ebcf rgb(84,235,207)
```
#54bceb
```
#54bceb rgb(84,188,235)
```
#5471eb
```
#5471eb rgb(84,113,235)
```

Analogous Color

#ebcf54
```
#ebcf54 rgb(235,207,84)
```
#54bceb
```
#54bceb rgb(84,188,235)
```
#eb5471
```
#eb5471 rgb(235,84,113)
```

Split Complementary Color

#bceb54
```
#bceb54 rgb(188,235,84)
```
#54bceb
```
#54bceb rgb(84,188,235)
```
#eb54bc
```
#eb54bc rgb(235,84,188)
```

Triadic Color

#54eb83
```
#54eb83 rgb(84,235,131)
```
#54bceb
```
#54bceb rgb(84,188,235)
```
#eb54bc
```
#eb54bc rgb(235,84,188)
```
#eb8354
```
#eb8354 rgb(235,131,84)
```

Tetradic Color

#199dd9
```
#199dd9 rgb(25,157,217)
```
#26aae6
```
#26aae6 rgb(38,170,230)
```
#3db3e8
```
#3db3e8 rgb(61,179,232)
```
#54bceb
```
#54bceb rgb(84,188,235)
```
#6bc5ee
```
#6bc5ee rgb(107,197,238)
```
#82cef0
```
#82cef0 rgb(130,206,240)
```
#98d7f3
```
#98d7f3 rgb(152,215,243)
```

Monochromatic Color

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

#54e2eb
```
#54e2eb rgb(84,226,235)
```
#54d5eb
```
#54d5eb rgb(84,213,235)
```
#54c9eb
```
#54c9eb rgb(84,201,235)
```
#54bceb
```
#54bceb rgb(84,188,235)
```
#54afeb
```
#54afeb rgb(84,175,235)
```
#54a3eb
```
#54a3eb rgb(84,163,235)
```
#5496eb
```
#5496eb rgb(84,150,235)
```

Similar Colors

Text with hexadecimal color #54bceb

This text has a font color of #54bceb.

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

#54bceb background color

This paragraph has a background color of #54bceb.

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

#54bceb border color

This element has a border color of #54bceb.

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

CSS codes

.text {color:#54bceb;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#031016
```
#031016 rgb(3,16,22)
```
#051d28
```
#051d28 rgb(5,29,40)
```
#072a39
```
#072a39 rgb(7,42,57)
```
#09364b
```
#09364b rgb(9,54,75)
```
#0b435c
```
#0b435c rgb(11,67,92)
```
#0d506e
```
#0d506e rgb(13,80,110)
```
#0f5c80
```
#0f5c80 rgb(15,92,128)
```
#116991
```
#116991 rgb(17,105,145)
```
#1376a3
```
#1376a3 rgb(19,118,163)
```
#1583b4
```
#1583b4 rgb(21,131,180)
```
#178fc6
```
#178fc6 rgb(23,143,198)
```
#199cd7
```
#199cd7 rgb(25,156,215)
```

Shade Color Variation

#1fa7e5
```
#1fa7e5 rgb(31,167,229)
```
#31aee7
```
#31aee7 rgb(49,174,231)
```
#42b5e9
```
#42b5e9 rgb(66,181,233)
```
#54bceb
```
#54bceb rgb(84,188,235)
```
#66c3ed
```
#66c3ed rgb(102,195,237)
```
#77caef
```
#77caef rgb(119,202,239)
```
#89d1f1
```
#89d1f1 rgb(137,209,241)
```
#9ad8f3
```
#9ad8f3 rgb(154,216,243)
```
#acdef5
```
#acdef5 rgb(172,222,245)
```
#bde5f7
```
#bde5f7 rgb(189,229,247)
```
#cfecf9
```
#cfecf9 rgb(207,236,249)
```
#e0f3fb
```
#e0f3fb rgb(224,243,251)
```
#f2fafd
```
#f2fafd rgb(242,250,253)
```

Tint Color Variation

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

#9da0a2
```
#9da0a2 rgb(157,160,162)
```
#96a3a9
```
#96a3a9 rgb(150,163,169)
```
#8fa6b0
```
#8fa6b0 rgb(143,166,176)
```
#87a9b8
```
#87a9b8 rgb(135,169,184)
```
#80abbf
```
#80abbf rgb(128,171,191)
```
#79aec6
```
#79aec6 rgb(121,174,198)
```
#71b1ce
```
#71b1ce rgb(113,177,206)
```
#6ab4d5
```
#6ab4d5 rgb(106,180,213)
```
#63b6dc
```
#63b6dc rgb(99,182,220)
```
#5bb9e4
```
#5bb9e4 rgb(91,185,228)
```
#54bceb
```
#54bceb rgb(84,188,235)
```
#4dbff2
```
#4dbff2 rgb(77,191,242)
```
#45c2fa
```
#45c2fa rgb(69,194,250)
```

Tone Color Variation

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

#a7b3e3 Protanopia 1% of men
#a0b2f1 Deuteranopia 1% of men
#4bc4d2 Tritanopia 0.001% of the population

Trichromacy

#89b6e6 Protanomaly 1% of men, 0.01% of women
#84b6ee Deuteranomaly 6% of men, 0.4% of women
#4ec1db Tritanomaly 0.01% of the population

#54bceb hex color

#54bceb Color Information

#54bceb Color Conversion

Color Schemes with #54bceb

Alternatives to #54bceb

#54bceb Preview

Shades and Tints of #54bceb

Tones of #54bceb

Color Blindness Simulator