#054bb2 hex color

In a RGB color space, hex #054bb2 is composed of 2% red, 29.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 57.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 215.7 degrees, a saturation of 94.5% and a lightness of 35.9%. #054bb2 color hex could be obtained by blending #0a96ff with #000065. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 29
- B 70
RGB color chart
- C 97
- M 58
- Y 0
- K 30
CMYK color chart

● #054bb2 color description : Dark blue.

The hexadecimal color #054bb2 has RGB values of R:5, G:75, B:178 and CMYK values of C:0.97, M:0.58, Y:0, K:0.3. Its decimal value is 347058.

Hex triplet	054bb2	`#054bb2`
RGB Decimal	5, 75, 178	`rgb(5,75,178)`
RGB Percent	2, 29.4, 69.8	`rgb(2%,29.4%,69.8%)`
CMYK	97, 58, 0, 30
HSL	215.7°, 94.5, 35.9	`hsl(215.7,94.5%,35.9%)`
HSV (or HSB)	215.7°, 97.2, 69.8
Web Safe	003399	`#003399`

CIE-LAB	34.555, 22.86, -59.748
XYZ	10.613, 8.278, 43.155
xyY	0.171, 0.133, 8.278
CIE-LCH	34.555, 63.971, 290.937
CIE-LUV	34.555, -16.706, -83.734
Hunter-Lab	28.771, 15.493, -68.792
Binary	00000101, 01001011, 10110010

#054bb2
```
#054bb2 rgb(5,75,178)
```
#b26c05
```
#b26c05 rgb(178,108,5)
```

Complementary Color

#05a2b2
```
#05a2b2 rgb(5,162,178)
```
#054bb2
```
#054bb2 rgb(5,75,178)
```
#1505b2
```
#1505b2 rgb(21,5,178)
```

Analogous Color

#a2b205
```
#a2b205 rgb(162,178,5)
```
#054bb2
```
#054bb2 rgb(5,75,178)
```
#b21605
```
#b21605 rgb(178,22,5)
```

Split Complementary Color

#4bb205
```
#4bb205 rgb(75,178,5)
```
#054bb2
```
#054bb2 rgb(5,75,178)
```
#b2054b
```
#b2054b rgb(178,5,75)
```

Triadic Color

#05b26c
```
#05b26c rgb(5,178,108)
```
#054bb2
```
#054bb2 rgb(5,75,178)
```
#b2054b
```
#b2054b rgb(178,5,75)
```
#b26c05
```
#b26c05 rgb(178,108,5)
```

Tetradic Color

#032c68
```
#032c68 rgb(3,44,104)
```
#043680
```
#043680 rgb(4,54,128)
```
#044199
```
#044199 rgb(4,65,153)
```
#054bb2
```
#054bb2 rgb(5,75,178)
```
#0655cb
```
#0655cb rgb(6,85,203)
```
#0660e4
```
#0660e4 rgb(6,96,228)
```
#0b6bf8
```
#0b6bf8 rgb(11,107,248)
```

Monochromatic Color

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

#0576b2
```
#0576b2 rgb(5,118,178)
```
#0568b2
```
#0568b2 rgb(5,104,178)
```
#0559b2
```
#0559b2 rgb(5,89,178)
```
#054bb2
```
#054bb2 rgb(5,75,178)
```
#053db2
```
#053db2 rgb(5,61,178)
```
#052eb2
```
#052eb2 rgb(5,46,178)
```
#0520b2
```
#0520b2 rgb(5,32,178)
```

Similar Colors

Text with hexadecimal color #054bb2

This text has a font color of #054bb2.

<span style="color:#054bb2;">Text here</span>

#054bb2 background color

This paragraph has a background color of #054bb2.

<p style="background-color:#054bb2;">Content here</p>

#054bb2 border color

This element has a border color of #054bb2.

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

CSS codes

.text {color:#054bb2;}

.background {background-color:#054bb2;}

.border {border:1px solid #054bb2;}

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

#000306
```
#000306 rgb(0,3,6)
```
#010b19
```
#010b19 rgb(1,11,25)
```
#01132c
```
#01132c rgb(1,19,44)
```
#021b40
```
#021b40 rgb(2,27,64)
```
#022353
```
#022353 rgb(2,35,83)
```
#032b66
```
#032b66 rgb(3,43,102)
```
#033379
```
#033379 rgb(3,51,121)
```
#043b8c
```
#043b8c rgb(4,59,140)
```
#04439f
```
#04439f rgb(4,67,159)
```
#054bb2
```
#054bb2 rgb(5,75,178)
```
#0653c5
```
#0653c5 rgb(6,83,197)
```
#065bd8
```
#065bd8 rgb(6,91,216)
```
#0763eb
```
#0763eb rgb(7,99,235)
```

Shade Color Variation

#0d6cf8
```
#0d6cf8 rgb(13,108,248)
```
#2078f9
```
#2078f9 rgb(32,120,249)
```
#3383f9
```
#3383f9 rgb(51,131,249)
```
#468ffa
```
#468ffa rgb(70,143,250)
```
#5a9bfa
```
#5a9bfa rgb(90,155,250)
```
#6da6fb
```
#6da6fb rgb(109,166,251)
```
#80b2fb
```
#80b2fb rgb(128,178,251)
```
#93bdfc
```
#93bdfc rgb(147,189,252)
```
#a6c9fc
```
#a6c9fc rgb(166,201,252)
```
#b9d5fd
```
#b9d5fd rgb(185,213,253)
```
#cce0fe
```
#cce0fe rgb(204,224,254)
```
#dfecfe
```
#dfecfe rgb(223,236,254)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595b5e is the less saturated color, while #054bb2 is the most saturated one.

#595b5e
```
#595b5e rgb(89,91,94)
```
#525a65
```
#525a65 rgb(82,90,101)
```
#4b586c
```
#4b586c rgb(75,88,108)
```
#445773
```
#445773 rgb(68,87,115)
```
#3d567a
```
#3d567a rgb(61,86,122)
```
#365481
```
#365481 rgb(54,84,129)
```
#2f5388
```
#2f5388 rgb(47,83,136)
```
#28528f
```
#28528f rgb(40,82,143)
```
#215096
```
#215096 rgb(33,80,150)
```
#1a4f9d
```
#1a4f9d rgb(26,79,157)
```
#134ea4
```
#134ea4 rgb(19,78,164)
```
#0c4cab
```
#0c4cab rgb(12,76,171)
```
#054bb2
```
#054bb2 rgb(5,75,178)
```

Tone Color Variation

Below, you can see how #054bb2 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

#424242 Achromatopsia 0.005% of the population
#364458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057ab Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0152ad Protanomaly 1% of men, 0.01% of women
#01569f Deuteranomaly 6% of men, 0.4% of women
#015a83 Tritanomaly 0.01% of the population

#054bb2 hex color

#054bb2 Color Information

#054bb2 Color Conversion

Color Schemes with #054bb2

Alternatives to #054bb2

#054bb2 Preview

Shades and Tints of #054bb2

Tones of #054bb2

Color Blindness Simulator