#057bcc hex color

In a RGB color space, hex #057bcc is composed of 2% red, 48.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 39.7% magenta, 0% yellow and 20% black. It has a hue angle of 204.4 degrees, a saturation of 95.2% and a lightness of 41%. #057bcc color hex could be obtained by blending #0af6ff with #000099. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 48
- B 80
RGB color chart
- C 98
- M 40
- Y 0
- K 20
CMYK color chart

● #057bcc color description : Strong blue.

The hexadecimal color #057bcc has RGB values of R:5, G:123, B:204 and CMYK values of C:0.98, M:0.4, Y:0, K:0.2. Its decimal value is 359372.

Hex triplet	057bcc	`#057bcc`
RGB Decimal	5, 123, 204	`rgb(5,123,204)`
RGB Percent	2, 48.2, 80	`rgb(2%,48.2%,80%)`
CMYK	98, 40, 0, 20
HSL	204.4°, 95.2, 41	`hsl(204.4,95.2%,41%)`
HSV (or HSB)	204.4°, 97.5, 80
Web Safe	0066cc	`#0066cc`

CIE-LAB	50.164, 2.166, -49.669
XYZ	18.042, 18.556, 59.754
xyY	0.187, 0.193, 18.556
CIE-LCH	50.164, 49.716, 272.498
CIE-LUV	50.164, -30.072, -76.446
Hunter-Lab	43.077, -0.623, -52.091
Binary	00000101, 01111011, 11001100

#057bcc
```
#057bcc rgb(5,123,204)
```
#cc5605
```
#cc5605 rgb(204,86,5)
```

Complementary Color

#05ccba
```
#05ccba rgb(5,204,186)
```
#057bcc
```
#057bcc rgb(5,123,204)
```
#0518cc
```
#0518cc rgb(5,24,204)
```

Analogous Color

#ccba05
```
#ccba05 rgb(204,186,5)
```
#057bcc
```
#057bcc rgb(5,123,204)
```
#cc0518
```
#cc0518 rgb(204,5,24)
```

Split Complementary Color

#7bcc05
```
#7bcc05 rgb(123,204,5)
```
#057bcc
```
#057bcc rgb(5,123,204)
```
#cc057b
```
#cc057b rgb(204,5,123)
```

Triadic Color

#05cc56
```
#05cc56 rgb(5,204,86)
```
#057bcc
```
#057bcc rgb(5,123,204)
```
#cc057b
```
#cc057b rgb(204,5,123)
```
#cc5605
```
#cc5605 rgb(204,86,5)
```

Tetradic Color

#034e81
```
#034e81 rgb(3,78,129)
```
#045d9a
```
#045d9a rgb(4,93,154)
```
#046cb3
```
#046cb3 rgb(4,108,179)
```
#057bcc
```
#057bcc rgb(5,123,204)
```
#068ae5
```
#068ae5 rgb(6,138,229)
```
#0b98f9
```
#0b98f9 rgb(11,152,249)
```
#24a3fa
```
#24a3fa rgb(36,163,250)
```

Monochromatic Color

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

#05adcc
```
#05adcc rgb(5,173,204)
```
#059ccc
```
#059ccc rgb(5,156,204)
```
#058ccc
```
#058ccc rgb(5,140,204)
```
#057bcc
```
#057bcc rgb(5,123,204)
```
#056acc
```
#056acc rgb(5,106,204)
```
#055acc
```
#055acc rgb(5,90,204)
```
#0549cc
```
#0549cc rgb(5,73,204)
```

Similar Colors

Text with hexadecimal color #057bcc

This text has a font color of #057bcc.

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

#057bcc background color

This paragraph has a background color of #057bcc.

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

#057bcc border color

This element has a border color of #057bcc.

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

CSS codes

.text {color:#057bcc;}

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

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

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

#00080d
```
#00080d rgb(0,8,13)
```
#011320
```
#011320 rgb(1,19,32)
```
#011f33
```
#011f33 rgb(1,31,51)
```
#022a46
```
#022a46 rgb(2,42,70)
```
#023659
```
#023659 rgb(2,54,89)
```
#03416c
```
#03416c rgb(3,65,108)
```
#034d7f
```
#034d7f rgb(3,77,127)
```
#045893
```
#045893 rgb(4,88,147)
```
#0464a6
```
#0464a6 rgb(4,100,166)
```
#056fb9
```
#056fb9 rgb(5,111,185)
```
#057bcc
```
#057bcc rgb(5,123,204)
```
#0587df
```
#0587df rgb(5,135,223)
```
#0692f2
```
#0692f2 rgb(6,146,242)
```

Shade Color Variation

#139bf9
```
#139bf9 rgb(19,155,249)
```
#26a3fa
```
#26a3fa rgb(38,163,250)
```
#39acfa
```
#39acfa rgb(57,172,250)
```
#4cb4fb
```
#4cb4fb rgb(76,180,251)
```
#5fbcfb
```
#5fbcfb rgb(95,188,251)
```
#72c4fc
```
#72c4fc rgb(114,196,252)
```
#86ccfc
```
#86ccfc rgb(134,204,252)
```
#99d4fc
```
#99d4fc rgb(153,212,252)
```
#acdcfd
```
#acdcfd rgb(172,220,253)
```
#bfe4fd
```
#bfe4fd rgb(191,228,253)
```
#d2ecfe
```
#d2ecfe rgb(210,236,254)
```
#e5f4fe
```
#e5f4fe rgb(229,244,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#65696c
```
#65696c rgb(101,105,108)
```
#5d6b74
```
#5d6b74 rgb(93,107,116)
```
#556c7c
```
#556c7c rgb(85,108,124)
```
#4d6e84
```
#4d6e84 rgb(77,110,132)
```
#456f8c
```
#456f8c rgb(69,111,140)
```
#3d7194
```
#3d7194 rgb(61,113,148)
```
#35729c
```
#35729c rgb(53,114,156)
```
#2d74a4
```
#2d74a4 rgb(45,116,164)
```
#2575ac
```
#2575ac rgb(37,117,172)
```
#1d77b4
```
#1d77b4 rgb(29,119,180)
```
#1578bc
```
#1578bc rgb(21,120,188)
```
#0d7ac4
```
#0d7ac4 rgb(13,122,196)
```
#057bcc
```
#057bcc rgb(5,123,204)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#4f6676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b7bc9 Protanopia 1% of men
#357fcf Deuteranopia 1% of men
#008a93 Tritanopia 0.001% of the population

Trichromacy

#3b7bca Protanomaly 1% of men, 0.01% of women
#247ece Deuteranomaly 6% of men, 0.4% of women
#0185a7 Tritanomaly 0.01% of the population

#057bcc hex color

#057bcc Color Information

#057bcc Color Conversion

Color Schemes with #057bcc

Alternatives to #057bcc

#057bcc Preview

Shades and Tints of #057bcc

Tones of #057bcc

Color Blindness Simulator