#054df6 hex color

In a RGB color space, hex #054df6 is composed of 2% red, 30.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 68.7% magenta, 0% yellow and 3.5% black. It has a hue angle of 222.1 degrees, a saturation of 96% and a lightness of 49.2%. #054df6 color hex could be obtained by blending #0a9aff with #0000ed. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 30
- B 96
RGB color chart
- C 98
- M 69
- Y 0
- K 4
CMYK color chart

● #054df6 color description : Vivid blue.

The hexadecimal color #054df6 has RGB values of R:5, G:77, B:246 and CMYK values of C:0.98, M:0.69, Y:0, K:0.04. Its decimal value is 347638.

Hex triplet	054df6	`#054df6`
RGB Decimal	5, 77, 246	`rgb(5,77,246)`
RGB Percent	2, 30.2, 96.5	`rgb(2%,30.2%,96.5%)`
CMYK	98, 69, 0, 4
HSL	222.1°, 96, 49.2	`hsl(222.1,96%,49.2%)`
HSV (or HSB)	222.1°, 98, 96.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	41.204, 47.558, -88.006
XYZ	19.348, 11.992, 88.479
xyY	0.161, 0.1, 11.992
CIE-LCH	41.204, 100.034, 298.386
CIE-LUV	41.204, -16.76, -126.447
Hunter-Lab	34.63, 39.125, -127.244
Binary	00000101, 01001101, 11110110

#054df6
```
#054df6 rgb(5,77,246)
```
#f6ae05
```
#f6ae05 rgb(246,174,5)
```

Complementary Color

#05c6f6
```
#05c6f6 rgb(5,198,246)
```
#054df6
```
#054df6 rgb(5,77,246)
```
#3605f6
```
#3605f6 rgb(54,5,246)
```

Analogous Color

#c6f605
```
#c6f605 rgb(198,246,5)
```
#054df6
```
#054df6 rgb(5,77,246)
```
#f63605
```
#f63605 rgb(246,54,5)
```

Split Complementary Color

#4df605
```
#4df605 rgb(77,246,5)
```
#054df6
```
#054df6 rgb(5,77,246)
```
#f6054d
```
#f6054d rgb(246,5,77)
```

Triadic Color

#05f6ae
```
#05f6ae rgb(5,246,174)
```
#054df6
```
#054df6 rgb(5,77,246)
```
#f6054d
```
#f6054d rgb(246,5,77)
```
#f6ae05
```
#f6ae05 rgb(246,174,5)
```

Tetradic Color

#0336ab
```
#0336ab rgb(3,54,171)
```
#043dc4
```
#043dc4 rgb(4,61,196)
```
#0445dd
```
#0445dd rgb(4,69,221)
```
#054df6
```
#054df6 rgb(5,77,246)
```
#1a5dfa
```
#1a5dfa rgb(26,93,250)
```
#336ffb
```
#336ffb rgb(51,111,251)
```
#4c80fb
```
#4c80fb rgb(76,128,251)
```

Monochromatic Color

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

#0589f6
```
#0589f6 rgb(5,137,246)
```
#0575f6
```
#0575f6 rgb(5,117,246)
```
#0561f6
```
#0561f6 rgb(5,97,246)
```
#054df6
```
#054df6 rgb(5,77,246)
```
#0539f6
```
#0539f6 rgb(5,57,246)
```
#0525f6
```
#0525f6 rgb(5,37,246)
```
#0511f6
```
#0511f6 rgb(5,17,246)
```

Similar Colors

Text with hexadecimal color #054df6

This text has a font color of #054df6.

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

#054df6 background color

This paragraph has a background color of #054df6.

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

#054df6 border color

This element has a border color of #054df6.

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

CSS codes

.text {color:#054df6;}

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

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

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

#00050f
```
#00050f rgb(0,5,15)
```
#010b23
```
#010b23 rgb(1,11,35)
```
#011136
```
#011136 rgb(1,17,54)
```
#011749
```
#011749 rgb(1,23,73)
```
#021d5c
```
#021d5c rgb(2,29,92)
```
#02236f
```
#02236f rgb(2,35,111)
```
#032983
```
#032983 rgb(3,41,131)
```
#032f96
```
#032f96 rgb(3,47,150)
```
#0335a9
```
#0335a9 rgb(3,53,169)
```
#043bbc
```
#043bbc rgb(4,59,188)
```
#0441d0
```
#0441d0 rgb(4,65,208)
```
#0547e3
```
#0547e3 rgb(5,71,227)
```
#054df6
```
#054df6 rgb(5,77,246)
```

Shade Color Variation

#1459fa
```
#1459fa rgb(20,89,250)
```
#2867fb
```
#2867fb rgb(40,103,251)
```
#3b74fb
```
#3b74fb rgb(59,116,251)
```
#4e82fb
```
#4e82fb rgb(78,130,251)
```
#618ffc
```
#618ffc rgb(97,143,252)
```
#759dfc
```
#759dfc rgb(117,157,252)
```
#88abfd
```
#88abfd rgb(136,171,253)
```
#9bb8fd
```
#9bb8fd rgb(155,184,253)
```
#aec6fd
```
#aec6fd rgb(174,198,253)
```
#c1d3fe
```
#c1d3fe rgb(193,211,254)
```
#d5e1fe
```
#d5e1fe rgb(213,225,254)
```
#e8efff
```
#e8efff rgb(232,239,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#797c82
```
#797c82 rgb(121,124,130)
```
#6f788c
```
#6f788c rgb(111,120,140)
```
#667495
```
#667495 rgb(102,116,149)
```
#5c709f
```
#5c709f rgb(92,112,159)
```
#526ca9
```
#526ca9 rgb(82,108,169)
```
#4968b2
```
#4968b2 rgb(73,104,178)
```
#3f64bc
```
#3f64bc rgb(63,100,188)
```
#3560c6
```
#3560c6 rgb(53,96,198)
```
#2c5dcf
```
#2c5dcf rgb(44,93,207)
```
#2259d9
```
#2259d9 rgb(34,89,217)
```
#1855e3
```
#1855e3 rgb(24,85,227)
```
#0f51ec
```
#0f51ec rgb(15,81,236)
```
#054df6
```
#054df6 rgb(5,77,246)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3d4b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#015dd8 Protanomaly 1% of men, 0.01% of women
#0160c7 Deuteranomaly 6% of men, 0.4% of women
#0165a6 Tritanomaly 0.01% of the population

#054df6 hex color

#054df6 Color Information

#054df6 Color Conversion

Color Schemes with #054df6

Alternatives to #054df6

#054df6 Preview

Shades and Tints of #054df6

Tones of #054df6

Color Blindness Simulator