#054ddf hex color

In a RGB color space, hex #054ddf is composed of 2% red, 30.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 65.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 220.2 degrees, a saturation of 95.6% and a lightness of 44.7%. #054ddf color hex could be obtained by blending #0a9aff with #0000bf. Closest websafe color is: #0066cc.

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

● #054ddf color description : Vivid blue.

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

Hex triplet	054ddf	`#054ddf`
RGB Decimal	5, 77, 223	`rgb(5,77,223)`
RGB Percent	2, 30.2, 87.5	`rgb(2%,30.2%,87.5%)`
CMYK	98, 65, 0, 13
HSL	220.2°, 95.6, 44.7	`hsl(220.2,95.6%,44.7%)`
HSV (or HSB)	220.2°, 97.8, 87.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.013, 39.143, -78.6
XYZ	16.033, 10.666, 71.022
xyY	0.164, 0.109, 10.666
CIE-LCH	39.013, 87.807, 296.473
CIE-LUV	39.013, -16.745, -112.396
Hunter-Lab	32.659, 30.474, -106.072
Binary	00000101, 01001101, 11011111

#054ddf
```
#054ddf rgb(5,77,223)
```
#df9705
```
#df9705 rgb(223,151,5)
```

Complementary Color

#05badf
```
#05badf rgb(5,186,223)
```
#054ddf
```
#054ddf rgb(5,77,223)
```
#2a05df
```
#2a05df rgb(42,5,223)
```

Analogous Color

#badf05
```
#badf05 rgb(186,223,5)
```
#054ddf
```
#054ddf rgb(5,77,223)
```
#df2a05
```
#df2a05 rgb(223,42,5)
```

Split Complementary Color

#4ddf05
```
#4ddf05 rgb(77,223,5)
```
#054ddf
```
#054ddf rgb(5,77,223)
```
#df054d
```
#df054d rgb(223,5,77)
```

Triadic Color

#05df97
```
#05df97 rgb(5,223,151)
```
#054ddf
```
#054ddf rgb(5,77,223)
```
#df054d
```
#df054d rgb(223,5,77)
```
#df9705
```
#df9705 rgb(223,151,5)
```

Tetradic Color

#033394
```
#033394 rgb(3,51,148)
```
#043cad
```
#043cad rgb(4,60,173)
```
#0444c6
```
#0444c6 rgb(4,68,198)
```
#054ddf
```
#054ddf rgb(5,77,223)
```
#0656f8
```
#0656f8 rgb(6,86,248)
```
#1d66fa
```
#1d66fa rgb(29,102,250)
```
#3677fa
```
#3677fa rgb(54,119,250)
```

Monochromatic Color

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

#0584df
```
#0584df rgb(5,132,223)
```
#0571df
```
#0571df rgb(5,113,223)
```
#055fdf
```
#055fdf rgb(5,95,223)
```
#054ddf
```
#054ddf rgb(5,77,223)
```
#053bdf
```
#053bdf rgb(5,59,223)
```
#0529df
```
#0529df rgb(5,41,223)
```
#0517df
```
#0517df rgb(5,23,223)
```

Similar Colors

Text with hexadecimal color #054ddf

This text has a font color of #054ddf.

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

#054ddf background color

This paragraph has a background color of #054ddf.

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

#054ddf border color

This element has a border color of #054ddf.

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

CSS codes

.text {color:#054ddf;}

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

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

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

#00040c
```
#00040c rgb(0,4,12)
```
#010b1f
```
#010b1f rgb(1,11,31)
```
#011132
```
#011132 rgb(1,17,50)
```
#021846
```
#021846 rgb(2,24,70)
```
#021f59
```
#021f59 rgb(2,31,89)
```
#02256c
```
#02256c rgb(2,37,108)
```
#032c7f
```
#032c7f rgb(3,44,127)
```
#033392
```
#033392 rgb(3,51,146)
```
#0439a5
```
#0439a5 rgb(4,57,165)
```
#0440b9
```
#0440b9 rgb(4,64,185)
```
#0546cc
```
#0546cc rgb(5,70,204)
```
#054ddf
```
#054ddf rgb(5,77,223)
```
#0554f2
```
#0554f2 rgb(5,84,242)
```

Shade Color Variation

#125efa
```
#125efa rgb(18,94,250)
```
#256bfa
```
#256bfa rgb(37,107,250)
```
#3878fb
```
#3878fb rgb(56,120,251)
```
#4b85fb
```
#4b85fb rgb(75,133,251)
```
#5e92fb
```
#5e92fb rgb(94,146,251)
```
#719ffc
```
#719ffc rgb(113,159,252)
```
#85acfc
```
#85acfc rgb(133,172,252)
```
#98b9fd
```
#98b9fd rgb(152,185,253)
```
#abc6fd
```
#abc6fd rgb(171,198,253)
```
#bed3fe
```
#bed3fe rgb(190,211,254)
```
#d1e0fe
```
#d1e0fe rgb(209,224,254)
```
#e5edfe
```
#e5edfe rgb(229,237,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#6e7176
```
#6e7176 rgb(110,113,118)
```
#656e7f
```
#656e7f rgb(101,110,127)
```
#5d6b87
```
#5d6b87 rgb(93,107,135)
```
#546890
```
#546890 rgb(84,104,144)
```
#4b6599
```
#4b6599 rgb(75,101,153)
```
#4262a2
```
#4262a2 rgb(66,98,162)
```
#3a5faa
```
#3a5faa rgb(58,95,170)
```
#315cb3
```
#315cb3 rgb(49,92,179)
```
#2859bc
```
#2859bc rgb(40,89,188)
```
#1f56c5
```
#1f56c5 rgb(31,86,197)
```
#1753cd
```
#1753cd rgb(23,83,205)
```
#0e50d6
```
#0e50d6 rgb(14,80,214)
```
#054ddf
```
#054ddf rgb(5,77,223)
```

Tone Color Variation

Below, you can see how #054ddf 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
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

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

#054ddf hex color

#054ddf Color Information

#054ddf Color Conversion

Color Schemes with #054ddf

Alternatives to #054ddf

#054ddf Preview

Shades and Tints of #054ddf

Tones of #054ddf

Color Blindness Simulator