#5474db hex color

In a RGB color space, hex #5474db is composed of 32.9% red, 45.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 47% magenta, 0% yellow and 14.1% black. It has a hue angle of 225.8 degrees, a saturation of 65.2% and a lightness of 59.4%. #5474db color hex could be obtained by blending #a8e8ff with #0000b7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 45
- B 86
RGB color chart
- C 62
- M 47
- Y 0
- K 14
CMYK color chart

● #5474db color description : Soft blue.

The hexadecimal color #5474db has RGB values of R:84, G:116, B:219 and CMYK values of C:0.62, M:0.47, Y:0, K:0.14. Its decimal value is 5534939.

Hex triplet	5474db	`#5474db`
RGB Decimal	84, 116, 219	`rgb(84,116,219)`
RGB Percent	32.9, 45.5, 85.9	`rgb(32.9%,45.5%,85.9%)`
CMYK	62, 47, 0, 14
HSL	225.8°, 65.2, 59.4	`hsl(225.8,65.2%,59.4%)`
HSV (or HSB)	225.8°, 61.6, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.254, 20.26, -56.313
XYZ	22.685, 19.489, 69.58
xyY	0.203, 0.174, 19.489
CIE-LCH	51.254, 59.846, 289.787
CIE-LUV	51.254, -16.386, -88.918
Hunter-Lab	44.146, 14.469, -62.547
Binary	01010100, 01110100, 11011011

#5474db
```
#5474db rgb(84,116,219)
```
#dbbb54
```
#dbbb54 rgb(219,187,84)
```

Complementary Color

#54b8db
```
#54b8db rgb(84,184,219)
```
#5474db
```
#5474db rgb(84,116,219)
```
#7854db
```
#7854db rgb(120,84,219)
```

Analogous Color

#b8db54
```
#b8db54 rgb(184,219,84)
```
#5474db
```
#5474db rgb(84,116,219)
```
#db7854
```
#db7854 rgb(219,120,84)
```

Split Complementary Color

#74db54
```
#74db54 rgb(116,219,84)
```
#5474db
```
#5474db rgb(84,116,219)
```
#db5474
```
#db5474 rgb(219,84,116)
```

Triadic Color

#54dbbb
```
#54dbbb rgb(84,219,187)
```
#5474db
```
#5474db rgb(84,116,219)
```
#db5474
```
#db5474 rgb(219,84,116)
```
#dbbb54
```
#dbbb54 rgb(219,187,84)
```

Tetradic Color

#274abb
```
#274abb rgb(39,74,187)
```
#2c53d0
```
#2c53d0 rgb(44,83,208)
```
#3f63d7
```
#3f63d7 rgb(63,99,215)
```
#5474db
```
#5474db rgb(84,116,219)
```
#6985df
```
#6985df rgb(105,133,223)
```
#7e96e4
```
#7e96e4 rgb(126,150,228)
```
#93a7e8
```
#93a7e8 rgb(147,167,232)
```

Monochromatic Color

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

#5496db
```
#5496db rgb(84,150,219)
```
#548bdb
```
#548bdb rgb(84,139,219)
```
#547fdb
```
#547fdb rgb(84,127,219)
```
#5474db
```
#5474db rgb(84,116,219)
```
#5469db
```
#5469db rgb(84,105,219)
```
#545edb
```
#545edb rgb(84,94,219)
```
#5654db
```
#5654db rgb(86,84,219)
```

Similar Colors

Text with hexadecimal color #5474db

This text has a font color of #5474db.

<span style="color:#5474db;">Text here</span>

#5474db background color

This paragraph has a background color of #5474db.

<p style="background-color:#5474db;">Content here</p>

#5474db border color

This element has a border color of #5474db.

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

CSS codes

.text {color:#5474db;}

.background {background-color:#5474db;}

.border {border:1px solid #5474db;}

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

#020307
```
#020307 rgb(2,3,7)
```
#050917
```
#050917 rgb(5,9,23)
```
#081028
```
#081028 rgb(8,16,40)
```
#0c1638
```
#0c1638 rgb(12,22,56)
```
#0f1d48
```
#0f1d48 rgb(15,29,72)
```
#132358
```
#132358 rgb(19,35,88)
```
#162a68
```
#162a68 rgb(22,42,104)
```
#193079
```
#193079 rgb(25,48,121)
```
#1d3689
```
#1d3689 rgb(29,54,137)
```
#203d99
```
#203d99 rgb(32,61,153)
```
#2443a9
```
#2443a9 rgb(36,67,169)
```
#274ab9
```
#274ab9 rgb(39,74,185)
```
#2a50ca
```
#2a50ca rgb(42,80,202)
```

Shade Color Variation

#345ad4
```
#345ad4 rgb(52,90,212)
```
#4467d8
```
#4467d8 rgb(68,103,216)
```
#5474db
```
#5474db rgb(84,116,219)
```
#6481de
```
#6481de rgb(100,129,222)
```
#748ee2
```
#748ee2 rgb(116,142,226)
```
#859ce5
```
#859ce5 rgb(133,156,229)
```
#95a9e9
```
#95a9e9 rgb(149,169,233)
```
#a5b6ec
```
#a5b6ec rgb(165,182,236)
```
#b5c3ef
```
#b5c3ef rgb(181,195,239)
```
#c5d0f3
```
#c5d0f3 rgb(197,208,243)
```
#d6ddf6
```
#d6ddf6 rgb(214,221,246)
```
#e6ebfa
```
#e6ebfa rgb(230,235,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94959b is the less saturated color, while #3463fb is the most saturated one.

#94959b
```
#94959b rgb(148,149,155)
```
#8c91a3
```
#8c91a3 rgb(140,145,163)
```
#848dab
```
#848dab rgb(132,141,171)
```
#7c89b3
```
#7c89b3 rgb(124,137,179)
```
#7485bb
```
#7485bb rgb(116,133,187)
```
#6c81c3
```
#6c81c3 rgb(108,129,195)
```
#647ccb
```
#647ccb rgb(100,124,203)
```
#5c78d3
```
#5c78d3 rgb(92,120,211)
```
#5474db
```
#5474db rgb(84,116,219)
```
#4c70e3
```
#4c70e3 rgb(76,112,227)
```
#446ceb
```
#446ceb rgb(68,108,235)
```
#3c67f3
```
#3c67f3 rgb(60,103,243)
```
#3463fb
```
#3463fb rgb(52,99,251)
```

Tone Color Variation

Below, you can see how #5474db 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

#767676 Achromatopsia 0.005% of the population
#6f768a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a7ddf Protanopia 1% of men
#1b82d9 Deuteranopia 1% of men
#2b8c96 Tritanopia 0.001% of the population

Trichromacy

#4e7add Protanomaly 1% of men, 0.01% of women
#307dda Deuteranomaly 6% of men, 0.4% of women
#3983af Tritanomaly 0.01% of the population

#5474db hex color

#5474db Color Information

#5474db Color Conversion

Color Schemes with #5474db

Alternatives to #5474db

#5474db Preview

Shades and Tints of #5474db

Tones of #5474db

Color Blindness Simulator