#5454b9 hex color

In a RGB color space, hex #5454b9 is composed of 32.9% red, 32.9% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 54.6% magenta, 0% yellow and 27.5% black. It has a hue angle of 240 degrees, a saturation of 41.9% and a lightness of 52.7%. #5454b9 color hex could be obtained by blending #a8a8ff with #000073. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 33
- B 73
RGB color chart
- C 55
- M 55
- Y 0
- K 27
CMYK color chart

● #5454b9 color description : Moderate blue.

The hexadecimal color #5454b9 has RGB values of R:84, G:84, B:185 and CMYK values of C:0.55, M:0.55, Y:0, K:0.27. Its decimal value is 5526713.

Hex triplet	5454b9	`#5454b9`
RGB Decimal	84, 84, 185	`rgb(84,84,185)`
RGB Percent	32.9, 32.9, 72.5	`rgb(32.9%,32.9%,72.5%)`
CMYK	55, 55, 0, 27
HSL	240°, 41.9, 52.7	`hsl(240,41.9%,52.7%)`
HSV (or HSB)	240°, 54.6, 72.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.78, 28.909, -53.616
XYZ	15.582, 11.728, 47.339
xyY	0.209, 0.157, 11.728
CIE-LCH	40.78, 60.913, 298.333
CIE-LUV	40.78, -5.81, -80.507
Hunter-Lab	34.246, 21.287, -57.986
Binary	01010100, 01010100, 10111001

#5454b9
```
#5454b9 rgb(84,84,185)
```
#b9b954
```
#b9b954 rgb(185,185,84)
```

Complementary Color

#5487b9
```
#5487b9 rgb(84,135,185)
```
#5454b9
```
#5454b9 rgb(84,84,185)
```
#8754b9
```
#8754b9 rgb(135,84,185)
```

Analogous Color

#87b954
```
#87b954 rgb(135,185,84)
```
#5454b9
```
#5454b9 rgb(84,84,185)
```
#b98754
```
#b98754 rgb(185,135,84)
```

Split Complementary Color

#54b954
```
#54b954 rgb(84,185,84)
```
#5454b9
```
#5454b9 rgb(84,84,185)
```
#b95454
```
#b95454 rgb(185,84,84)
```

Triadic Color

#54b9b9
```
#54b9b9 rgb(84,185,185)
```
#5454b9
```
#5454b9 rgb(84,84,185)
```
#b95454
```
#b95454 rgb(185,84,84)
```
#b9b954
```
#b9b954 rgb(185,185,84)
```

Tetradic Color

#383889
```
#383889 rgb(56,56,137)
```
#3f3f9b
```
#3f3f9b rgb(63,63,155)
```
#4747ad
```
#4747ad rgb(71,71,173)
```
#5454b9
```
#5454b9 rgb(84,84,185)
```
#6666c0
```
#6666c0 rgb(102,102,192)
```
#7878c8
```
#7878c8 rgb(120,120,200)
```
#8a8acf
```
#8a8acf rgb(138,138,207)
```

Monochromatic Color

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

#546db9
```
#546db9 rgb(84,109,185)
```
#5465b9
```
#5465b9 rgb(84,101,185)
```
#545cb9
```
#545cb9 rgb(84,92,185)
```
#5454b9
```
#5454b9 rgb(84,84,185)
```
#5c54b9
```
#5c54b9 rgb(92,84,185)
```
#6554b9
```
#6554b9 rgb(101,84,185)
```
#6d54b9
```
#6d54b9 rgb(109,84,185)
```

Similar Colors

Text with hexadecimal color #5454b9

This text has a font color of #5454b9.

<span style="color:#5454b9;">Text here</span>

#5454b9 background color

This paragraph has a background color of #5454b9.

<p style="background-color:#5454b9;">Content here</p>

#5454b9 border color

This element has a border color of #5454b9.

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

CSS codes

.text {color:#5454b9;}

.background {background-color:#5454b9;}

.border {border:1px solid #5454b9;}

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, #04040a is the darkest color, while #fbfbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#0a0a18
```
#0a0a18 rgb(10,10,24)
```
#0f0f26
```
#0f0f26 rgb(15,15,38)
```
#151534
```
#151534 rgb(21,21,52)
```
#1b1b42
```
#1b1b42 rgb(27,27,66)
```
#212150
```
#212150 rgb(33,33,80)
```
#26265d
```
#26265d rgb(38,38,93)
```
#2c2c6b
```
#2c2c6b rgb(44,44,107)
```
#323279
```
#323279 rgb(50,50,121)
```
#373787
```
#373787 rgb(55,55,135)
```
#3d3d95
```
#3d3d95 rgb(61,61,149)
```
#4343a3
```
#4343a3 rgb(67,67,163)
```
#4848b1
```
#4848b1 rgb(72,72,177)
```

Shade Color Variation

#5454b9
```
#5454b9 rgb(84,84,185)
```
#6262bf
```
#6262bf rgb(98,98,191)
```
#7070c4
```
#7070c4 rgb(112,112,196)
```
#7e7eca
```
#7e7eca rgb(126,126,202)
```
#8c8cd0
```
#8c8cd0 rgb(140,140,208)
```
#9a9ad5
```
#9a9ad5 rgb(154,154,213)
```
#a8a8db
```
#a8a8db rgb(168,168,219)
```
#b5b5e1
```
#b5b5e1 rgb(181,181,225)
```
#c3c3e7
```
#c3c3e7 rgb(195,195,231)
```
#d1d1ec
```
#d1d1ec rgb(209,209,236)
```
#dfdff2
```
#dfdff2 rgb(223,223,242)
```
#ededf8
```
#ededf8 rgb(237,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#82828b
```
#82828b rgb(130,130,139)
```
#797994
```
#797994 rgb(121,121,148)
```
#70709d
```
#70709d rgb(112,112,157)
```
#6767a6
```
#6767a6 rgb(103,103,166)
```
#5d5db0
```
#5d5db0 rgb(93,93,176)
```
#5454b9
```
#5454b9 rgb(84,84,185)
```
#4b4bc2
```
#4b4bc2 rgb(75,75,194)
```
#4141cc
```
#4141cc rgb(65,65,204)
```
#3838d5
```
#3838d5 rgb(56,56,213)
```
#2f2fde
```
#2f2fde rgb(47,47,222)
```
#2626e7
```
#2626e7 rgb(38,38,231)
```
#1c1cf1
```
#1c1cf1 rgb(28,28,241)
```
#1313fa
```
#1313fa rgb(19,19,250)
```

Tone Color Variation

Below, you can see how #5454b9 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

#606060 Achromatopsia 0.005% of the population
#5e5e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a65c4 Protanopia 1% of men
#006aaf Deuteranopia 1% of men
#3c6f77 Tritanopia 0.001% of the population

Trichromacy

#2f5ec0 Protanomaly 1% of men, 0.01% of women
#1e62b3 Deuteranomaly 6% of men, 0.4% of women
#45658f Tritanomaly 0.01% of the population

#5454b9 hex color

#5454b9 Color Information

#5454b9 Color Conversion

Color Schemes with #5454b9

Alternatives to #5454b9

#5454b9 Preview

Shades and Tints of #5454b9

Tones of #5454b9

Color Blindness Simulator