#5456db hex color

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

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

● #5456db color description : Soft blue.

The hexadecimal color #5456db has RGB values of R:84, G:86, B:219 and CMYK values of C:0.62, M:0.61, Y:0, K:0.14. Its decimal value is 5527259.

Hex triplet	5456db	`#5456db`
RGB Decimal	84, 86, 219	`rgb(84,86,219)`
RGB Percent	32.9, 33.7, 85.9	`rgb(32.9%,33.7%,85.9%)`
CMYK	62, 61, 0, 14
HSL	239.1°, 65.2, 59.4	`hsl(239.1,65.2%,59.4%)`
HSV (or HSB)	239.1°, 61.6, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.733, 38.771, -68.475
XYZ	19.768, 13.654, 68.608
xyY	0.194, 0.134, 13.654
CIE-LCH	43.733, 78.689, 299.519
CIE-LUV	43.733, -8.031, -103.938
Hunter-Lab	36.951, 30.826, -84.218
Binary	01010100, 01010110, 11011011

#5456db
```
#5456db rgb(84,86,219)
```
#dbd954
```
#dbd954 rgb(219,217,84)
```

Complementary Color

#549adb
```
#549adb rgb(84,154,219)
```
#5456db
```
#5456db rgb(84,86,219)
```
#9654db
```
#9654db rgb(150,84,219)
```

Analogous Color

#9adb54
```
#9adb54 rgb(154,219,84)
```
#5456db
```
#5456db rgb(84,86,219)
```
#db9654
```
#db9654 rgb(219,150,84)
```

Split Complementary Color

#56db54
```
#56db54 rgb(86,219,84)
```
#5456db
```
#5456db rgb(84,86,219)
```
#db5456
```
#db5456 rgb(219,84,86)
```

Triadic Color

#54dbd9
```
#54dbd9 rgb(84,219,217)
```
#5456db
```
#5456db rgb(84,86,219)
```
#db5456
```
#db5456 rgb(219,84,86)
```
#dbd954
```
#dbd954 rgb(219,217,84)
```

Tetradic Color

#272abb
```
#272abb rgb(39,42,187)
```
#2c2ed0
```
#2c2ed0 rgb(44,46,208)
```
#3f41d7
```
#3f41d7 rgb(63,65,215)
```
#5456db
```
#5456db rgb(84,86,219)
```
#696bdf
```
#696bdf rgb(105,107,223)
```
#7e80e4
```
#7e80e4 rgb(126,128,228)
```
#9394e8
```
#9394e8 rgb(147,148,232)
```

Monochromatic Color

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

#5478db
```
#5478db rgb(84,120,219)
```
#546ddb
```
#546ddb rgb(84,109,219)
```
#5461db
```
#5461db rgb(84,97,219)
```
#5456db
```
#5456db rgb(84,86,219)
```
#5d54db
```
#5d54db rgb(93,84,219)
```
#6954db
```
#6954db rgb(105,84,219)
```
#7454db
```
#7454db rgb(116,84,219)
```

Similar Colors

Text with hexadecimal color #5456db

This text has a font color of #5456db.

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

#5456db background color

This paragraph has a background color of #5456db.

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

#5456db border color

This element has a border color of #5456db.

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

CSS codes

.text {color:#5456db;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#050517
```
#050517 rgb(5,5,23)
```
#080928
```
#080928 rgb(8,9,40)
```
#0c0c38
```
#0c0c38 rgb(12,12,56)
```
#0f1048
```
#0f1048 rgb(15,16,72)
```
#131458
```
#131458 rgb(19,20,88)
```
#161768
```
#161768 rgb(22,23,104)
```
#191b79
```
#191b79 rgb(25,27,121)
```
#1d1e89
```
#1d1e89 rgb(29,30,137)
```
#202299
```
#202299 rgb(32,34,153)
```
#2426a9
```
#2426a9 rgb(36,38,169)
```
#2729b9
```
#2729b9 rgb(39,41,185)
```
#2a2dca
```
#2a2dca rgb(42,45,202)
```

Shade Color Variation

#3436d4
```
#3436d4 rgb(52,54,212)
```
#4446d8
```
#4446d8 rgb(68,70,216)
```
#5456db
```
#5456db rgb(84,86,219)
```
#6466de
```
#6466de rgb(100,102,222)
```
#7476e2
```
#7476e2 rgb(116,118,226)
```
#8586e5
```
#8586e5 rgb(133,134,229)
```
#9596e9
```
#9596e9 rgb(149,150,233)
```
#a5a6ec
```
#a5a6ec rgb(165,166,236)
```
#b5b6ef
```
#b5b6ef rgb(181,182,239)
```
#c5c6f3
```
#c5c6f3 rgb(197,198,243)
```
#d6d6f6
```
#d6d6f6 rgb(214,214,246)
```
#e6e6fa
```
#e6e6fa rgb(230,230,250)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

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

#94949b
```
#94949b rgb(148,148,155)
```
#8c8ca3
```
#8c8ca3 rgb(140,140,163)
```
#8484ab
```
#8484ab rgb(132,132,171)
```
#7c7db3
```
#7c7db3 rgb(124,125,179)
```
#7475bb
```
#7475bb rgb(116,117,187)
```
#6c6dc3
```
#6c6dc3 rgb(108,109,195)
```
#6465cb
```
#6465cb rgb(100,101,203)
```
#5c5ed3
```
#5c5ed3 rgb(92,94,211)
```
#5456db
```
#5456db rgb(84,86,219)
```
#4c4ee3
```
#4c4ee3 rgb(76,78,227)
```
#4447eb
```
#4447eb rgb(68,71,235)
```
#3c3ff3
```
#3c3ff3 rgb(60,63,243)
```
#3437fb
```
#3437fb rgb(52,55,251)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#62627d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#1e63d5 Protanomaly 1% of men, 0.01% of women
#1e67c5 Deuteranomaly 6% of men, 0.4% of women
#1e6ca2 Tritanomaly 0.01% of the population

#5456db hex color

#5456db Color Information

#5456db Color Conversion

Color Schemes with #5456db

Alternatives to #5456db

#5456db Preview

Shades and Tints of #5456db

Tones of #5456db

Color Blindness Simulator