#0057fd hex color

In a RGB color space, hex #0057fd is composed of 0% red, 34.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 65.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 219.4 degrees, a saturation of 100% and a lightness of 49.6%. #0057fd color hex could be obtained by blending #00aeff with #0000fb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 0
- G 34
- B 99
RGB color chart
- C 100
- M 66
- Y 0
- K 1
CMYK color chart

● #0057fd color description : Pure (or mostly pure) blue.

The hexadecimal color #0057fd has RGB values of R:0, G:87, B:253 and CMYK values of C:1, M:0.66, Y:0, K:0.01. Its decimal value is 22525.

Hex triplet	0057fd	`#0057fd`
RGB Decimal	0, 87, 253	`rgb(0,87,253)`
RGB Percent	0, 34.1, 99.2	`rgb(0%,34.1%,99.2%)`
CMYK	100, 66, 0, 1
HSL	219.4°, 100, 49.6	`hsl(219.4,100%,49.6%)`
HSV (or HSB)	219.4°, 100, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.098, 43.868, -87.152
XYZ	21.134, 13.906, 94.493
xyY	0.163, 0.107, 13.906
CIE-LCH	44.098, 97.57, 296.719
CIE-LUV	44.098, -18.987, -128.681
Hunter-Lab	37.291, 35.901, -124.133
Binary	00000000, 01010111, 11111101

#0057fd
```
#0057fd rgb(0,87,253)
```
#fda600
```
#fda600 rgb(253,166,0)
```

Complementary Color

#00d6fd
```
#00d6fd rgb(0,214,253)
```
#0057fd
```
#0057fd rgb(0,87,253)
```
#2700fd
```
#2700fd rgb(39,0,253)
```

Analogous Color

#d6fd00
```
#d6fd00 rgb(214,253,0)
```
#0057fd
```
#0057fd rgb(0,87,253)
```
#fd2800
```
#fd2800 rgb(253,40,0)
```

Split Complementary Color

#57fd00
```
#57fd00 rgb(87,253,0)
```
#0057fd
```
#0057fd rgb(0,87,253)
```
#fd0057
```
#fd0057 rgb(253,0,87)
```

Triadic Color

#00fda6
```
#00fda6 rgb(0,253,166)
```
#0057fd
```
#0057fd rgb(0,87,253)
```
#fd0057
```
#fd0057 rgb(253,0,87)
```
#fda600
```
#fda600 rgb(253,166,0)
```

Tetradic Color

#003db1
```
#003db1 rgb(0,61,177)
```
#0045ca
```
#0045ca rgb(0,69,202)
```
#004ee4
```
#004ee4 rgb(0,78,228)
```
#0057fd
```
#0057fd rgb(0,87,253)
```
#1867ff
```
#1867ff rgb(24,103,255)
```
#3178ff
```
#3178ff rgb(49,120,255)
```
#4b89ff
```
#4b89ff rgb(75,137,255)
```

Monochromatic Color

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

#0096fd
```
#0096fd rgb(0,150,253)
```
#0081fd
```
#0081fd rgb(0,129,253)
```
#006cfd
```
#006cfd rgb(0,108,253)
```
#0057fd
```
#0057fd rgb(0,87,253)
```
#0042fd
```
#0042fd rgb(0,66,253)
```
#002dfd
```
#002dfd rgb(0,45,253)
```
#0018fd
```
#0018fd rgb(0,24,253)
```

Similar Colors

Text with hexadecimal color #0057fd

This text has a font color of #0057fd.

<span style="color:#0057fd;">Text here</span>

#0057fd background color

This paragraph has a background color of #0057fd.

<p style="background-color:#0057fd;">Content here</p>

#0057fd border color

This element has a border color of #0057fd.

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

CSS codes

.text {color:#0057fd;}

.background {background-color:#0057fd;}

.border {border:1px solid #0057fd;}

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

#000612
```
#000612 rgb(0,6,18)
```
#000d25
```
#000d25 rgb(0,13,37)
```
#001439
```
#001439 rgb(0,20,57)
```
#001a4c
```
#001a4c rgb(0,26,76)
```
#002160
```
#002160 rgb(0,33,96)
```
#002874
```
#002874 rgb(0,40,116)
```
#002f87
```
#002f87 rgb(0,47,135)
```
#00359b
```
#00359b rgb(0,53,155)
```
#003caf
```
#003caf rgb(0,60,175)
```
#0043c2
```
#0043c2 rgb(0,67,194)
```
#004ad6
```
#004ad6 rgb(0,74,214)
```
#0050e9
```
#0050e9 rgb(0,80,233)
```
#0057fd
```
#0057fd rgb(0,87,253)
```

Shade Color Variation

#1263ff
```
#1263ff rgb(18,99,255)
```
#2570ff
```
#2570ff rgb(37,112,255)
```
#397dff
```
#397dff rgb(57,125,255)
```
#4c8aff
```
#4c8aff rgb(76,138,255)
```
#6097ff
```
#6097ff rgb(96,151,255)
```
#74a4ff
```
#74a4ff rgb(116,164,255)
```
#87b0ff
```
#87b0ff rgb(135,176,255)
```
#9bbdff
```
#9bbdff rgb(155,189,255)
```
#afcaff
```
#afcaff rgb(175,202,255)
```
#c2d7ff
```
#c2d7ff rgb(194,215,255)
```
#d6e4ff
```
#d6e4ff rgb(214,228,255)
```
#e9f1ff
```
#e9f1ff rgb(233,241,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b88 is the less saturated color, while #0057fd is the most saturated one.

#757b88
```
#757b88 rgb(117,123,136)
```
#6b7892
```
#6b7892 rgb(107,120,146)
```
#61759c
```
#61759c rgb(97,117,156)
```
#5872a5
```
#5872a5 rgb(88,114,165)
```
#4e6faf
```
#4e6faf rgb(78,111,175)
```
#446cb9
```
#446cb9 rgb(68,108,185)
```
#3a69c3
```
#3a69c3 rgb(58,105,195)
```
#3166cc
```
#3166cc rgb(49,102,204)
```
#2763d6
```
#2763d6 rgb(39,99,214)
```
#1d60e0
```
#1d60e0 rgb(29,96,224)
```
#135dea
```
#135dea rgb(19,93,234)
```
#0a5af3
```
#0a5af3 rgb(10,90,243)
```
#0057fd
```
#0057fd rgb(0,87,253)
```

Tone Color Variation

Below, you can see how #0057fd 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

#505050 Achromatopsia 0.005% of the population
#405173 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0073b7 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0064e2 Protanomaly 1% of men, 0.01% of women
#0068d1 Deuteranomaly 6% of men, 0.4% of women
#006eae Tritanomaly 0.01% of the population

#0057fd hex color

#0057fd Color Information

#0057fd Color Conversion

Color Schemes with #0057fd

Alternatives to #0057fd

#0057fd Preview

Shades and Tints of #0057fd

Tones of #0057fd

Color Blindness Simulator