#054caf hex color

In a RGB color space, hex #054caf is composed of 2% red, 29.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 56.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 214.9 degrees, a saturation of 94.4% and a lightness of 35.3%. #054caf color hex could be obtained by blending #0a98ff with #00005f. Closest websafe color is: #003399.

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

● #054caf color description : Dark blue.

The hexadecimal color #054caf has RGB values of R:5, G:76, B:175 and CMYK values of C:0.97, M:0.57, Y:0, K:0.31. Its decimal value is 347311.

Hex triplet	054caf	`#054caf`
RGB Decimal	5, 76, 175	`rgb(5,76,175)`
RGB Percent	2, 29.8, 68.6	`rgb(2%,29.8%,68.6%)`
CMYK	97, 57, 0, 31
HSL	214.9°, 94.4, 35.3	`hsl(214.9,94.4%,35.3%)`
HSV (or HSB)	214.9°, 97.1, 68.6
Web Safe	003399	`#003399`

CIE-LAB	34.591, 20.957, -57.91
XYZ	10.383, 8.295, 41.609
xyY	0.172, 0.138, 8.295
CIE-LCH	34.591, 61.585, 289.895
CIE-LUV	34.591, -17.033, -81.298
Hunter-Lab	28.802, 13.947, -65.493
Binary	00000101, 01001100, 10101111

#054caf
```
#054caf rgb(5,76,175)
```
#af6805
```
#af6805 rgb(175,104,5)
```

Complementary Color

#05a1af
```
#05a1af rgb(5,161,175)
```
#054caf
```
#054caf rgb(5,76,175)
```
#1305af
```
#1305af rgb(19,5,175)
```

Analogous Color

#a1af05
```
#a1af05 rgb(161,175,5)
```
#054caf
```
#054caf rgb(5,76,175)
```
#af1305
```
#af1305 rgb(175,19,5)
```

Split Complementary Color

#4caf05
```
#4caf05 rgb(76,175,5)
```
#054caf
```
#054caf rgb(5,76,175)
```
#af054c
```
#af054c rgb(175,5,76)
```

Triadic Color

#05af68
```
#05af68 rgb(5,175,104)
```
#054caf
```
#054caf rgb(5,76,175)
```
#af054c
```
#af054c rgb(175,5,76)
```
#af6805
```
#af6805 rgb(175,104,5)
```

Tetradic Color

#032c65
```
#032c65 rgb(3,44,101)
```
#04367d
```
#04367d rgb(4,54,125)
```
#044196
```
#044196 rgb(4,65,150)
```
#054caf
```
#054caf rgb(5,76,175)
```
#0657c8
```
#0657c8 rgb(6,87,200)
```
#0662e1
```
#0662e1 rgb(6,98,225)
```
#096df8
```
#096df8 rgb(9,109,248)
```

Monochromatic Color

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

#0577af
```
#0577af rgb(5,119,175)
```
#0568af
```
#0568af rgb(5,104,175)
```
#055aaf
```
#055aaf rgb(5,90,175)
```
#054caf
```
#054caf rgb(5,76,175)
```
#053eaf
```
#053eaf rgb(5,62,175)
```
#0530af
```
#0530af rgb(5,48,175)
```
#0522af
```
#0522af rgb(5,34,175)
```

Similar Colors

Text with hexadecimal color #054caf

This text has a font color of #054caf.

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

#054caf background color

This paragraph has a background color of #054caf.

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

#054caf border color

This element has a border color of #054caf.

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

CSS codes

.text {color:#054caf;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010a16
```
#010a16 rgb(1,10,22)
```
#01122a
```
#01122a rgb(1,18,42)
```
#021a3d
```
#021a3d rgb(2,26,61)
```
#022350
```
#022350 rgb(2,35,80)
```
#032b63
```
#032b63 rgb(3,43,99)
```
#033376
```
#033376 rgb(3,51,118)
```
#043b89
```
#043b89 rgb(4,59,137)
```
#04449c
```
#04449c rgb(4,68,156)
```
#054caf
```
#054caf rgb(5,76,175)
```
#0654c2
```
#0654c2 rgb(6,84,194)
```
#065dd5
```
#065dd5 rgb(6,93,213)
```
#0765e8
```
#0765e8 rgb(7,101,232)
```

Shade Color Variation

#0a6ef8
```
#0a6ef8 rgb(10,110,248)
```
#1e79f9
```
#1e79f9 rgb(30,121,249)
```
#3184f9
```
#3184f9 rgb(49,132,249)
```
#4490fa
```
#4490fa rgb(68,144,250)
```
#579bfa
```
#579bfa rgb(87,155,250)
```
#6aa6fb
```
#6aa6fb rgb(106,166,251)
```
#7db2fb
```
#7db2fb rgb(125,178,251)
```
#90bdfc
```
#90bdfc rgb(144,189,252)
```
#a3c8fc
```
#a3c8fc rgb(163,200,252)
```
#b6d4fd
```
#b6d4fd rgb(182,212,253)
```
#c9dffd
```
#c9dffd rgb(201,223,253)
```
#dceafe
```
#dceafe rgb(220,234,254)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

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

#585a5c
```
#585a5c rgb(88,90,92)
```
#515963
```
#515963 rgb(81,89,99)
```
#4a576a
```
#4a576a rgb(74,87,106)
```
#435671
```
#435671 rgb(67,86,113)
```
#3c5578
```
#3c5578 rgb(60,85,120)
```
#35547f
```
#35547f rgb(53,84,127)
```
#2f5385
```
#2f5385 rgb(47,83,133)
```
#28528c
```
#28528c rgb(40,82,140)
```
#215193
```
#215193 rgb(33,81,147)
```
#1a4f9a
```
#1a4f9a rgb(26,79,154)
```
#134ea1
```
#134ea1 rgb(19,78,161)
```
#0c4da8
```
#0c4da8 rgb(12,77,168)
```
#054caf
```
#054caf rgb(5,76,175)
```

Tone Color Variation

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

#0153ac Protanomaly 1% of men, 0.01% of women
#01569f Deuteranomaly 6% of men, 0.4% of women
#015a82 Tritanomaly 0.01% of the population

#054caf hex color

#054caf Color Information

#054caf Color Conversion

Color Schemes with #054caf

Alternatives to #054caf

#054caf Preview

Shades and Tints of #054caf

Tones of #054caf

Color Blindness Simulator