#54bdeb hex color

In a RGB color space, hex #54bdeb is composed of 32.9% red, 74.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 19.6% magenta, 0% yellow and 7.8% black. It has a hue angle of 198.3 degrees, a saturation of 79.1% and a lightness of 62.5%. #54bdeb color hex could be obtained by blending #a8ffff with #007bd7. 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

● #54bdeb color description : Soft blue.

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

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

CIE-LAB	72.412, -16.514, -31.862
XYZ	36.845, 44.275, 85.197
xyY	0.222, 0.266, 44.275
CIE-LCH	72.412, 35.887, 242.603
CIE-LUV	72.412, -41.2, -48.729
Hunter-Lab	66.54, -17.603, -29.337
Binary	01010100, 10111101, 11101011

#54bdeb
```
#54bdeb rgb(84,189,235)
```
#eb8254
```
#eb8254 rgb(235,130,84)
```

Complementary Color

#54ebce
```
#54ebce rgb(84,235,206)
```
#54bdeb
```
#54bdeb rgb(84,189,235)
```
#5472eb
```
#5472eb rgb(84,114,235)
```

Analogous Color

#ebce54
```
#ebce54 rgb(235,206,84)
```
#54bdeb
```
#54bdeb rgb(84,189,235)
```
#eb5472
```
#eb5472 rgb(235,84,114)
```

Split Complementary Color

#bdeb54
```
#bdeb54 rgb(189,235,84)
```
#54bdeb
```
#54bdeb rgb(84,189,235)
```
#eb54bd
```
#eb54bd rgb(235,84,189)
```

Triadic Color

#54eb82
```
#54eb82 rgb(84,235,130)
```
#54bdeb
```
#54bdeb rgb(84,189,235)
```
#eb54bd
```
#eb54bd rgb(235,84,189)
```
#eb8254
```
#eb8254 rgb(235,130,84)
```

Tetradic Color

#199fd9
```
#199fd9 rgb(25,159,217)
```
#26abe6
```
#26abe6 rgb(38,171,230)
```
#3db4e8
```
#3db4e8 rgb(61,180,232)
```
#54bdeb
```
#54bdeb rgb(84,189,235)
```
#6bc6ee
```
#6bc6ee rgb(107,198,238)
```
#82cff0
```
#82cff0 rgb(130,207,240)
```
#98d7f3
```
#98d7f3 rgb(152,215,243)
```

Monochromatic Color

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

#54e3eb
```
#54e3eb rgb(84,227,235)
```
#54d6eb
```
#54d6eb rgb(84,214,235)
```
#54caeb
```
#54caeb rgb(84,202,235)
```
#54bdeb
```
#54bdeb rgb(84,189,235)
```
#54b0eb
```
#54b0eb rgb(84,176,235)
```
#54a4eb
```
#54a4eb rgb(84,164,235)
```
#5497eb
```
#5497eb rgb(84,151,235)
```

Similar Colors

Text with hexadecimal color #54bdeb

This text has a font color of #54bdeb.

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

#54bdeb background color

This paragraph has a background color of #54bdeb.

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

#54bdeb border color

This element has a border color of #54bdeb.

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

CSS codes

.text {color:#54bdeb;}

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

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

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)
```
#09374b
```
#09374b rgb(9,55,75)
```
#0b445c
```
#0b445c rgb(11,68,92)
```
#0d506e
```
#0d506e rgb(13,80,110)
```
#0f5d80
```
#0f5d80 rgb(15,93,128)
```
#116a91
```
#116a91 rgb(17,106,145)
```
#1377a3
```
#1377a3 rgb(19,119,163)
```
#1584b4
```
#1584b4 rgb(21,132,180)
```
#1791c6
```
#1791c6 rgb(23,145,198)
```
#199dd7
```
#199dd7 rgb(25,157,215)
```

Shade Color Variation

#1fa9e5
```
#1fa9e5 rgb(31,169,229)
```
#31afe7
```
#31afe7 rgb(49,175,231)
```
#42b6e9
```
#42b6e9 rgb(66,182,233)
```
#54bdeb
```
#54bdeb rgb(84,189,235)
```
#66c4ed
```
#66c4ed rgb(102,196,237)
```
#77cbef
```
#77cbef rgb(119,203,239)
```
#89d1f1
```
#89d1f1 rgb(137,209,241)
```
#9ad8f3
```
#9ad8f3 rgb(154,216,243)
```
#acdff5
```
#acdff5 rgb(172,223,245)
```
#bde6f7
```
#bde6f7 rgb(189,230,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 #45c3fa 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)
```
#80acbf
```
#80acbf rgb(128,172,191)
```
#79afc6
```
#79afc6 rgb(121,175,198)
```
#71b2ce
```
#71b2ce rgb(113,178,206)
```
#6ab4d5
```
#6ab4d5 rgb(106,180,213)
```
#63b7dc
```
#63b7dc rgb(99,183,220)
```
#5bbae4
```
#5bbae4 rgb(91,186,228)
```
#54bdeb
```
#54bdeb rgb(84,189,235)
```
#4dc0f2
```
#4dc0f2 rgb(77,192,242)
```
#45c3fa
```
#45c3fa rgb(69,195,250)
```

Tone Color Variation

Below, you can see how #54bdeb 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
#93a8b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b3e3 Protanopia 1% of men
#a2b3f1 Deuteranopia 1% of men
#4cc5d3 Tritanopia 0.001% of the population

Trichromacy

#89b7e6 Protanomaly 1% of men, 0.01% of women
#85b6ee Deuteranomaly 6% of men, 0.4% of women
#4ec2dc Tritanomaly 0.01% of the population

#54bdeb hex color

#54bdeb Color Information

#54bdeb Color Conversion

Color Schemes with #54bdeb

Alternatives to #54bdeb

#54bdeb Preview

Shades and Tints of #54bdeb

Tones of #54bdeb

Color Blindness Simulator