#054cb3 hex color

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

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

● #054cb3 color description : Strong blue.

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

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

CIE-LAB	34.913, 22.59, -59.756
XYZ	10.782, 8.455, 43.709
xyY	0.171, 0.134, 8.455
CIE-LCH	34.913, 63.883, 290.708
CIE-LUV	34.913, -16.954, -84.046
Hunter-Lab	29.077, 15.303, -68.771
Binary	00000101, 01001100, 10110011

#054cb3
```
#054cb3 rgb(5,76,179)
```
#b36c05
```
#b36c05 rgb(179,108,5)
```

Complementary Color

#05a3b3
```
#05a3b3 rgb(5,163,179)
```
#054cb3
```
#054cb3 rgb(5,76,179)
```
#1505b3
```
#1505b3 rgb(21,5,179)
```

Analogous Color

#a3b305
```
#a3b305 rgb(163,179,5)
```
#054cb3
```
#054cb3 rgb(5,76,179)
```
#b31505
```
#b31505 rgb(179,21,5)
```

Split Complementary Color

#4cb305
```
#4cb305 rgb(76,179,5)
```
#054cb3
```
#054cb3 rgb(5,76,179)
```
#b3054c
```
#b3054c rgb(179,5,76)
```

Triadic Color

#05b36c
```
#05b36c rgb(5,179,108)
```
#054cb3
```
#054cb3 rgb(5,76,179)
```
#b3054c
```
#b3054c rgb(179,5,76)
```
#b36c05
```
#b36c05 rgb(179,108,5)
```

Tetradic Color

#032c69
```
#032c69 rgb(3,44,105)
```
#043781
```
#043781 rgb(4,55,129)
```
#04419a
```
#04419a rgb(4,65,154)
```
#054cb3
```
#054cb3 rgb(5,76,179)
```
#0657cc
```
#0657cc rgb(6,87,204)
```
#0661e5
```
#0661e5 rgb(6,97,229)
```
#0c6df8
```
#0c6df8 rgb(12,109,248)
```

Monochromatic Color

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

#0578b3
```
#0578b3 rgb(5,120,179)
```
#0569b3
```
#0569b3 rgb(5,105,179)
```
#055bb3
```
#055bb3 rgb(5,91,179)
```
#054cb3
```
#054cb3 rgb(5,76,179)
```
#053eb3
```
#053eb3 rgb(5,62,179)
```
#052fb3
```
#052fb3 rgb(5,47,179)
```
#0521b3
```
#0521b3 rgb(5,33,179)
```

Similar Colors

Text with hexadecimal color #054cb3

This text has a font color of #054cb3.

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

#054cb3 background color

This paragraph has a background color of #054cb3.

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

#054cb3 border color

This element has a border color of #054cb3.

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

CSS codes

.text {color:#054cb3;}

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

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

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)
```
#032c67
```
#032c67 rgb(3,44,103)
```
#03347a
```
#03347a rgb(3,52,122)
```
#043c8d
```
#043c8d rgb(4,60,141)
```
#0444a0
```
#0444a0 rgb(4,68,160)
```
#054cb3
```
#054cb3 rgb(5,76,179)
```
#0654c6
```
#0654c6 rgb(6,84,198)
```
#065cd9
```
#065cd9 rgb(6,92,217)
```
#0764ec
```
#0764ec rgb(7,100,236)
```

Shade Color Variation

#0e6ef8
```
#0e6ef8 rgb(14,110,248)
```
#2179f9
```
#2179f9 rgb(33,121,249)
```
#3485f9
```
#3485f9 rgb(52,133,249)
```
#4790fa
```
#4790fa rgb(71,144,250)
```
#5b9cfa
```
#5b9cfa rgb(91,156,250)
```
#6ea7fb
```
#6ea7fb rgb(110,167,251)
```
#81b3fb
```
#81b3fb rgb(129,179,251)
```
#94befc
```
#94befc rgb(148,190,252)
```
#a7cafd
```
#a7cafd rgb(167,202,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 #054cb3 is the most saturated one.

#5a5c5e
```
#5a5c5e rgb(90,92,94)
```
#535a65
```
#535a65 rgb(83,90,101)
```
#4c596c
```
#4c596c rgb(76,89,108)
```
#455873
```
#455873 rgb(69,88,115)
```
#3e567a
```
#3e567a rgb(62,86,122)
```
#375581
```
#375581 rgb(55,85,129)
```
#2f5489
```
#2f5489 rgb(47,84,137)
```
#285390
```
#285390 rgb(40,83,144)
```
#215197
```
#215197 rgb(33,81,151)
```
#1a509e
```
#1a509e rgb(26,80,158)
```
#134fa5
```
#134fa5 rgb(19,79,165)
```
#0c4dac
```
#0c4dac rgb(12,77,172)
```
#054cb3
```
#054cb3 rgb(5,76,179)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#374559 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d96 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#0153af Protanomaly 1% of men, 0.01% of women
#0157a1 Deuteranomaly 6% of men, 0.4% of women
#015b84 Tritanomaly 0.01% of the population

#054cb3 hex color

#054cb3 Color Information

#054cb3 Color Conversion

Color Schemes with #054cb3

Alternatives to #054cb3

#054cb3 Preview

Shades and Tints of #054cb3

Tones of #054cb3

Color Blindness Simulator