#054cc2 hex color

In a RGB color space, hex #054cc2 is composed of 2% red, 29.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 60.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 217.5 degrees, a saturation of 95% and a lightness of 39%. #054cc2 color hex could be obtained by blending #0a98ff with #000085. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 30
- B 76
RGB color chart
- C 97
- M 61
- Y 0
- K 24
CMYK color chart

● #054cc2 color description : Strong blue.

The hexadecimal color #054cc2 has RGB values of R:5, G:76, B:194 and CMYK values of C:0.97, M:0.61, Y:0, K:0.24. Its decimal value is 347330.

Hex triplet	054cc2	`#054cc2`
RGB Decimal	5, 76, 194	`rgb(5,76,194)`
RGB Percent	2, 29.8, 76.1	`rgb(2%,29.8%,76.1%)`
CMYK	97, 61, 0, 24
HSL	217.5°, 95, 39	`hsl(217.5,95%,39%)`
HSV (or HSB)	217.5°, 97.4, 76.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.167, 28.613, -66.527
XYZ	12.383, 9.095, 52.139
xyY	0.168, 0.124, 9.095
CIE-LCH	36.167, 72.419, 293.273
CIE-LUV	36.167, -16.722, -94.106
Hunter-Lab	30.158, 20.513, -81.393
Binary	00000101, 01001100, 11000010

#054cc2
```
#054cc2 rgb(5,76,194)
```
#c27b05
```
#c27b05 rgb(194,123,5)
```

Complementary Color

#05abc2
```
#05abc2 rgb(5,171,194)
```
#054cc2
```
#054cc2 rgb(5,76,194)
```
#1d05c2
```
#1d05c2 rgb(29,5,194)
```

Analogous Color

#abc205
```
#abc205 rgb(171,194,5)
```
#054cc2
```
#054cc2 rgb(5,76,194)
```
#c21d05
```
#c21d05 rgb(194,29,5)
```

Split Complementary Color

#4cc205
```
#4cc205 rgb(76,194,5)
```
#054cc2
```
#054cc2 rgb(5,76,194)
```
#c2054c
```
#c2054c rgb(194,5,76)
```

Triadic Color

#05c27b
```
#05c27b rgb(5,194,123)
```
#054cc2
```
#054cc2 rgb(5,76,194)
```
#c2054c
```
#c2054c rgb(194,5,76)
```
#c27b05
```
#c27b05 rgb(194,123,5)
```

Tetradic Color

#032f77
```
#032f77 rgb(3,47,119)
```
#043990
```
#043990 rgb(4,57,144)
```
#0442a9
```
#0442a9 rgb(4,66,169)
```
#054cc2
```
#054cc2 rgb(5,76,194)
```
#0656db
```
#0656db rgb(6,86,219)
```
#065ff4
```
#065ff4 rgb(6,95,244)
```
#1a6ef9
```
#1a6ef9 rgb(26,110,249)
```

Monochromatic Color

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

#057bc2
```
#057bc2 rgb(5,123,194)
```
#056cc2
```
#056cc2 rgb(5,108,194)
```
#055cc2
```
#055cc2 rgb(5,92,194)
```
#054cc2
```
#054cc2 rgb(5,76,194)
```
#053cc2
```
#053cc2 rgb(5,60,194)
```
#052dc2
```
#052dc2 rgb(5,45,194)
```
#051dc2
```
#051dc2 rgb(5,29,194)
```

Similar Colors

Text with hexadecimal color #054cc2

This text has a font color of #054cc2.

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

#054cc2 background color

This paragraph has a background color of #054cc2.

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

#054cc2 border color

This element has a border color of #054cc2.

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

CSS codes

.text {color:#054cc2;}

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

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

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 #eff5ff is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#010916
```
#010916 rgb(1,9,22)
```
#011029
```
#011029 rgb(1,16,41)
```
#02183c
```
#02183c rgb(2,24,60)
```
#021f4f
```
#021f4f rgb(2,31,79)
```
#032762
```
#032762 rgb(3,39,98)
```
#032e76
```
#032e76 rgb(3,46,118)
```
#043689
```
#043689 rgb(4,54,137)
```
#043d9c
```
#043d9c rgb(4,61,156)
```
#0545af
```
#0545af rgb(5,69,175)
```
#054cc2
```
#054cc2 rgb(5,76,194)
```
#0553d5
```
#0553d5 rgb(5,83,213)
```
#065be8
```
#065be8 rgb(6,91,232)
```

Shade Color Variation

#0963f9
```
#0963f9 rgb(9,99,249)
```
#1c6ff9
```
#1c6ff9 rgb(28,111,249)
```
#2f7bfa
```
#2f7bfa rgb(47,123,250)
```
#4388fa
```
#4388fa rgb(67,136,250)
```
#5694fb
```
#5694fb rgb(86,148,251)
```
#69a0fb
```
#69a0fb rgb(105,160,251)
```
#7cacfc
```
#7cacfc rgb(124,172,252)
```
#8fb8fc
```
#8fb8fc rgb(143,184,252)
```
#a2c4fd
```
#a2c4fd rgb(162,196,253)
```
#b5d0fd
```
#b5d0fd rgb(181,208,253)
```
#c8dcfe
```
#c8dcfe rgb(200,220,254)
```
#dce9fe
```
#dce9fe rgb(220,233,254)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```

Tint Color Variation

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

#616366
```
#616366 rgb(97,99,102)
```
#59616e
```
#59616e rgb(89,97,110)
```
#525f75
```
#525f75 rgb(82,95,117)
```
#4a5d7d
```
#4a5d7d rgb(74,93,125)
```
#425b85
```
#425b85 rgb(66,91,133)
```
#3b598c
```
#3b598c rgb(59,89,140)
```
#335794
```
#335794 rgb(51,87,148)
```
#2b569c
```
#2b569c rgb(43,86,156)
```
#2454a3
```
#2454a3 rgb(36,84,163)
```
#1c52ab
```
#1c52ab rgb(28,82,171)
```
#1450b3
```
#1450b3 rgb(20,80,179)
```
#0d4eba
```
#0d4eba rgb(13,78,186)
```
#054cc2
```
#054cc2 rgb(5,76,194)
```

Tone Color Variation

Below, you can see how #054cc2 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
#37465d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#0155b7 Protanomaly 1% of men, 0.01% of women
#0158a9 Deuteranomaly 6% of men, 0.4% of women
#015d8b Tritanomaly 0.01% of the population

#054cc2 hex color

#054cc2 Color Information

#054cc2 Color Conversion

Color Schemes with #054cc2

Alternatives to #054cc2

#054cc2 Preview

Shades and Tints of #054cc2

Tones of #054cc2

Color Blindness Simulator