#054ccf hex color

In a RGB color space, hex #054ccf is composed of 2% red, 29.8% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 63.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 218.9 degrees, a saturation of 95.3% and a lightness of 41.6%. #054ccf color hex could be obtained by blending #0a98ff with #00009f. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 30
- B 81
RGB color chart
- C 98
- M 63
- Y 0
- K 19
CMYK color chart

● #054ccf color description : Strong blue.

The hexadecimal color #054ccf has RGB values of R:5, G:76, B:207 and CMYK values of C:0.98, M:0.63, Y:0, K:0.19. Its decimal value is 347343.

Hex triplet	054ccf	`#054ccf`
RGB Decimal	5, 76, 207	`rgb(5,76,207)`
RGB Percent	2, 29.8, 81.2	`rgb(2%,29.8%,81.2%)`
CMYK	98, 63, 0, 19
HSL	218.9°, 95.3, 41.6	`hsl(218.9,95.3%,41.6%)`
HSV (or HSB)	218.9°, 97.6, 81.2
Web Safe	0033cc	`#0033cc`

CIE-LAB	37.308, 33.699, -72.212
XYZ	13.907, 9.705, 60.168
xyY	0.166, 0.116, 9.705
CIE-LCH	37.308, 79.688, 295.017
CIE-LUV	37.308, -16.597, -102.543
Hunter-Lab	31.153, 25.168, -92.705
Binary	00000101, 01001100, 11001111

#054ccf
```
#054ccf rgb(5,76,207)
```
#cf8805
```
#cf8805 rgb(207,136,5)
```

Complementary Color

#05b1cf
```
#05b1cf rgb(5,177,207)
```
#054ccf
```
#054ccf rgb(5,76,207)
```
#2305cf
```
#2305cf rgb(35,5,207)
```

Analogous Color

#b1cf05
```
#b1cf05 rgb(177,207,5)
```
#054ccf
```
#054ccf rgb(5,76,207)
```
#cf2305
```
#cf2305 rgb(207,35,5)
```

Split Complementary Color

#4ccf05
```
#4ccf05 rgb(76,207,5)
```
#054ccf
```
#054ccf rgb(5,76,207)
```
#cf054c
```
#cf054c rgb(207,5,76)
```

Triadic Color

#05cf88
```
#05cf88 rgb(5,207,136)
```
#054ccf
```
#054ccf rgb(5,76,207)
```
#cf054c
```
#cf054c rgb(207,5,76)
```
#cf8805
```
#cf8805 rgb(207,136,5)
```

Tetradic Color

#033184
```
#033184 rgb(3,49,132)
```
#043a9d
```
#043a9d rgb(4,58,157)
```
#0443b6
```
#0443b6 rgb(4,67,182)
```
#054ccf
```
#054ccf rgb(5,76,207)
```
#0655e8
```
#0655e8 rgb(6,85,232)
```
#0e61f9
```
#0e61f9 rgb(14,97,249)
```
#2771fa
```
#2771fa rgb(39,113,250)
```

Monochromatic Color

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

#057fcf
```
#057fcf rgb(5,127,207)
```
#056ecf
```
#056ecf rgb(5,110,207)
```
#055dcf
```
#055dcf rgb(5,93,207)
```
#054ccf
```
#054ccf rgb(5,76,207)
```
#053bcf
```
#053bcf rgb(5,59,207)
```
#052acf
```
#052acf rgb(5,42,207)
```
#051acf
```
#051acf rgb(5,26,207)
```

Similar Colors

Text with hexadecimal color #054ccf

This text has a font color of #054ccf.

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

#054ccf background color

This paragraph has a background color of #054ccf.

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

#054ccf border color

This element has a border color of #054ccf.

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

CSS codes

.text {color:#054ccf;}

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

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

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, #00060f is the darkest color, while #fbfdff is the lightest one.

#00060f
```
#00060f rgb(0,6,15)
```
#010d23
```
#010d23 rgb(1,13,35)
```
#011436
```
#011436 rgb(1,20,54)
```
#021b49
```
#021b49 rgb(2,27,73)
```
#02225c
```
#02225c rgb(2,34,92)
```
#03296f
```
#03296f rgb(3,41,111)
```
#033082
```
#033082 rgb(3,48,130)
```
#043796
```
#043796 rgb(4,55,150)
```
#043ea9
```
#043ea9 rgb(4,62,169)
```
#0545bc
```
#0545bc rgb(5,69,188)
```
#054ccf
```
#054ccf rgb(5,76,207)
```
#0553e2
```
#0553e2 rgb(5,83,226)
```
#065af5
```
#065af5 rgb(6,90,245)
```

Shade Color Variation

#1566f9
```
#1566f9 rgb(21,102,249)
```
#2972fa
```
#2972fa rgb(41,114,250)
```
#3c7ffa
```
#3c7ffa rgb(60,127,250)
```
#4f8bfb
```
#4f8bfb rgb(79,139,251)
```
#6298fb
```
#6298fb rgb(98,152,251)
```
#75a4fc
```
#75a4fc rgb(117,164,252)
```
#88b1fc
```
#88b1fc rgb(136,177,252)
```
#9cbefd
```
#9cbefd rgb(156,190,253)
```
#afcafd
```
#afcafd rgb(175,202,253)
```
#c2d7fe
```
#c2d7fe rgb(194,215,254)
```
#d5e3fe
```
#d5e3fe rgb(213,227,254)
```
#e8f0fe
```
#e8f0fe rgb(232,240,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#67696d
```
#67696d rgb(103,105,109)
```
#5f6775
```
#5f6775 rgb(95,103,117)
```
#57647d
```
#57647d rgb(87,100,125)
```
#4e6286
```
#4e6286 rgb(78,98,134)
```
#465f8e
```
#465f8e rgb(70,95,142)
```
#3e5d96
```
#3e5d96 rgb(62,93,150)
```
#365b9e
```
#365b9e rgb(54,91,158)
```
#2e58a6
```
#2e58a6 rgb(46,88,166)
```
#2656ae
```
#2656ae rgb(38,86,174)
```
#1d53b7
```
#1d53b7 rgb(29,83,183)
```
#1551bf
```
#1551bf rgb(21,81,191)
```
#0d4ec7
```
#0d4ec7 rgb(13,78,199)
```
#054ccf
```
#054ccf rgb(5,76,207)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#394761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#0157bf Protanomaly 1% of men, 0.01% of women
#015ab0 Deuteranomaly 6% of men, 0.4% of women
#015f92 Tritanomaly 0.01% of the population

#054ccf hex color

#054ccf Color Information

#054ccf Color Conversion

Color Schemes with #054ccf

Alternatives to #054ccf

#054ccf Preview

Shades and Tints of #054ccf

Tones of #054ccf

Color Blindness Simulator