#5485eb hex color

In a RGB color space, hex #5485eb is composed of 32.9% red, 52.2% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 43.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 220.5 degrees, a saturation of 79.1% and a lightness of 62.5%. #5485eb color hex could be obtained by blending #a8ffff with #000bd7. Closest websafe color is: #6699ff.

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

● #5485eb color description : Soft blue.

The hexadecimal color #5485eb has RGB values of R:84, G:133, B:235 and CMYK values of C:0.64, M:0.43, Y:0, K:0.08. Its decimal value is 5539307.

Hex triplet	5485eb	`#5485eb`
RGB Decimal	84, 133, 235	`rgb(84,133,235)`
RGB Percent	32.9, 52.2, 92.2	`rgb(32.9%,52.2%,92.2%)`
CMYK	64, 43, 0, 8
HSL	220.5°, 79.1, 62.5	`hsl(220.5,79.1%,62.5%)`
HSV (or HSB)	220.5°, 64.3, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.739, 15.299, -56.496
XYZ	27.036, 24.656, 81.927
xyY	0.202, 0.185, 24.656
CIE-LCH	56.739, 58.531, 285.152
CIE-LUV	56.739, -21.808, -90.757
Hunter-Lab	49.655, 10.292, -63.065
Binary	01010100, 10000101, 11101011

#5485eb
```
#5485eb rgb(84,133,235)
```
#ebba54
```
#ebba54 rgb(235,186,84)
```

Complementary Color

#54d1eb
```
#54d1eb rgb(84,209,235)
```
#5485eb
```
#5485eb rgb(84,133,235)
```
#6f54eb
```
#6f54eb rgb(111,84,235)
```

Analogous Color

#d1eb54
```
#d1eb54 rgb(209,235,84)
```
#5485eb
```
#5485eb rgb(84,133,235)
```
#eb6f54
```
#eb6f54 rgb(235,111,84)
```

Split Complementary Color

#85eb54
```
#85eb54 rgb(133,235,84)
```
#5485eb
```
#5485eb rgb(84,133,235)
```
#eb5485
```
#eb5485 rgb(235,84,133)
```

Triadic Color

#54ebba
```
#54ebba rgb(84,235,186)
```
#5485eb
```
#5485eb rgb(84,133,235)
```
#eb5485
```
#eb5485 rgb(235,84,133)
```
#ebba54
```
#ebba54 rgb(235,186,84)
```

Tetradic Color

#1958d9
```
#1958d9 rgb(25,88,217)
```
#2664e6
```
#2664e6 rgb(38,100,230)
```
#3d75e8
```
#3d75e8 rgb(61,117,232)
```
#5485eb
```
#5485eb rgb(84,133,235)
```
#6b95ee
```
#6b95ee rgb(107,149,238)
```
#82a6f0
```
#82a6f0 rgb(130,166,240)
```
#98b6f3
```
#98b6f3 rgb(152,182,243)
```

Monochromatic Color

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

#54abeb
```
#54abeb rgb(84,171,235)
```
#549eeb
```
#549eeb rgb(84,158,235)
```
#5492eb
```
#5492eb rgb(84,146,235)
```
#5485eb
```
#5485eb rgb(84,133,235)
```
#5478eb
```
#5478eb rgb(84,120,235)
```
#546ceb
```
#546ceb rgb(84,108,235)
```
#545feb
```
#545feb rgb(84,95,235)
```

Similar Colors

Text with hexadecimal color #5485eb

This text has a font color of #5485eb.

<span style="color:#5485eb;">Text here</span>

#5485eb background color

This paragraph has a background color of #5485eb.

<p style="background-color:#5485eb;">Content here</p>

#5485eb border color

This element has a border color of #5485eb.

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

CSS codes

.text {color:#5485eb;}

.background {background-color:#5485eb;}

.border {border:1px solid #5485eb;}

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

#010205
```
#010205 rgb(1,2,5)
```
#030916
```
#030916 rgb(3,9,22)
```
#051028
```
#051028 rgb(5,16,40)
```
#071739
```
#071739 rgb(7,23,57)
```
#091e4b
```
#091e4b rgb(9,30,75)
```
#0b255c
```
#0b255c rgb(11,37,92)
```
#0d2c6e
```
#0d2c6e rgb(13,44,110)
```
#0f3380
```
#0f3380 rgb(15,51,128)
```
#113b91
```
#113b91 rgb(17,59,145)
```
#1342a3
```
#1342a3 rgb(19,66,163)
```
#1549b4
```
#1549b4 rgb(21,73,180)
```
#1750c6
```
#1750c6 rgb(23,80,198)
```
#1957d7
```
#1957d7 rgb(25,87,215)
```

Shade Color Variation

#1f5fe5
```
#1f5fe5 rgb(31,95,229)
```
#316ce7
```
#316ce7 rgb(49,108,231)
```
#4278e9
```
#4278e9 rgb(66,120,233)
```
#5485eb
```
#5485eb rgb(84,133,235)
```
#6692ed
```
#6692ed rgb(102,146,237)
```
#779eef
```
#779eef rgb(119,158,239)
```
#89abf1
```
#89abf1 rgb(137,171,241)
```
#9ab7f3
```
#9ab7f3 rgb(154,183,243)
```
#acc4f5
```
#acc4f5 rgb(172,196,245)
```
#bdd0f7
```
#bdd0f7 rgb(189,208,247)
```
#cfddf9
```
#cfddf9 rgb(207,221,249)
```
#e0e9fb
```
#e0e9fb rgb(224,233,251)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

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

#9d9fa2
```
#9d9fa2 rgb(157,159,162)
```
#969ca9
```
#969ca9 rgb(150,156,169)
```
#8f9ab0
```
#8f9ab0 rgb(143,154,176)
```
#8797b8
```
#8797b8 rgb(135,151,184)
```
#8094bf
```
#8094bf rgb(128,148,191)
```
#7992c6
```
#7992c6 rgb(121,146,198)
```
#718fce
```
#718fce rgb(113,143,206)
```
#6a8dd5
```
#6a8dd5 rgb(106,141,213)
```
#638adc
```
#638adc rgb(99,138,220)
```
#5b88e4
```
#5b88e4 rgb(91,136,228)
```
#5485eb
```
#5485eb rgb(84,133,235)
```
#4d82f2
```
#4d82f2 rgb(77,130,242)
```
#4580fa
```
#4580fa rgb(69,128,250)
```

Tone Color Variation

Below, you can see how #5485eb 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

#828282 Achromatopsia 0.005% of the population
#798397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e8beb Protanopia 1% of men
#3b8fea Deuteranopia 1% of men
#1f9ba7 Tritanopia 0.001% of the population

Trichromacy

#5a88eb Protanomaly 1% of men, 0.01% of women
#448bea Deuteranomaly 6% of men, 0.4% of women
#3293bf Tritanomaly 0.01% of the population

#5485eb hex color

#5485eb Color Information

#5485eb Color Conversion

Color Schemes with #5485eb

Alternatives to #5485eb

#5485eb Preview

Shades and Tints of #5485eb

Tones of #5485eb

Color Blindness Simulator