#0054bc hex color

In a RGB color space, hex #0054bc is composed of 0% red, 32.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 55.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 213.2 degrees, a saturation of 100% and a lightness of 36.9%. #0054bc color hex could be obtained by blending #00a8ff with #000079. Closest websafe color is: #0066cc.

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

● #0054bc color description : Strong blue.

The hexadecimal color #0054bc has RGB values of R:0, G:84, B:188 and CMYK values of C:1, M:0.55, Y:0, K:0.26. Its decimal value is 21692.

Hex triplet	0054bc	`#0054bc`
RGB Decimal	0, 84, 188	`rgb(0,84,188)`
RGB Percent	0, 32.9, 73.7	`rgb(0%,32.9%,73.7%)`
CMYK	100, 55, 0, 26
HSL	213.2°, 100, 36.9	`hsl(213.2,100%,36.9%)`
HSV (or HSB)	213.2°, 100, 73.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	37.789, 20.681, -60.371
XYZ	12.245, 9.97, 48.853
xyY	0.172, 0.14, 9.97
CIE-LCH	37.789, 63.816, 288.91
CIE-LUV	37.789, -19.156, -87.118
Hunter-Lab	31.576, 13.966, -69.628
Binary	00000000, 01010100, 10111100

#0054bc
```
#0054bc rgb(0,84,188)
```
#bc6800
```
#bc6800 rgb(188,104,0)
```

Complementary Color

#00b2bc
```
#00b2bc rgb(0,178,188)
```
#0054bc
```
#0054bc rgb(0,84,188)
```
#0a00bc
```
#0a00bc rgb(10,0,188)
```

Analogous Color

#b2bc00
```
#b2bc00 rgb(178,188,0)
```
#0054bc
```
#0054bc rgb(0,84,188)
```
#bc0a00
```
#bc0a00 rgb(188,10,0)
```

Split Complementary Color

#54bc00
```
#54bc00 rgb(84,188,0)
```
#0054bc
```
#0054bc rgb(0,84,188)
```
#bc0054
```
#bc0054 rgb(188,0,84)
```

Triadic Color

#00bc68
```
#00bc68 rgb(0,188,104)
```
#0054bc
```
#0054bc rgb(0,84,188)
```
#bc0054
```
#bc0054 rgb(188,0,84)
```
#bc6800
```
#bc6800 rgb(188,104,0)
```

Tetradic Color

#003270
```
#003270 rgb(0,50,112)
```
#003d89
```
#003d89 rgb(0,61,137)
```
#0049a3
```
#0049a3 rgb(0,73,163)
```
#0054bc
```
#0054bc rgb(0,84,188)
```
#005fd6
```
#005fd6 rgb(0,95,214)
```
#006bef
```
#006bef rgb(0,107,239)
```
#0a77ff
```
#0a77ff rgb(10,119,255)
```

Monochromatic Color

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

#0083bc
```
#0083bc rgb(0,131,188)
```
#0073bc
```
#0073bc rgb(0,115,188)
```
#0064bc
```
#0064bc rgb(0,100,188)
```
#0054bc
```
#0054bc rgb(0,84,188)
```
#0044bc
```
#0044bc rgb(0,68,188)
```
#0035bc
```
#0035bc rgb(0,53,188)
```
#0025bc
```
#0025bc rgb(0,37,188)
```

Similar Colors

Text with hexadecimal color #0054bc

This text has a font color of #0054bc.

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

#0054bc background color

This paragraph has a background color of #0054bc.

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

#0054bc border color

This element has a border color of #0054bc.

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

CSS codes

.text {color:#0054bc;}

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

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

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)
```
#000e1f
```
#000e1f rgb(0,14,31)
```
#001733
```
#001733 rgb(0,23,51)
```
#001f46
```
#001f46 rgb(0,31,70)
```
#00285a
```
#00285a rgb(0,40,90)
```
#00316e
```
#00316e rgb(0,49,110)
```
#003a81
```
#003a81 rgb(0,58,129)
```
#004295
```
#004295 rgb(0,66,149)
```
#004ba8
```
#004ba8 rgb(0,75,168)
```
#0054bc
```
#0054bc rgb(0,84,188)
```
#005dd0
```
#005dd0 rgb(0,93,208)
```
#0066e3
```
#0066e3 rgb(0,102,227)
```
#006ef7
```
#006ef7 rgb(0,110,247)
```

Shade Color Variation

#0b78ff
```
#0b78ff rgb(11,120,255)
```
#1f83ff
```
#1f83ff rgb(31,131,255)
```
#338eff
```
#338eff rgb(51,142,255)
```
#4699ff
```
#4699ff rgb(70,153,255)
```
#5aa4ff
```
#5aa4ff rgb(90,164,255)
```
#6eafff
```
#6eafff rgb(110,175,255)
```
#81b9ff
```
#81b9ff rgb(129,185,255)
```
#95c4ff
```
#95c4ff rgb(149,196,255)
```
#a8cfff
```
#a8cfff rgb(168,207,255)
```
#bcdaff
```
#bcdaff rgb(188,218,255)
```
#d0e5ff
```
#d0e5ff rgb(208,229,255)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#575d65
```
#575d65 rgb(87,93,101)
```
#505c6c
```
#505c6c rgb(80,92,108)
```
#485c74
```
#485c74 rgb(72,92,116)
```
#415b7b
```
#415b7b rgb(65,91,123)
```
#3a5a82
```
#3a5a82 rgb(58,90,130)
```
#335989
```
#335989 rgb(51,89,137)
```
#2b5991
```
#2b5991 rgb(43,89,145)
```
#245898
```
#245898 rgb(36,88,152)
```
#1d579f
```
#1d579f rgb(29,87,159)
```
#1656a6
```
#1656a6 rgb(22,86,166)
```
#0e56ae
```
#0e56ae rgb(14,86,174)
```
#0755b5
```
#0755b5 rgb(7,85,181)
```
#0054bc
```
#0054bc rgb(0,84,188)
```

Tone Color Variation

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

#005eb9 Protanopia 1% of men
#0063a2 Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#005aba Protanomaly 1% of men, 0.01% of women
#005eab Deuteranomaly 6% of men, 0.4% of women
#00628c Tritanomaly 0.01% of the population

#0054bc hex color

#0054bc Color Information

#0054bc Color Conversion

Color Schemes with #0054bc

Alternatives to #0054bc

#0054bc Preview

Shades and Tints of #0054bc

Tones of #0054bc

Color Blindness Simulator