#054ab2 hex color

In a RGB color space, hex #054ab2 is composed of 2% red, 29% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 58.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 216.1 degrees, a saturation of 94.5% and a lightness of 35.9%. #054ab2 color hex could be obtained by blending #0a94ff 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

● #054ab2 color description : Dark blue.

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

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

CIE-LAB	34.279, 23.537, -60.197
XYZ	10.546, 8.143, 43.133
xyY	0.171, 0.132, 8.143
CIE-LCH	34.279, 64.635, 291.356
CIE-LUV	34.279, -16.443, -84.094
Hunter-Lab	28.536, 16.025, -69.642
Binary	00000101, 01001010, 10110010

#054ab2
```
#054ab2 rgb(5,74,178)
```
#b26d05
```
#b26d05 rgb(178,109,5)
```

Complementary Color

#05a1b2
```
#05a1b2 rgb(5,161,178)
```
#054ab2
```
#054ab2 rgb(5,74,178)
```
#1705b2
```
#1705b2 rgb(23,5,178)
```

Analogous Color

#a1b205
```
#a1b205 rgb(161,178,5)
```
#054ab2
```
#054ab2 rgb(5,74,178)
```
#b21705
```
#b21705 rgb(178,23,5)
```

Split Complementary Color

#4ab205
```
#4ab205 rgb(74,178,5)
```
#054ab2
```
#054ab2 rgb(5,74,178)
```
#b2054a
```
#b2054a rgb(178,5,74)
```

Triadic Color

#05b26d
```
#05b26d rgb(5,178,109)
```
#054ab2
```
#054ab2 rgb(5,74,178)
```
#b2054a
```
#b2054a rgb(178,5,74)
```
#b26d05
```
#b26d05 rgb(178,109,5)
```

Tetradic Color

#032b68
```
#032b68 rgb(3,43,104)
```
#043580
```
#043580 rgb(4,53,128)
```
#044099
```
#044099 rgb(4,64,153)
```
#054ab2
```
#054ab2 rgb(5,74,178)
```
#0654cb
```
#0654cb rgb(6,84,203)
```
#065fe4
```
#065fe4 rgb(6,95,228)
```
#0b6af8
```
#0b6af8 rgb(11,106,248)
```

Monochromatic Color

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

#0575b2
```
#0575b2 rgb(5,117,178)
```
#0567b2
```
#0567b2 rgb(5,103,178)
```
#0558b2
```
#0558b2 rgb(5,88,178)
```
#054ab2
```
#054ab2 rgb(5,74,178)
```
#053cb2
```
#053cb2 rgb(5,60,178)
```
#052db2
```
#052db2 rgb(5,45,178)
```
#051fb2
```
#051fb2 rgb(5,31,178)
```

Similar Colors

Text with hexadecimal color #054ab2

This text has a font color of #054ab2.

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

#054ab2 background color

This paragraph has a background color of #054ab2.

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

#054ab2 border color

This element has a border color of #054ab2.

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

CSS codes

.text {color:#054ab2;}

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

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

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)
```
#01122c
```
#01122c rgb(1,18,44)
```
#021a40
```
#021a40 rgb(2,26,64)
```
#022253
```
#022253 rgb(2,34,83)
```
#032a66
```
#032a66 rgb(3,42,102)
```
#033279
```
#033279 rgb(3,50,121)
```
#043a8c
```
#043a8c rgb(4,58,140)
```
#04429f
```
#04429f rgb(4,66,159)
```
#054ab2
```
#054ab2 rgb(5,74,178)
```
#0652c5
```
#0652c5 rgb(6,82,197)
```
#065ad8
```
#065ad8 rgb(6,90,216)
```
#0762eb
```
#0762eb rgb(7,98,235)
```

Shade Color Variation

#0d6bf8
```
#0d6bf8 rgb(13,107,248)
```
#2077f9
```
#2077f9 rgb(32,119,249)
```
#3382f9
```
#3382f9 rgb(51,130,249)
```
#468efa
```
#468efa rgb(70,142,250)
```
#5a9afa
```
#5a9afa rgb(90,154,250)
```
#6da5fb
```
#6da5fb rgb(109,165,251)
```
#80b1fb
```
#80b1fb rgb(128,177,251)
```
#93bdfc
```
#93bdfc rgb(147,189,252)
```
#a6c8fc
```
#a6c8fc rgb(166,200,252)
```
#b9d4fd
```
#b9d4fd rgb(185,212,253)
```
#cce0fe
```
#cce0fe rgb(204,224,254)
```
#dfebfe
```
#dfebfe rgb(223,235,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 #054ab2 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)
```
#3d557a
```
#3d557a rgb(61,85,122)
```
#365481
```
#365481 rgb(54,84,129)
```
#2f5388
```
#2f5388 rgb(47,83,136)
```
#28518f
```
#28518f rgb(40,81,143)
```
#215096
```
#215096 rgb(33,80,150)
```
#1a4e9d
```
#1a4e9d rgb(26,78,157)
```
#134da4
```
#134da4 rgb(19,77,164)
```
#0c4bab
```
#0c4bab rgb(12,75,171)
```
#054ab2
```
#054ab2 rgb(5,74,178)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#354358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056aa Protanopia 1% of men
#005b94 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#0152ad Protanomaly 1% of men, 0.01% of women
#01559f Deuteranomaly 6% of men, 0.4% of women
#015982 Tritanomaly 0.01% of the population

#054ab2 hex color

#054ab2 Color Information

#054ab2 Color Conversion

Color Schemes with #054ab2

Alternatives to #054ab2

#054ab2 Preview

Shades and Tints of #054ab2

Tones of #054ab2

Color Blindness Simulator