colorhexa.com

#057ef3 hex color

In a RGB color space, hex #057ef3 is composed of 2% red, 49.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 48.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 209.5 degrees, a saturation of 96% and a lightness of 48.6%. #057ef3 color hex could be obtained by blending #0afcff with #0000e7. Closest websafe color is: #0066ff.

- R 2
- G 49
- B 95
RGB color chart
- C 98
- M 48
- Y 0
- K 5
CMYK color chart

● #057ef3 color description : Vivid blue.

The hexadecimal color #057ef3 has RGB values of R:5, G:126, B:243 and CMYK values of C:0.98, M:0.48, Y:0, K:0.05. Its decimal value is 360179.

Hex triplet	057ef3	`#057ef3`
RGB Decimal	5, 126, 243	`rgb(5,126,243)`
RGB Percent	2, 49.4, 95.3	`rgb(2%,49.4%,95.3%)`
CMYK	98, 48, 0, 5
HSL	209.5°, 96, 48.6	`hsl(209.5,96%,48.6%)`
HSV (or HSB)	209.5°, 97.9, 95.3
Web Safe	0066ff	`#0066ff`

CIE-LAB	53.409, 15.518, -66.396
XYZ	23.697, 21.423, 87.675
xyY	0.178, 0.161, 21.423
CIE-LCH	53.409, 68.185, 283.155
CIE-LUV	53.409, -29.128, -105.02
Hunter-Lab	46.285, 10.392, -79.911
Binary	00000101, 01111110, 11110011

#057ef3
```
#057ef3 rgb(5,126,243)
```
#f37a05
```
#f37a05 rgb(243,122,5)
```

Complementary Color

#05f3f1
```
#05f3f1 rgb(5,243,241)
```
#057ef3
```
#057ef3 rgb(5,126,243)
```
#0507f3
```
#0507f3 rgb(5,7,243)
```

Analogous Color

#f3f105
```
#f3f105 rgb(243,241,5)
```
#057ef3
```
#057ef3 rgb(5,126,243)
```
#f30507
```
#f30507 rgb(243,5,7)
```

Split Complementary Color

#7ef305
```
#7ef305 rgb(126,243,5)
```
#057ef3
```
#057ef3 rgb(5,126,243)
```
#f3057e
```
#f3057e rgb(243,5,126)
```

Triadic Color

#0357a8
```
#0357a8 rgb(3,87,168)
```
#0464c1
```
#0464c1 rgb(4,100,193)
```
#0471da
```
#0471da rgb(4,113,218)
```
#057ef3
```
#057ef3 rgb(5,126,243)
```
#178bfa
```
#178bfa rgb(23,139,250)
```
#3097fb
```
#3097fb rgb(48,151,251)
```
#49a4fb
```
#49a4fb rgb(73,164,251)
```

Monochromatic Color

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

#05baf3
```
#05baf3 rgb(5,186,243)
```
#05a6f3
```
#05a6f3 rgb(5,166,243)
```
#0592f3
```
#0592f3 rgb(5,146,243)
```
#057ef3
```
#057ef3 rgb(5,126,243)
```
#056af3
```
#056af3 rgb(5,106,243)
```
#0556f3
```
#0556f3 rgb(5,86,243)
```
#0543f3
```
#0543f3 rgb(5,67,243)
```

Similar Colors

Text with hexadecimal color #057ef3

This text has a font color of #057ef3.

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

#057ef3 background color

This paragraph has a background color of #057ef3.

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

#057ef3 border color

This element has a border color of #057ef3.

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

CSS codes

.text {color:#057ef3;}

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

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

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, #00060c is the darkest color, while #f8fcff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#011020
```
#011020 rgb(1,16,32)
```
#011a33
```
#011a33 rgb(1,26,51)
```
#012446
```
#012446 rgb(1,36,70)
```
#022e59
```
#022e59 rgb(2,46,89)
```
#02386c
```
#02386c rgb(2,56,108)
```
#034280
```
#034280 rgb(3,66,128)
```
#034c93
```
#034c93 rgb(3,76,147)
```
#0356a6
```
#0356a6 rgb(3,86,166)
```
#0460b9
```
#0460b9 rgb(4,96,185)
```
#046acd
```
#046acd rgb(4,106,205)
```
#0574e0
```
#0574e0 rgb(5,116,224)
```
#057ef3
```
#057ef3 rgb(5,126,243)
```

Shade Color Variation

#1288fa
```
#1288fa rgb(18,136,250)
```
#2591fb
```
#2591fb rgb(37,145,251)
```
#389bfb
```
#389bfb rgb(56,155,251)
```
#4ba5fb
```
#4ba5fb rgb(75,165,251)
```
#5eaefc
```
#5eaefc rgb(94,174,252)
```
#72b8fc
```
#72b8fc rgb(114,184,252)
```
#85c2fc
```
#85c2fc rgb(133,194,252)
```
#98cbfd
```
#98cbfd rgb(152,203,253)
```
#abd5fd
```
#abd5fd rgb(171,213,253)
```
#bedffe
```
#bedffe rgb(190,223,254)
```
#d2e8fe
```
#d2e8fe rgb(210,232,254)
```
#e5f2fe
```
#e5f2fe rgb(229,242,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#777c81
```
#777c81 rgb(119,124,129)
```
#6e7c8a
```
#6e7c8a rgb(110,124,138)
```
#647c94
```
#647c94 rgb(100,124,148)
```
#5b7d9d
```
#5b7d9d rgb(91,125,157)
```
#517da7
```
#517da7 rgb(81,125,167)
```
#487db0
```
#487db0 rgb(72,125,176)
```
#3e7dba
```
#3e7dba rgb(62,125,186)
```
#357dc3
```
#357dc3 rgb(53,125,195)
```
#2b7dcd
```
#2b7dcd rgb(43,125,205)
```
#227ed6
```
#227ed6 rgb(34,126,214)
```
#187ee0
```
#187ee0 rgb(24,126,224)
```
#0f7ee9
```
#0f7ee9 rgb(15,126,233)
```
#057ef3
```
#057ef3 rgb(5,126,243)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#536c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f82f1 Protanopia 1% of men
#0088e1 Deuteranopia 1% of men
#00939b Tritanopia 0.001% of the population

Trichromacy

#2a80f2 Protanomaly 1% of men, 0.01% of women
#0184e7 Deuteranomaly 6% of men, 0.4% of women
#018bbb Tritanomaly 0.01% of the population