#054af8 hex color

In a RGB color space, hex #054af8 is composed of 2% red, 29% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 70.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 223 degrees, a saturation of 96% and a lightness of 49.6%. #054af8 color hex could be obtained by blending #0a94ff with #0000f1. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 2
- G 29
- B 97
RGB color chart
- C 98
- M 70
- Y 0
- K 3
CMYK color chart

● #054af8 color description : Vivid blue.

The hexadecimal color #054af8 has RGB values of R:5, G:74, B:248 and CMYK values of C:0.98, M:0.7, Y:0, K:0.03. Its decimal value is 346872.

Hex triplet	054af8	`#054af8`
RGB Decimal	5, 74, 248	`rgb(5,74,248)`
RGB Percent	2, 29, 97.3	`rgb(2%,29%,97.3%)`
CMYK	98, 70, 0, 3
HSL	223°, 96, 49.6	`hsl(223,96%,49.6%)`
HSV (or HSB)	223°, 98, 97.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.744, 50.062, -89.887
XYZ	19.451, 11.706, 90.036
xyY	0.16, 0.097, 11.706
CIE-LCH	40.744, 102.888, 299.115
CIE-LUV	40.744, -16.192, -128.1
Hunter-Lab	34.213, 41.608, -132.079
Binary	00000101, 01001010, 11111000

#054af8
```
#054af8 rgb(5,74,248)
```
#f8b305
```
#f8b305 rgb(248,179,5)
```

Complementary Color

#05c4f8
```
#05c4f8 rgb(5,196,248)
```
#054af8
```
#054af8 rgb(5,74,248)
```
#3a05f8
```
#3a05f8 rgb(58,5,248)
```

Analogous Color

#c4f805
```
#c4f805 rgb(196,248,5)
```
#054af8
```
#054af8 rgb(5,74,248)
```
#f83a05
```
#f83a05 rgb(248,58,5)
```

Split Complementary Color

#4af805
```
#4af805 rgb(74,248,5)
```
#054af8
```
#054af8 rgb(5,74,248)
```
#f8054a
```
#f8054a rgb(248,5,74)
```

Triadic Color

#05f8b3
```
#05f8b3 rgb(5,248,179)
```
#054af8
```
#054af8 rgb(5,74,248)
```
#f8054a
```
#f8054a rgb(248,5,74)
```
#f8b305
```
#f8b305 rgb(248,179,5)
```

Tetradic Color

#0334ad
```
#0334ad rgb(3,52,173)
```
#043bc6
```
#043bc6 rgb(4,59,198)
```
#0443df
```
#0443df rgb(4,67,223)
```
#054af8
```
#054af8 rgb(5,74,248)
```
#1c5bfa
```
#1c5bfa rgb(28,91,250)
```
#356dfb
```
#356dfb rgb(53,109,251)
```
#4e7ffb
```
#4e7ffb rgb(78,127,251)
```

Monochromatic Color

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

#0587f8
```
#0587f8 rgb(5,135,248)
```
#0573f8
```
#0573f8 rgb(5,115,248)
```
#055ef8
```
#055ef8 rgb(5,94,248)
```
#054af8
```
#054af8 rgb(5,74,248)
```
#0536f8
```
#0536f8 rgb(5,54,248)
```
#0522f8
```
#0522f8 rgb(5,34,248)
```
#050df8
```
#050df8 rgb(5,13,248)
```

Similar Colors

Text with hexadecimal color #054af8

This text has a font color of #054af8.

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

#054af8 background color

This paragraph has a background color of #054af8.

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

#054af8 border color

This element has a border color of #054af8.

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

CSS codes

.text {color:#054af8;}

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

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

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, #000511 is the darkest color, while #fdfeff is the lightest one.

#000511
```
#000511 rgb(0,5,17)
```
#010b24
```
#010b24 rgb(1,11,36)
```
#011138
```
#011138 rgb(1,17,56)
```
#02164b
```
#02164b rgb(2,22,75)
```
#021c5e
```
#021c5e rgb(2,28,94)
```
#022271
```
#022271 rgb(2,34,113)
```
#032885
```
#032885 rgb(3,40,133)
```
#032d98
```
#032d98 rgb(3,45,152)
```
#0333ab
```
#0333ab rgb(3,51,171)
```
#0439be
```
#0439be rgb(4,57,190)
```
#043fd2
```
#043fd2 rgb(4,63,210)
```
#0544e5
```
#0544e5 rgb(5,68,229)
```
#054af8
```
#054af8 rgb(5,74,248)
```

Shade Color Variation

#1657fa
```
#1657fa rgb(22,87,250)
```
#2a65fb
```
#2a65fb rgb(42,101,251)
```
#3d73fb
```
#3d73fb rgb(61,115,251)
```
#5081fb
```
#5081fb rgb(80,129,251)
```
#638ffc
```
#638ffc rgb(99,143,252)
```
#769cfc
```
#769cfc rgb(118,156,252)
```
#8aaafd
```
#8aaafd rgb(138,170,253)
```
#9db8fd
```
#9db8fd rgb(157,184,253)
```
#b0c6fd
```
#b0c6fd rgb(176,198,253)
```
#c3d4fe
```
#c3d4fe rgb(195,212,254)
```
#d7e2fe
```
#d7e2fe rgb(215,226,254)
```
#eaf0ff
```
#eaf0ff rgb(234,240,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#7a7c83
```
#7a7c83 rgb(122,124,131)
```
#70788d
```
#70788d rgb(112,120,141)
```
#667497
```
#667497 rgb(102,116,151)
```
#5d70a0
```
#5d70a0 rgb(93,112,160)
```
#536caa
```
#536caa rgb(83,108,170)
```
#4967b4
```
#4967b4 rgb(73,103,180)
```
#3f63be
```
#3f63be rgb(63,99,190)
```
#365fc7
```
#365fc7 rgb(54,95,199)
```
#2c5bd1
```
#2c5bd1 rgb(44,91,209)
```
#2257db
```
#2257db rgb(34,87,219)
```
#1852e5
```
#1852e5 rgb(24,82,229)
```
#0f4eee
```
#0f4eee rgb(15,78,238)
```
#054af8
```
#054af8 rgb(5,74,248)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3b496c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#015bd7 Protanomaly 1% of men, 0.01% of women
#015fc6 Deuteranomaly 6% of men, 0.4% of women
#0163a6 Tritanomaly 0.01% of the population

#054af8 hex color

#054af8 Color Information

#054af8 Color Conversion

Color Schemes with #054af8

Alternatives to #054af8

#054af8 Preview

Shades and Tints of #054af8

Tones of #054af8

Color Blindness Simulator