#057bd4 hex color

In a RGB color space, hex #057bd4 is composed of 2% red, 48.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 42% magenta, 0% yellow and 16.9% black. It has a hue angle of 205.8 degrees, a saturation of 95.4% and a lightness of 42.5%. #057bd4 color hex could be obtained by blending #0af6ff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 48
- B 83
RGB color chart
- C 98
- M 42
- Y 0
- K 17
CMYK color chart

● #057bd4 color description : Strong blue.

The hexadecimal color #057bd4 has RGB values of R:5, G:123, B:212 and CMYK values of C:0.98, M:0.42, Y:0, K:0.17. Its decimal value is 359380.

Hex triplet	057bd4	`#057bd4`
RGB Decimal	5, 123, 212	`rgb(5,123,212)`
RGB Percent	2, 48.2, 83.1	`rgb(2%,48.2%,83.1%)`
CMYK	98, 42, 0, 17
HSL	205.8°, 95.4, 42.5	`hsl(205.8,95.4%,42.5%)`
HSV (or HSB)	205.8°, 97.6, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	50.629, 5.297, -53.472
XYZ	19.026, 18.95, 64.939
xyY	0.185, 0.184, 18.95
CIE-LCH	50.629, 53.734, 275.657
CIE-LUV	50.629, -29.647, -82.884
Hunter-Lab	43.531, 1.838, -57.975
Binary	00000101, 01111011, 11010100

#057bd4
```
#057bd4 rgb(5,123,212)
```
#d45e05
```
#d45e05 rgb(212,94,5)
```

Complementary Color

#05d4c6
```
#05d4c6 rgb(5,212,198)
```
#057bd4
```
#057bd4 rgb(5,123,212)
```
#0514d4
```
#0514d4 rgb(5,20,212)
```

Analogous Color

#d4c605
```
#d4c605 rgb(212,198,5)
```
#057bd4
```
#057bd4 rgb(5,123,212)
```
#d40514
```
#d40514 rgb(212,5,20)
```

Split Complementary Color

#7bd405
```
#7bd405 rgb(123,212,5)
```
#057bd4
```
#057bd4 rgb(5,123,212)
```
#d4057b
```
#d4057b rgb(212,5,123)
```

Triadic Color

#05d45e
```
#05d45e rgb(5,212,94)
```
#057bd4
```
#057bd4 rgb(5,123,212)
```
#d4057b
```
#d4057b rgb(212,5,123)
```
#d45e05
```
#d45e05 rgb(212,94,5)
```

Tetradic Color

#035089
```
#035089 rgb(3,80,137)
```
#045ea2
```
#045ea2 rgb(4,94,162)
```
#046dbb
```
#046dbb rgb(4,109,187)
```
#057bd4
```
#057bd4 rgb(5,123,212)
```
#0689ed
```
#0689ed rgb(6,137,237)
```
#1396f9
```
#1396f9 rgb(19,150,249)
```
#2ba1fa
```
#2ba1fa rgb(43,161,250)
```

Monochromatic Color

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

#05afd4
```
#05afd4 rgb(5,175,212)
```
#059ed4
```
#059ed4 rgb(5,158,212)
```
#058cd4
```
#058cd4 rgb(5,140,212)
```
#057bd4
```
#057bd4 rgb(5,123,212)
```
#056ad4
```
#056ad4 rgb(5,106,212)
```
#0559d4
```
#0559d4 rgb(5,89,212)
```
#0547d4
```
#0547d4 rgb(5,71,212)
```

Similar Colors

Text with hexadecimal color #057bd4

This text has a font color of #057bd4.

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

#057bd4 background color

This paragraph has a background color of #057bd4.

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

#057bd4 border color

This element has a border color of #057bd4.

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

CSS codes

.text {color:#057bd4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#000c14
```
#000c14 rgb(0,12,20)
```
#011728
```
#011728 rgb(1,23,40)
```
#01223b
```
#01223b rgb(1,34,59)
```
#022d4e
```
#022d4e rgb(2,45,78)
```
#023861
```
#023861 rgb(2,56,97)
```
#034374
```
#034374 rgb(3,67,116)
```
#034f87
```
#034f87 rgb(3,79,135)
```
#045a9b
```
#045a9b rgb(4,90,155)
```
#0465ae
```
#0465ae rgb(4,101,174)
```
#0570c1
```
#0570c1 rgb(5,112,193)
```
#057bd4
```
#057bd4 rgb(5,123,212)
```
#0586e7
```
#0586e7 rgb(5,134,231)
```

Shade Color Variation

#0791f9
```
#0791f9 rgb(7,145,249)
```
#1a9afa
```
#1a9afa rgb(26,154,250)
```
#2da2fa
```
#2da2fa rgb(45,162,250)
```
#41abfb
```
#41abfb rgb(65,171,251)
```
#54b3fb
```
#54b3fb rgb(84,179,251)
```
#67bcfb
```
#67bcfb rgb(103,188,251)
```
#7ac4fc
```
#7ac4fc rgb(122,196,252)
```
#8dcdfc
```
#8dcdfc rgb(141,205,252)
```
#a0d5fd
```
#a0d5fd rgb(160,213,253)
```
#b4defd
```
#b4defd rgb(180,222,253)
```
#c7e6fe
```
#c7e6fe rgb(199,230,254)
```
#daeffe
```
#daeffe rgb(218,239,254)
```
#edf7ff
```
#edf7ff rgb(237,247,255)
```

Tint Color Variation

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

#696d70
```
#696d70 rgb(105,109,112)
```
#616e78
```
#616e78 rgb(97,110,120)
```
#586f81
```
#586f81 rgb(88,111,129)
```
#507089
```
#507089 rgb(80,112,137)
```
#487291
```
#487291 rgb(72,114,145)
```
#3f739a
```
#3f739a rgb(63,115,154)
```
#3774a2
```
#3774a2 rgb(55,116,162)
```
#2f75aa
```
#2f75aa rgb(47,117,170)
```
#2676b3
```
#2676b3 rgb(38,118,179)
```
#1e77bb
```
#1e77bb rgb(30,119,187)
```
#1679c3
```
#1679c3 rgb(22,121,195)
```
#0d7acc
```
#0d7acc rgb(13,122,204)
```
#057bd4
```
#057bd4 rgb(5,123,212)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#4f6779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#557cd1 Protanopia 1% of men
#1f81d6 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#387cd2 Protanomaly 1% of men, 0.01% of women
#167fd5 Deuteranomaly 6% of men, 0.4% of women
#0185ab Tritanomaly 0.01% of the population

#057bd4 hex color

#057bd4 Color Information

#057bd4 Color Conversion

Color Schemes with #057bd4

Alternatives to #057bd4

#057bd4 Preview

Shades and Tints of #057bd4

Tones of #057bd4

Color Blindness Simulator