#0054ba hex color

In a RGB color space, hex #0054ba is composed of 0% red, 32.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 54.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 212.9 degrees, a saturation of 100% and a lightness of 36.5%. #0054ba color hex could be obtained by blending #00a8ff with #000075. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 33
- B 73
RGB color chart
- C 100
- M 55
- Y 0
- K 27
CMYK color chart

● #0054ba color description : Strong blue.

The hexadecimal color #0054ba has RGB values of R:0, G:84, B:186 and CMYK values of C:1, M:0.55, Y:0, K:0.27. Its decimal value is 21690.

Hex triplet	0054ba	`#0054ba`
RGB Decimal	0, 84, 186	`rgb(0,84,186)`
RGB Percent	0, 32.9, 72.9	`rgb(0%,32.9%,72.9%)`
CMYK	100, 55, 0, 27
HSL	212.9°, 100, 36.5	`hsl(212.9,100%,36.5%)`
HSV (or HSB)	212.9°, 100, 72.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	37.635, 19.866, -59.45
XYZ	12.031, 9.885, 47.725
xyY	0.173, 0.142, 9.885
CIE-LCH	37.635, 62.682, 288.478
CIE-LUV	37.635, -19.209, -85.714
Hunter-Lab	31.44, 13.287, -67.993
Binary	00000000, 01010100, 10111010

#0054ba
```
#0054ba rgb(0,84,186)
```
#ba6600
```
#ba6600 rgb(186,102,0)
```

Complementary Color

#00b1ba
```
#00b1ba rgb(0,177,186)
```
#0054ba
```
#0054ba rgb(0,84,186)
```
#0900ba
```
#0900ba rgb(9,0,186)
```

Analogous Color

#b1ba00
```
#b1ba00 rgb(177,186,0)
```
#0054ba
```
#0054ba rgb(0,84,186)
```
#ba0900
```
#ba0900 rgb(186,9,0)
```

Split Complementary Color

#54ba00
```
#54ba00 rgb(84,186,0)
```
#0054ba
```
#0054ba rgb(0,84,186)
```
#ba0054
```
#ba0054 rgb(186,0,84)
```

Triadic Color

#00ba66
```
#00ba66 rgb(0,186,102)
```
#0054ba
```
#0054ba rgb(0,84,186)
```
#ba0054
```
#ba0054 rgb(186,0,84)
```
#ba6600
```
#ba6600 rgb(186,102,0)
```

Tetradic Color

#00316e
```
#00316e rgb(0,49,110)
```
#003d87
```
#003d87 rgb(0,61,135)
```
#0048a1
```
#0048a1 rgb(0,72,161)
```
#0054ba
```
#0054ba rgb(0,84,186)
```
#0060d4
```
#0060d4 rgb(0,96,212)
```
#006bed
```
#006bed rgb(0,107,237)
```
#0777ff
```
#0777ff rgb(7,119,255)
```

Monochromatic Color

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

#0083ba
```
#0083ba rgb(0,131,186)
```
#0073ba
```
#0073ba rgb(0,115,186)
```
#0064ba
```
#0064ba rgb(0,100,186)
```
#0054ba
```
#0054ba rgb(0,84,186)
```
#0045ba
```
#0045ba rgb(0,69,186)
```
#0035ba
```
#0035ba rgb(0,53,186)
```
#0026ba
```
#0026ba rgb(0,38,186)
```

Similar Colors

Text with hexadecimal color #0054ba

This text has a font color of #0054ba.

<span style="color:#0054ba;">Text here</span>

#0054ba background color

This paragraph has a background color of #0054ba.

<p style="background-color:#0054ba;">Content here</p>

#0054ba border color

This element has a border color of #0054ba.

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

CSS codes

.text {color:#0054ba;}

.background {background-color:#0054ba;}

.border {border:1px solid #0054ba;}

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

#000409
```
#000409 rgb(0,4,9)
```
#000d1d
```
#000d1d rgb(0,13,29)
```
#001631
```
#001631 rgb(0,22,49)
```
#001f44
```
#001f44 rgb(0,31,68)
```
#002858
```
#002858 rgb(0,40,88)
```
#00316c
```
#00316c rgb(0,49,108)
```
#00397f
```
#00397f rgb(0,57,127)
```
#004293
```
#004293 rgb(0,66,147)
```
#004ba6
```
#004ba6 rgb(0,75,166)
```
#0054ba
```
#0054ba rgb(0,84,186)
```
#005dce
```
#005dce rgb(0,93,206)
```
#0066e1
```
#0066e1 rgb(0,102,225)
```
#006ff5
```
#006ff5 rgb(0,111,245)
```

Shade Color Variation

#0978ff
```
#0978ff rgb(9,120,255)
```
#1d83ff
```
#1d83ff rgb(29,131,255)
```
#318eff
```
#318eff rgb(49,142,255)
```
#4499ff
```
#4499ff rgb(68,153,255)
```
#58a3ff
```
#58a3ff rgb(88,163,255)
```
#6caeff
```
#6caeff rgb(108,174,255)
```
#7fb9ff
```
#7fb9ff rgb(127,185,255)
```
#93c4ff
```
#93c4ff rgb(147,196,255)
```
#a6ceff
```
#a6ceff rgb(166,206,255)
```
#bad9ff
```
#bad9ff rgb(186,217,255)
```
#cee4ff
```
#cee4ff rgb(206,228,255)
```
#e1efff
```
#e1efff rgb(225,239,255)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565c64 is the less saturated color, while #0054ba is the most saturated one.

#565c64
```
#565c64 rgb(86,92,100)
```
#4f5c6b
```
#4f5c6b rgb(79,92,107)
```
#485b72
```
#485b72 rgb(72,91,114)
```
#405a7a
```
#405a7a rgb(64,90,122)
```
#395a81
```
#395a81 rgb(57,90,129)
```
#325988
```
#325988 rgb(50,89,136)
```
#2b588f
```
#2b588f rgb(43,88,143)
```
#245796
```
#245796 rgb(36,87,150)
```
#1d579d
```
#1d579d rgb(29,87,157)
```
#1556a5
```
#1556a5 rgb(21,86,165)
```
#0e55ac
```
#0e55ac rgb(14,85,172)
```
#0755b3
```
#0755b3 rgb(7,85,179)
```
#0054ba
```
#0054ba rgb(0,84,186)
```

Tone Color Variation

Below, you can see how #0054ba 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

#474747 Achromatopsia 0.005% of the population
#394a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a1 Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#005ab9 Protanomaly 1% of men, 0.01% of women
#005daa Deuteranomaly 6% of men, 0.4% of women
#00628b Tritanomaly 0.01% of the population

#0054ba hex color

#0054ba Color Information

#0054ba Color Conversion

Color Schemes with #0054ba

Alternatives to #0054ba

#0054ba Preview

Shades and Tints of #0054ba

Tones of #0054ba

Color Blindness Simulator