#057af7 hex color

In a RGB color space, hex #057af7 is composed of 2% red, 47.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 50.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 211 degrees, a saturation of 96% and a lightness of 49.4%. #057af7 color hex could be obtained by blending #0af4ff with #0000ef. Closest websafe color is: #0066ff.

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

● #057af7 color description : Vivid blue.

The hexadecimal color #057af7 has RGB values of R:5, G:122, B:247 and CMYK values of C:0.98, M:0.51, Y:0, K:0.03. Its decimal value is 359159.

Hex triplet	057af7	`#057af7`
RGB Decimal	5, 122, 247	`rgb(5,122,247)`
RGB Percent	2, 47.8, 96.9	`rgb(2%,47.8%,96.9%)`
CMYK	98, 51, 0, 3
HSL	211°, 96, 49.4	`hsl(211,96%,49.4%)`
HSV (or HSB)	211°, 98, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.58, 19.574, -69.957
XYZ	23.807, 20.665, 90.724
xyY	0.176, 0.153, 20.665
CIE-LCH	52.58, 72.644, 285.632
CIE-LUV	52.58, -27.81, -110.332
Hunter-Lab	45.458, 13.93, -86.509
Binary	00000101, 01111010, 11110111

#057af7
```
#057af7 rgb(5,122,247)
```
#f78205
```
#f78205 rgb(247,130,5)
```

Complementary Color

#05f3f7
```
#05f3f7 rgb(5,243,247)
```
#057af7
```
#057af7 rgb(5,122,247)
```
#0905f7
```
#0905f7 rgb(9,5,247)
```

Analogous Color

#f3f705
```
#f3f705 rgb(243,247,5)
```
#057af7
```
#057af7 rgb(5,122,247)
```
#f70905
```
#f70905 rgb(247,9,5)
```

Split Complementary Color

#7af705
```
#7af705 rgb(122,247,5)
```
#057af7
```
#057af7 rgb(5,122,247)
```
#f7057a
```
#f7057a rgb(247,5,122)
```

Triadic Color

#05f782
```
#05f782 rgb(5,247,130)
```
#057af7
```
#057af7 rgb(5,122,247)
```
#f7057a
```
#f7057a rgb(247,5,122)
```
#f78205
```
#f78205 rgb(247,130,5)
```

Tetradic Color

#0355ac
```
#0355ac rgb(3,85,172)
```
#0461c5
```
#0461c5 rgb(4,97,197)
```
#046ede
```
#046ede rgb(4,110,222)
```
#057af7
```
#057af7 rgb(5,122,247)
```
#1b87fa
```
#1b87fa rgb(27,135,250)
```
#3494fb
```
#3494fb rgb(52,148,251)
```
#4da1fb
```
#4da1fb rgb(77,161,251)
```

Monochromatic Color

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

#05b7f7
```
#05b7f7 rgb(5,183,247)
```
#05a2f7
```
#05a2f7 rgb(5,162,247)
```
#058ef7
```
#058ef7 rgb(5,142,247)
```
#057af7
```
#057af7 rgb(5,122,247)
```
#0566f7
```
#0566f7 rgb(5,102,247)
```
#0552f7
```
#0552f7 rgb(5,82,247)
```
#053df7
```
#053df7 rgb(5,61,247)
```

Similar Colors

Text with hexadecimal color #057af7

This text has a font color of #057af7.

<span style="color:#057af7;">Text here</span>

#057af7 background color

This paragraph has a background color of #057af7.

<p style="background-color:#057af7;">Content here</p>

#057af7 border color

This element has a border color of #057af7.

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

CSS codes

.text {color:#057af7;}

.background {background-color:#057af7;}

.border {border:1px solid #057af7;}

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

#000810
```
#000810 rgb(0,8,16)
```
#011224
```
#011224 rgb(1,18,36)
```
#011b37
```
#011b37 rgb(1,27,55)
```
#01254a
```
#01254a rgb(1,37,74)
```
#022e5d
```
#022e5d rgb(2,46,93)
```
#023870
```
#023870 rgb(2,56,112)
```
#034184
```
#034184 rgb(3,65,132)
```
#034b97
```
#034b97 rgb(3,75,151)
```
#0354aa
```
#0354aa rgb(3,84,170)
```
#045ebd
```
#045ebd rgb(4,94,189)
```
#0467d1
```
#0467d1 rgb(4,103,209)
```
#0571e4
```
#0571e4 rgb(5,113,228)
```
#057af7
```
#057af7 rgb(5,122,247)
```

Shade Color Variation

#1584fa
```
#1584fa rgb(21,132,250)
```
#298efb
```
#298efb rgb(41,142,251)
```
#3c98fb
```
#3c98fb rgb(60,152,251)
```
#4fa2fb
```
#4fa2fb rgb(79,162,251)
```
#62adfc
```
#62adfc rgb(98,173,252)
```
#75b7fc
```
#75b7fc rgb(117,183,252)
```
#89c1fd
```
#89c1fd rgb(137,193,253)
```
#9ccbfd
```
#9ccbfd rgb(156,203,253)
```
#afd5fd
```
#afd5fd rgb(175,213,253)
```
#c2dffe
```
#c2dffe rgb(194,223,254)
```
#d6e9fe
```
#d6e9fe rgb(214,233,254)
```
#e9f3ff
```
#e9f3ff rgb(233,243,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#797e83
```
#797e83 rgb(121,126,131)
```
#707e8c
```
#707e8c rgb(112,126,140)
```
#667d96
```
#667d96 rgb(102,125,150)
```
#5c7da0
```
#5c7da0 rgb(92,125,160)
```
#537da9
```
#537da9 rgb(83,125,169)
```
#497cb3
```
#497cb3 rgb(73,124,179)
```
#3f7cbd
```
#3f7cbd rgb(63,124,189)
```
#357cc7
```
#357cc7 rgb(53,124,199)
```
#2c7bd0
```
#2c7bd0 rgb(44,123,208)
```
#227bda
```
#227bda rgb(34,123,218)
```
#187be4
```
#187be4 rgb(24,123,228)
```
#0f7aed
```
#0f7aed rgb(15,122,237)
```
#057af7
```
#057af7 rgb(5,122,247)
```

Tone Color Variation

Below, you can see how #057af7 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

#656565 Achromatopsia 0.005% of the population
#526982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2880f6 Protanopia 1% of men
#0087dc Deuteranopia 1% of men
#009199 Tritanopia 0.001% of the population

Trichromacy

#1b7df6 Protanomaly 1% of men, 0.01% of women
#0182e6 Deuteranomaly 6% of men, 0.4% of women
#0188bb Tritanomaly 0.01% of the population

#057af7 hex color

#057af7 Color Information

#057af7 Color Conversion

Color Schemes with #057af7

Alternatives to #057af7

#057af7 Preview

Shades and Tints of #057af7

Tones of #057af7

Color Blindness Simulator