#054fb0 hex color

In a RGB color space, hex #054fb0 is composed of 2% red, 31% green and 69% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 55.1% magenta, 0% yellow and 31% black. It has a hue angle of 214 degrees, a saturation of 94.5% and a lightness of 35.5%. #054fb0 color hex could be obtained by blending #0a9eff with #000061. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 31
- B 69
RGB color chart
- C 97
- M 55
- Y 0
- K 31
CMYK color chart

● #054fb0 color description : Dark blue.

The hexadecimal color #054fb0 has RGB values of R:5, G:79, B:176 and CMYK values of C:0.97, M:0.55, Y:0, K:0.31. Its decimal value is 348080.

Hex triplet	054fb0	`#054fb0`
RGB Decimal	5, 79, 176	`rgb(5,79,176)`
RGB Percent	2, 31, 69	`rgb(2%,31%,69%)`
CMYK	97, 55, 0, 31
HSL	214°, 94.5, 35.5	`hsl(214,94.5%,35.5%)`
HSV (or HSB)	214°, 97.2, 69
Web Safe	006699	`#006699`

CIE-LAB	35.514, 19.334, -57.001
XYZ	10.693, 8.758, 42.199
xyY	0.173, 0.142, 8.758
CIE-LCH	35.514, 60.19, 288.736
CIE-LUV	35.514, -17.834, -80.77
Hunter-Lab	29.594, 12.71, -63.828
Binary	00000101, 01001111, 10110000

#054fb0
```
#054fb0 rgb(5,79,176)
```
#b06605
```
#b06605 rgb(176,102,5)
```

Complementary Color

#05a5b0
```
#05a5b0 rgb(5,165,176)
```
#054fb0
```
#054fb0 rgb(5,79,176)
```
#1105b0
```
#1105b0 rgb(17,5,176)
```

Analogous Color

#a5b005
```
#a5b005 rgb(165,176,5)
```
#054fb0
```
#054fb0 rgb(5,79,176)
```
#b01105
```
#b01105 rgb(176,17,5)
```

Split Complementary Color

#4fb005
```
#4fb005 rgb(79,176,5)
```
#054fb0
```
#054fb0 rgb(5,79,176)
```
#b0054f
```
#b0054f rgb(176,5,79)
```

Triadic Color

#05b066
```
#05b066 rgb(5,176,102)
```
#054fb0
```
#054fb0 rgb(5,79,176)
```
#b0054f
```
#b0054f rgb(176,5,79)
```
#b06605
```
#b06605 rgb(176,102,5)
```

Tetradic Color

#032e66
```
#032e66 rgb(3,46,102)
```
#04397e
```
#04397e rgb(4,57,126)
```
#044497
```
#044497 rgb(4,68,151)
```
#054fb0
```
#054fb0 rgb(5,79,176)
```
#065ac9
```
#065ac9 rgb(6,90,201)
```
#0665e2
```
#0665e2 rgb(6,101,226)
```
#0971f8
```
#0971f8 rgb(9,113,248)
```

Monochromatic Color

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

#057ab0
```
#057ab0 rgb(5,122,176)
```
#056cb0
```
#056cb0 rgb(5,108,176)
```
#055db0
```
#055db0 rgb(5,93,176)
```
#054fb0
```
#054fb0 rgb(5,79,176)
```
#0541b0
```
#0541b0 rgb(5,65,176)
```
#0532b0
```
#0532b0 rgb(5,50,176)
```
#0524b0
```
#0524b0 rgb(5,36,176)
```

Similar Colors

Text with hexadecimal color #054fb0

This text has a font color of #054fb0.

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

#054fb0 background color

This paragraph has a background color of #054fb0.

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

#054fb0 border color

This element has a border color of #054fb0.

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

CSS codes

.text {color:#054fb0;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010b17
```
#010b17 rgb(1,11,23)
```
#01132a
```
#01132a rgb(1,19,42)
```
#021c3e
```
#021c3e rgb(2,28,62)
```
#022451
```
#022451 rgb(2,36,81)
```
#032d64
```
#032d64 rgb(3,45,100)
```
#033577
```
#033577 rgb(3,53,119)
```
#043e8a
```
#043e8a rgb(4,62,138)
```
#04469d
```
#04469d rgb(4,70,157)
```
#054fb0
```
#054fb0 rgb(5,79,176)
```
#0658c3
```
#0658c3 rgb(6,88,195)
```
#0660d6
```
#0660d6 rgb(6,96,214)
```
#0769e9
```
#0769e9 rgb(7,105,233)
```

Shade Color Variation

#0b72f8
```
#0b72f8 rgb(11,114,248)
```
#1e7df9
```
#1e7df9 rgb(30,125,249)
```
#3288f9
```
#3288f9 rgb(50,136,249)
```
#4593fa
```
#4593fa rgb(69,147,250)
```
#589efa
```
#589efa rgb(88,158,250)
```
#6ba9fb
```
#6ba9fb rgb(107,169,251)
```
#7eb4fb
```
#7eb4fb rgb(126,180,251)
```
#91bffc
```
#91bffc rgb(145,191,252)
```
#a4cafc
```
#a4cafc rgb(164,202,252)
```
#b7d5fd
```
#b7d5fd rgb(183,213,253)
```
#cae0fd
```
#cae0fd rgb(202,224,253)
```
#ddebfe
```
#ddebfe rgb(221,235,254)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#595a5c
```
#595a5c rgb(89,90,92)
```
#525963
```
#525963 rgb(82,89,99)
```
#4b586a
```
#4b586a rgb(75,88,106)
```
#445771
```
#445771 rgb(68,87,113)
```
#3d5678
```
#3d5678 rgb(61,86,120)
```
#36567f
```
#36567f rgb(54,86,127)
```
#2f5586
```
#2f5586 rgb(47,85,134)
```
#28548d
```
#28548d rgb(40,84,141)
```
#215394
```
#215394 rgb(33,83,148)
```
#1a529b
```
#1a529b rgb(26,82,155)
```
#1351a2
```
#1351a2 rgb(19,81,162)
```
#0c50a9
```
#0c50a9 rgb(12,80,169)
```
#054fb0
```
#054fb0 rgb(5,79,176)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#37465a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e99 Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#0155af Protanomaly 1% of men, 0.01% of women
#0158a1 Deuteranomaly 6% of men, 0.4% of women
#015d84 Tritanomaly 0.01% of the population

#054fb0 hex color

#054fb0 Color Information

#054fb0 Color Conversion

Color Schemes with #054fb0

Alternatives to #054fb0

#054fb0 Preview

Shades and Tints of #054fb0

Tones of #054fb0

Color Blindness Simulator