#054bb3 hex color

In a RGB color space, hex #054bb3 is composed of 2% red, 29.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 58.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 215.9 degrees, a saturation of 94.6% and a lightness of 36.1%. #054bb3 color hex could be obtained by blending #0a96ff with #000067. Closest websafe color is: #0033cc.

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

● #054bb3 color description : Strong blue.

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

Hex triplet	054bb3	`#054bb3`
RGB Decimal	5, 75, 179	`rgb(5,75,179)`
RGB Percent	2, 29.4, 70.2	`rgb(2%,29.4%,70.2%)`
CMYK	97, 58, 0, 30
HSL	215.9°, 94.6, 36.1	`hsl(215.9,94.6%,36.1%)`
HSV (or HSB)	215.9°, 97.2, 70.2
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.637, 23.266, -60.206
XYZ	10.714, 8.318, 43.686
xyY	0.171, 0.133, 8.318
CIE-LCH	34.637, 64.545, 291.129
CIE-LUV	34.637, -16.689, -84.414
Hunter-Lab	28.841, 15.835, -69.619
Binary	00000101, 01001011, 10110011

#054bb3
```
#054bb3 rgb(5,75,179)
```
#b36d05
```
#b36d05 rgb(179,109,5)
```

Complementary Color

#05a2b3
```
#05a2b3 rgb(5,162,179)
```
#054bb3
```
#054bb3 rgb(5,75,179)
```
#1605b3
```
#1605b3 rgb(22,5,179)
```

Analogous Color

#a2b305
```
#a2b305 rgb(162,179,5)
```
#054bb3
```
#054bb3 rgb(5,75,179)
```
#b31605
```
#b31605 rgb(179,22,5)
```

Split Complementary Color

#4bb305
```
#4bb305 rgb(75,179,5)
```
#054bb3
```
#054bb3 rgb(5,75,179)
```
#b3054b
```
#b3054b rgb(179,5,75)
```

Triadic Color

#05b36d
```
#05b36d rgb(5,179,109)
```
#054bb3
```
#054bb3 rgb(5,75,179)
```
#b3054b
```
#b3054b rgb(179,5,75)
```
#b36d05
```
#b36d05 rgb(179,109,5)
```

Tetradic Color

#032c69
```
#032c69 rgb(3,44,105)
```
#043681
```
#043681 rgb(4,54,129)
```
#04419a
```
#04419a rgb(4,65,154)
```
#054bb3
```
#054bb3 rgb(5,75,179)
```
#0655cc
```
#0655cc rgb(6,85,204)
```
#0660e5
```
#0660e5 rgb(6,96,229)
```
#0c6bf8
```
#0c6bf8 rgb(12,107,248)
```

Monochromatic Color

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

#0577b3
```
#0577b3 rgb(5,119,179)
```
#0568b3
```
#0568b3 rgb(5,104,179)
```
#055ab3
```
#055ab3 rgb(5,90,179)
```
#054bb3
```
#054bb3 rgb(5,75,179)
```
#053db3
```
#053db3 rgb(5,61,179)
```
#052eb3
```
#052eb3 rgb(5,46,179)
```
#0520b3
```
#0520b3 rgb(5,32,179)
```

Similar Colors

Text with hexadecimal color #054bb3

This text has a font color of #054bb3.

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

#054bb3 background color

This paragraph has a background color of #054bb3.

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

#054bb3 border color

This element has a border color of #054bb3.

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

CSS codes

.text {color:#054bb3;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#010b1a
```
#010b1a rgb(1,11,26)
```
#01132d
```
#01132d rgb(1,19,45)
```
#021b41
```
#021b41 rgb(2,27,65)
```
#022354
```
#022354 rgb(2,35,84)
```
#032b67
```
#032b67 rgb(3,43,103)
```
#03337a
```
#03337a rgb(3,51,122)
```
#043b8d
```
#043b8d rgb(4,59,141)
```
#0443a0
```
#0443a0 rgb(4,67,160)
```
#054bb3
```
#054bb3 rgb(5,75,179)
```
#0653c6
```
#0653c6 rgb(6,83,198)
```
#065bd9
```
#065bd9 rgb(6,91,217)
```
#0763ec
```
#0763ec rgb(7,99,236)
```

Shade Color Variation

#0e6cf8
```
#0e6cf8 rgb(14,108,248)
```
#2178f9
```
#2178f9 rgb(33,120,249)
```
#3484f9
```
#3484f9 rgb(52,132,249)
```
#478ffa
```
#478ffa rgb(71,143,250)
```
#5b9bfa
```
#5b9bfa rgb(91,155,250)
```
#6ea6fb
```
#6ea6fb rgb(110,166,251)
```
#81b2fb
```
#81b2fb rgb(129,178,251)
```
#94befc
```
#94befc rgb(148,190,252)
```
#a7c9fd
```
#a7c9fd rgb(167,201,253)
```
#bad5fd
```
#bad5fd rgb(186,213,253)
```
#cde1fe
```
#cde1fe rgb(205,225,254)
```
#e0ecfe
```
#e0ecfe rgb(224,236,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

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

#5a5c5e
```
#5a5c5e rgb(90,92,94)
```
#535a65
```
#535a65 rgb(83,90,101)
```
#4c596c
```
#4c596c rgb(76,89,108)
```
#455773
```
#455773 rgb(69,87,115)
```
#3e567a
```
#3e567a rgb(62,86,122)
```
#375581
```
#375581 rgb(55,85,129)
```
#2f5389
```
#2f5389 rgb(47,83,137)
```
#285290
```
#285290 rgb(40,82,144)
```
#215197
```
#215197 rgb(33,81,151)
```
#1a4f9e
```
#1a4f9e rgb(26,79,158)
```
#134ea5
```
#134ea5 rgb(19,78,165)
```
#0c4cac
```
#0c4cac rgb(12,76,172)
```
#054bb3
```
#054bb3 rgb(5,75,179)
```

Tone Color Variation

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

#0153ae Protanomaly 1% of men, 0.01% of women
#0156a0 Deuteranomaly 6% of men, 0.4% of women
#015a83 Tritanomaly 0.01% of the population

#054bb3 hex color

#054bb3 Color Information

#054bb3 Color Conversion

Color Schemes with #054bb3

Alternatives to #054bb3

#054bb3 Preview

Shades and Tints of #054bb3

Tones of #054bb3

Color Blindness Simulator