colorhexa.com

#054dde hex color

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

- R 2
- G 30
- B 87
RGB color chart
- C 98
- M 65
- Y 0
- K 13
CMYK color chart

● #054dde color description : Vivid blue.

The hexadecimal color #054dde has RGB values of R:5, G:77, B:222 and CMYK values of C:0.98, M:0.65, Y:0, K:0.13. Its decimal value is 347614.

Hex triplet	054dde	`#054dde`
RGB Decimal	5, 77, 222	`rgb(5,77,222)`
RGB Percent	2, 30.2, 87.1	`rgb(2%,30.2%,87.1%)`
CMYK	98, 65, 0, 13
HSL	220.1°, 95.6, 44.5	`hsl(220.1,95.6%,44.5%)`
HSV (or HSB)	220.1°, 97.7, 87.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.92, 38.767, -78.182
XYZ	15.898, 10.613, 70.314
xyY	0.164, 0.11, 10.613
CIE-LCH	38.92, 87.265, 296.375
CIE-LUV	38.92, -16.748, -111.772
Hunter-Lab	32.577, 30.103, -105.167
Binary	00000101, 01001101, 11011110

#054dde
```
#054dde rgb(5,77,222)
```
#de9605
```
#de9605 rgb(222,150,5)
```

Complementary Color

#05bade
```
#05bade rgb(5,186,222)
```
#054dde
```
#054dde rgb(5,77,222)
```
#2a05de
```
#2a05de rgb(42,5,222)
```

Analogous Color

#bade05
```
#bade05 rgb(186,222,5)
```
#054dde
```
#054dde rgb(5,77,222)
```
#de2a05
```
#de2a05 rgb(222,42,5)
```

Split Complementary Color

#033393
```
#033393 rgb(3,51,147)
```
#043cac
```
#043cac rgb(4,60,172)
```
#0444c5
```
#0444c5 rgb(4,68,197)
```
#054dde
```
#054dde rgb(5,77,222)
```
#0656f7
```
#0656f7 rgb(6,86,247)
```
#1c66fa
```
#1c66fa rgb(28,102,250)
```
#3577fa
```
#3577fa rgb(53,119,250)
```

Monochromatic Color

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

#0583de
```
#0583de rgb(5,131,222)
```
#0571de
```
#0571de rgb(5,113,222)
```
#055fde
```
#055fde rgb(5,95,222)
```
#054dde
```
#054dde rgb(5,77,222)
```
#053bde
```
#053bde rgb(5,59,222)
```
#0529de
```
#0529de rgb(5,41,222)
```
#0517de
```
#0517de rgb(5,23,222)
```

Similar Colors

Text with hexadecimal color #054dde

This text has a font color of #054dde.

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

#054dde background color

This paragraph has a background color of #054dde.

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

#054dde border color

This element has a border color of #054dde.

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

CSS codes

.text {color:#054dde;}

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

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

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)
```
#021845
```
#021845 rgb(2,24,69)
```
#021e58
```
#021e58 rgb(2,30,88)
```
#02256b
```
#02256b rgb(2,37,107)
```
#032c7e
```
#032c7e rgb(3,44,126)
```
#033291
```
#033291 rgb(3,50,145)
```
#0439a4
```
#0439a4 rgb(4,57,164)
```
#0440b8
```
#0440b8 rgb(4,64,184)
```
#0546cb
```
#0546cb rgb(5,70,203)
```
#054dde
```
#054dde rgb(5,77,222)
```
#0554f1
```
#0554f1 rgb(5,84,241)
```

Shade Color Variation

#115efa
```
#115efa rgb(17,94,250)
```
#246bfa
```
#246bfa rgb(36,107,250)
```
#3778fa
```
#3778fa rgb(55,120,250)
```
#4a85fb
```
#4a85fb rgb(74,133,251)
```
#5d92fb
```
#5d92fb rgb(93,146,251)
```
#719ffc
```
#719ffc rgb(113,159,252)
```
#84acfc
```
#84acfc rgb(132,172,252)
```
#97b9fd
```
#97b9fd rgb(151,185,253)
```
#aac6fd
```
#aac6fd rgb(170,198,253)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#d0e0fe
```
#d0e0fe rgb(208,224,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 #054dde 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)
```
#4262a1
```
#4262a1 rgb(66,98,161)
```
#395faa
```
#395faa rgb(57,95,170)
```
#315cb2
```
#315cb2 rgb(49,92,178)
```
#2859bb
```
#2859bb rgb(40,89,187)
```
#1f56c4
```
#1f56c4 rgb(31,86,196)
```
#1653cd
```
#1653cd rgb(22,83,205)
```
#0e50d5
```
#0e50d5 rgb(14,80,213)
```
#054dde
```
#054dde rgb(5,77,222)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3b4966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0159c9 Protanomaly 1% of men, 0.01% of women
#015db9 Deuteranomaly 6% of men, 0.4% of women
#01629a Tritanomaly 0.01% of the population