#054ab7 hex color

In a RGB color space, hex #054ab7 is composed of 2% red, 29% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 59.6% magenta, 0% yellow and 28.2% black. It has a hue angle of 216.7 degrees, a saturation of 94.7% and a lightness of 36.9%. #054ab7 color hex could be obtained by blending #0a94ff with #00006f. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 29
- B 72
RGB color chart
- C 97
- M 60
- Y 0
- K 28
CMYK color chart

● #054ab7 color description : Strong blue.

The hexadecimal color #054ab7 has RGB values of R:5, G:74, B:183 and CMYK values of C:0.97, M:0.6, Y:0, K:0.28. Its decimal value is 346807.

Hex triplet	054ab7	`#054ab7`
RGB Decimal	5, 74, 183	`rgb(5,74,183)`
RGB Percent	2, 29, 71.8	`rgb(2%,29%,71.8%)`
CMYK	97, 60, 0, 28
HSL	216.7°, 94.7, 36.9	`hsl(216.7,94.7%,36.9%)`
HSV (or HSB)	216.7°, 97.3, 71.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.697, 25.56, -62.472
XYZ	11.057, 8.348, 45.826
xyY	0.17, 0.128, 8.348
CIE-LCH	34.697, 67.499, 292.251
CIE-LUV	34.697, -16.364, -87.456
Hunter-Lab	28.892, 17.748, -73.814
Binary	00000101, 01001010, 10110111

#054ab7
```
#054ab7 rgb(5,74,183)
```
#b77205
```
#b77205 rgb(183,114,5)
```

Complementary Color

#05a3b7
```
#05a3b7 rgb(5,163,183)
```
#054ab7
```
#054ab7 rgb(5,74,183)
```
#1905b7
```
#1905b7 rgb(25,5,183)
```

Analogous Color

#a3b705
```
#a3b705 rgb(163,183,5)
```
#054ab7
```
#054ab7 rgb(5,74,183)
```
#b71905
```
#b71905 rgb(183,25,5)
```

Split Complementary Color

#4ab705
```
#4ab705 rgb(74,183,5)
```
#054ab7
```
#054ab7 rgb(5,74,183)
```
#b7054a
```
#b7054a rgb(183,5,74)
```

Triadic Color

#05b772
```
#05b772 rgb(5,183,114)
```
#054ab7
```
#054ab7 rgb(5,74,183)
```
#b7054a
```
#b7054a rgb(183,5,74)
```
#b77205
```
#b77205 rgb(183,114,5)
```

Tetradic Color

#032c6d
```
#032c6d rgb(3,44,109)
```
#043685
```
#043685 rgb(4,54,133)
```
#04409e
```
#04409e rgb(4,64,158)
```
#054ab7
```
#054ab7 rgb(5,74,183)
```
#0654d0
```
#0654d0 rgb(6,84,208)
```
#065ee9
```
#065ee9 rgb(6,94,233)
```
#106af8
```
#106af8 rgb(16,106,248)
```

Monochromatic Color

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

#0577b7
```
#0577b7 rgb(5,119,183)
```
#0568b7
```
#0568b7 rgb(5,104,183)
```
#0559b7
```
#0559b7 rgb(5,89,183)
```
#054ab7
```
#054ab7 rgb(5,74,183)
```
#053bb7
```
#053bb7 rgb(5,59,183)
```
#052cb7
```
#052cb7 rgb(5,44,183)
```
#051eb7
```
#051eb7 rgb(5,30,183)
```

Similar Colors

Text with hexadecimal color #054ab7

This text has a font color of #054ab7.

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

#054ab7 background color

This paragraph has a background color of #054ab7.

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

#054ab7 border color

This element has a border color of #054ab7.

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

CSS codes

.text {color:#054ab7;}

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

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

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, #00050b is the darkest color, while #f7faff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#010c1e
```
#010c1e rgb(1,12,30)
```
#011431
```
#011431 rgb(1,20,49)
```
#021c44
```
#021c44 rgb(2,28,68)
```
#022358
```
#022358 rgb(2,35,88)
```
#032b6b
```
#032b6b rgb(3,43,107)
```
#03337e
```
#03337e rgb(3,51,126)
```
#043b91
```
#043b91 rgb(4,59,145)
```
#0442a4
```
#0442a4 rgb(4,66,164)
```
#054ab7
```
#054ab7 rgb(5,74,183)
```
#0652ca
```
#0652ca rgb(6,82,202)
```
#0659dd
```
#0659dd rgb(6,89,221)
```
#0761f0
```
#0761f0 rgb(7,97,240)
```

Shade Color Variation

#126bf9
```
#126bf9 rgb(18,107,249)
```
#2577f9
```
#2577f9 rgb(37,119,249)
```
#3883fa
```
#3883fa rgb(56,131,250)
```
#4b8ffa
```
#4b8ffa rgb(75,143,250)
```
#5e9bfb
```
#5e9bfb rgb(94,155,251)
```
#71a7fb
```
#71a7fb rgb(113,167,251)
```
#85b3fc
```
#85b3fc rgb(133,179,252)
```
#98bffc
```
#98bffc rgb(152,191,252)
```
#abcafd
```
#abcafd rgb(171,202,253)
```
#bed6fd
```
#bed6fd rgb(190,214,253)
```
#d1e2fe
```
#d1e2fe rgb(209,226,254)
```
#e4eefe
```
#e4eefe rgb(228,238,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#5c5d60
```
#5c5d60 rgb(92,93,96)
```
#555c67
```
#555c67 rgb(85,92,103)
```
#4d5a6f
```
#4d5a6f rgb(77,90,111)
```
#465976
```
#465976 rgb(70,89,118)
```
#3f577d
```
#3f577d rgb(63,87,125)
```
#385584
```
#385584 rgb(56,85,132)
```
#30548c
```
#30548c rgb(48,84,140)
```
#295293
```
#295293 rgb(41,82,147)
```
#22509a
```
#22509a rgb(34,80,154)
```
#1b4fa1
```
#1b4fa1 rgb(27,79,161)
```
#134da9
```
#134da9 rgb(19,77,169)
```
#0c4cb0
```
#0c4cb0 rgb(12,76,176)
```
#054ab7
```
#054ab7 rgb(5,74,183)
```

Tone Color Variation

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

#0152af Protanomaly 1% of men, 0.01% of women
#0156a1 Deuteranomaly 6% of men, 0.4% of women
#015a85 Tritanomaly 0.01% of the population

#054ab7 hex color

#054ab7 Color Information

#054ab7 Color Conversion

Color Schemes with #054ab7

Alternatives to #054ab7

#054ab7 Preview

Shades and Tints of #054ab7

Tones of #054ab7

Color Blindness Simulator