#054cde hex color

In a RGB color space, hex #054cde is composed of 2% red, 29.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 65.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 220.4 degrees, a saturation of 95.6% and a lightness of 44.5%. #054cde color hex could be obtained by blending #0a98ff with #0000bd. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 30
- B 87
RGB color chart
- C 98
- M 66
- Y 0
- K 13
CMYK color chart

● #054cde color description : Vivid blue.

The hexadecimal color #054cde has RGB values of R:5, G:76, B:222 and CMYK values of C:0.98, M:0.66, Y:0, K:0.13. Its decimal value is 347358.

Hex triplet	054cde	`#054cde`
RGB Decimal	5, 76, 222	`rgb(5,76,222)`
RGB Percent	2, 29.8, 87.1	`rgb(2%,29.8%,87.1%)`
CMYK	98, 66, 0, 13
HSL	220.4°, 95.6, 44.5	`hsl(220.4,95.6%,44.5%)`
HSV (or HSB)	220.4°, 97.7, 87.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.68, 39.403, -78.577
XYZ	15.829, 10.474, 70.291
xyY	0.164, 0.108, 10.474
CIE-LCH	38.68, 87.903, 296.632
CIE-LUV	38.68, -16.528, -111.999
Hunter-Lab	32.363, 30.67, -106.12
Binary	00000101, 01001100, 11011110

#054cde
```
#054cde rgb(5,76,222)
```
#de9705
```
#de9705 rgb(222,151,5)
```

Complementary Color

#05b9de
```
#05b9de rgb(5,185,222)
```
#054cde
```
#054cde rgb(5,76,222)
```
#2a05de
```
#2a05de rgb(42,5,222)
```

Analogous Color

#b9de05
```
#b9de05 rgb(185,222,5)
```
#054cde
```
#054cde rgb(5,76,222)
```
#de2a05
```
#de2a05 rgb(222,42,5)
```

Split Complementary Color

#4cde05
```
#4cde05 rgb(76,222,5)
```
#054cde
```
#054cde rgb(5,76,222)
```
#de054c
```
#de054c rgb(222,5,76)
```

Triadic Color

#05de97
```
#05de97 rgb(5,222,151)
```
#054cde
```
#054cde rgb(5,76,222)
```
#de054c
```
#de054c rgb(222,5,76)
```
#de9705
```
#de9705 rgb(222,151,5)
```

Tetradic Color

#033293
```
#033293 rgb(3,50,147)
```
#043bac
```
#043bac rgb(4,59,172)
```
#0443c5
```
#0443c5 rgb(4,67,197)
```
#054cde
```
#054cde rgb(5,76,222)
```
#0655f7
```
#0655f7 rgb(6,85,247)
```
#1c65fa
```
#1c65fa rgb(28,101,250)
```
#3576fa
```
#3576fa rgb(53,118,250)
```

Monochromatic Color

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

#0582de
```
#0582de rgb(5,130,222)
```
#0570de
```
#0570de rgb(5,112,222)
```
#055ede
```
#055ede rgb(5,94,222)
```
#054cde
```
#054cde rgb(5,76,222)
```
#053ade
```
#053ade rgb(5,58,222)
```
#0528de
```
#0528de rgb(5,40,222)
```
#0516de
```
#0516de rgb(5,22,222)
```

Similar Colors

Text with hexadecimal color #054cde

This text has a font color of #054cde.

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

#054cde background color

This paragraph has a background color of #054cde.

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

#054cde border color

This element has a border color of #054cde.

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

CSS codes

.text {color:#054cde;}

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

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

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, #00040b is the darkest color, while #f7f9ff is the lightest one.

#00040b
```
#00040b rgb(0,4,11)
```
#010a1e
```
#010a1e rgb(1,10,30)
```
#011131
```
#011131 rgb(1,17,49)
```
#021745
```
#021745 rgb(2,23,69)
```
#021e58
```
#021e58 rgb(2,30,88)
```
#02256b
```
#02256b rgb(2,37,107)
```
#032b7e
```
#032b7e rgb(3,43,126)
```
#033291
```
#033291 rgb(3,50,145)
```
#0438a4
```
#0438a4 rgb(4,56,164)
```
#043fb8
```
#043fb8 rgb(4,63,184)
```
#0545cb
```
#0545cb rgb(5,69,203)
```
#054cde
```
#054cde rgb(5,76,222)
```
#0553f1
```
#0553f1 rgb(5,83,241)
```

Shade Color Variation

#115dfa
```
#115dfa rgb(17,93,250)
```
#246afa
```
#246afa rgb(36,106,250)
```
#3777fa
```
#3777fa rgb(55,119,250)
```
#4a84fb
```
#4a84fb rgb(74,132,251)
```
#5d91fb
```
#5d91fb rgb(93,145,251)
```
#719efc
```
#719efc rgb(113,158,252)
```
#84abfc
```
#84abfc rgb(132,171,252)
```
#97b8fd
```
#97b8fd rgb(151,184,253)
```
#aac5fd
```
#aac5fd rgb(170,197,253)
```
#bdd2fe
```
#bdd2fe rgb(189,210,254)
```
#d0dffe
```
#d0dffe rgb(208,223,254)
```
#e4ecfe
```
#e4ecfe rgb(228,236,254)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#6e7075
```
#6e7075 rgb(110,112,117)
```
#656d7e
```
#656d7e rgb(101,109,126)
```
#5c6a87
```
#5c6a87 rgb(92,106,135)
```
#54678f
```
#54678f rgb(84,103,143)
```
#4b6498
```
#4b6498 rgb(75,100,152)
```
#4261a1
```
#4261a1 rgb(66,97,161)
```
#395eaa
```
#395eaa rgb(57,94,170)
```
#315bb2
```
#315bb2 rgb(49,91,178)
```
#2858bb
```
#2858bb rgb(40,88,187)
```
#1f55c4
```
#1f55c4 rgb(31,85,196)
```
#1652cd
```
#1652cd rgb(22,82,205)
```
#0e4fd5
```
#0e4fd5 rgb(14,79,213)
```
#054cde
```
#054cde rgb(5,76,222)
```

Tone Color Variation

Below, you can see how #054cde 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
#3a4865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0159c8 Protanomaly 1% of men, 0.01% of women
#015cb8 Deuteranomaly 6% of men, 0.4% of women
#016199 Tritanomaly 0.01% of the population

#054cde hex color

#054cde Color Information

#054cde Color Conversion

Color Schemes with #054cde

Alternatives to #054cde

#054cde Preview

Shades and Tints of #054cde

Tones of #054cde

Color Blindness Simulator