colorhexa.com

#0057d4 hex color

In a RGB color space, hex #0057d4 is composed of 0% red, 34.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 59% magenta, 0% yellow and 16.9% black. It has a hue angle of 215.4 degrees, a saturation of 100% and a lightness of 41.6%. #0057d4 color hex could be obtained by blending #00aeff with #0000a9. Closest websafe color is: #0066cc.

- R 0
- G 34
- B 83
RGB color chart
- C 100
- M 59
- Y 0
- K 17
CMYK color chart

● #0057d4 color description : Strong blue.

The hexadecimal color #0057d4 has RGB values of R:0, G:87, B:212 and CMYK values of C:1, M:0.59, Y:0, K:0.17. Its decimal value is 22484.

Hex triplet	0057d4	`#0057d4`
RGB Decimal	0, 87, 212	`rgb(0,87,212)`
RGB Percent	0, 34.1, 83.1	`rgb(0%,34.1%,83.1%)`
CMYK	100, 59, 0, 17
HSL	215.4°, 100, 41.6	`hsl(215.4,100%,41.6%)`
HSV (or HSB)	215.4°, 100, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.522, 28.298, -69.83
XYZ	15.289, 11.569, 63.711
xyY	0.169, 0.128, 11.569
CIE-LCH	40.522, 75.346, 292.06
CIE-LUV	40.522, -19.427, -102.359
Hunter-Lab	34.013, 20.717, -87.251
Binary	00000000, 01010111, 11010100

#0057d4
```
#0057d4 rgb(0,87,212)
```
#d47d00
```
#d47d00 rgb(212,125,0)
```

Complementary Color

#00c1d4
```
#00c1d4 rgb(0,193,212)
```
#0057d4
```
#0057d4 rgb(0,87,212)
```
#1300d4
```
#1300d4 rgb(19,0,212)
```

Analogous Color

#c1d400
```
#c1d400 rgb(193,212,0)
```
#0057d4
```
#0057d4 rgb(0,87,212)
```
#d41300
```
#d41300 rgb(212,19,0)
```

Split Complementary Color

#003888
```
#003888 rgb(0,56,136)
```
#0042a1
```
#0042a1 rgb(0,66,161)
```
#004dbb
```
#004dbb rgb(0,77,187)
```
#0057d4
```
#0057d4 rgb(0,87,212)
```
#0061ee
```
#0061ee rgb(0,97,238)
```
#086dff
```
#086dff rgb(8,109,255)
```
#227cff
```
#227cff rgb(34,124,255)
```

Monochromatic Color

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

#008cd4
```
#008cd4 rgb(0,140,212)
```
#007ad4
```
#007ad4 rgb(0,122,212)
```
#0069d4
```
#0069d4 rgb(0,105,212)
```
#0057d4
```
#0057d4 rgb(0,87,212)
```
#0045d4
```
#0045d4 rgb(0,69,212)
```
#0034d4
```
#0034d4 rgb(0,52,212)
```
#0022d4
```
#0022d4 rgb(0,34,212)
```

Similar Colors

Text with hexadecimal color #0057d4

This text has a font color of #0057d4.

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

#0057d4 background color

This paragraph has a background color of #0057d4.

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

#0057d4 border color

This element has a border color of #0057d4.

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

CSS codes

.text {color:#0057d4;}

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

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

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

#000710
```
#000710 rgb(0,7,16)
```
#000f23
```
#000f23 rgb(0,15,35)
```
#001737
```
#001737 rgb(0,23,55)
```
#001f4b
```
#001f4b rgb(0,31,75)
```
#00275e
```
#00275e rgb(0,39,94)
```
#002f72
```
#002f72 rgb(0,47,114)
```
#003786
```
#003786 rgb(0,55,134)
```
#003f99
```
#003f99 rgb(0,63,153)
```
#0047ad
```
#0047ad rgb(0,71,173)
```
#004fc0
```
#004fc0 rgb(0,79,192)
```
#0057d4
```
#0057d4 rgb(0,87,212)
```
#005fe8
```
#005fe8 rgb(0,95,232)
```
#0067fb
```
#0067fb rgb(0,103,251)
```

Shade Color Variation

#1072ff
```
#1072ff rgb(16,114,255)
```
#237eff
```
#237eff rgb(35,126,255)
```
#3789ff
```
#3789ff rgb(55,137,255)
```
#4b95ff
```
#4b95ff rgb(75,149,255)
```
#5ea0ff
```
#5ea0ff rgb(94,160,255)
```
#72acff
```
#72acff rgb(114,172,255)
```
#86b7ff
```
#86b7ff rgb(134,183,255)
```
#99c3ff
```
#99c3ff rgb(153,195,255)
```
#adcfff
```
#adcfff rgb(173,207,255)
```
#c0daff
```
#c0daff rgb(192,218,255)
```
#d4e6ff
```
#d4e6ff rgb(212,230,255)
```
#e8f1ff
```
#e8f1ff rgb(232,241,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#626972
```
#626972 rgb(98,105,114)
```
#5a677a
```
#5a677a rgb(90,103,122)
```
#526682
```
#526682 rgb(82,102,130)
```
#49648b
```
#49648b rgb(73,100,139)
```
#416393
```
#416393 rgb(65,99,147)
```
#39619b
```
#39619b rgb(57,97,155)
```
#3160a3
```
#3160a3 rgb(49,96,163)
```
#295eab
```
#295eab rgb(41,94,171)
```
#215db3
```
#215db3 rgb(33,93,179)
```
#185bbc
```
#185bbc rgb(24,91,188)
```
#105ac4
```
#105ac4 rgb(16,90,196)
```
#0858cc
```
#0858cc rgb(8,88,204)
```
#0057d4
```
#0057d4 rgb(0,87,212)
```

Tone Color Variation

Below, you can see how #0057d4 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
#3c4d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aab Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#005fca Protanomaly 1% of men, 0.01% of women
#0063ba Deuteranomaly 6% of men, 0.4% of women
#006899 Tritanomaly 0.01% of the population