#057ab0 hex color

In a RGB color space, hex #057ab0 is composed of 2% red, 47.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 30.7% magenta, 0% yellow and 31% black. It has a hue angle of 198.9 degrees, a saturation of 94.5% and a lightness of 35.5%. #057ab0 color hex could be obtained by blending #0af4ff with #000061. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 48
- B 69
RGB color chart
- C 97
- M 31
- Y 0
- K 31
CMYK color chart

● #057ab0 color description : Dark blue.

The hexadecimal color #057ab0 has RGB values of R:5, G:122, B:176 and CMYK values of C:0.97, M:0.31, Y:0, K:0.31. Its decimal value is 359088.

Hex triplet	057ab0	`#057ab0`
RGB Decimal	5, 122, 176	`rgb(5,122,176)`
RGB Percent	2, 47.8, 69	`rgb(2%,47.8%,69%)`
CMYK	97, 31, 0, 31
HSL	198.9°, 94.5, 35.5	`hsl(198.9,94.5%,35.5%)`
HSV (or HSB)	198.9°, 97.2, 69
Web Safe	006699	`#006699`

CIE-LAB	48.366, -8.103, -36.422
XYZ	14.857, 17.084, 43.587
xyY	0.197, 0.226, 17.084
CIE-LCH	48.366, 37.313, 257.457
CIE-LUV	48.366, -31.419, -53.908
Hunter-Lab	41.333, -8.174, -33.589
Binary	00000101, 01111010, 10110000

#057ab0
```
#057ab0 rgb(5,122,176)
```
#b03b05
```
#b03b05 rgb(176,59,5)
```

Complementary Color

#05b091
```
#05b091 rgb(5,176,145)
```
#057ab0
```
#057ab0 rgb(5,122,176)
```
#0525b0
```
#0525b0 rgb(5,37,176)
```

Analogous Color

#b09105
```
#b09105 rgb(176,145,5)
```
#057ab0
```
#057ab0 rgb(5,122,176)
```
#b00525
```
#b00525 rgb(176,5,37)
```

Split Complementary Color

#7ab005
```
#7ab005 rgb(122,176,5)
```
#057ab0
```
#057ab0 rgb(5,122,176)
```
#b0057a
```
#b0057a rgb(176,5,122)
```

Triadic Color

#05b03b
```
#05b03b rgb(5,176,59)
```
#057ab0
```
#057ab0 rgb(5,122,176)
```
#b0057a
```
#b0057a rgb(176,5,122)
```
#b03b05
```
#b03b05 rgb(176,59,5)
```

Tetradic Color

#034666
```
#034666 rgb(3,70,102)
```
#04587e
```
#04587e rgb(4,88,126)
```
#046997
```
#046997 rgb(4,105,151)
```
#057ab0
```
#057ab0 rgb(5,122,176)
```
#068bc9
```
#068bc9 rgb(6,139,201)
```
#069ce2
```
#069ce2 rgb(6,156,226)
```
#09adf8
```
#09adf8 rgb(9,173,248)
```

Monochromatic Color

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

#05a5b0
```
#05a5b0 rgb(5,165,176)
```
#0597b0
```
#0597b0 rgb(5,151,176)
```
#0588b0
```
#0588b0 rgb(5,136,176)
```
#057ab0
```
#057ab0 rgb(5,122,176)
```
#056cb0
```
#056cb0 rgb(5,108,176)
```
#055eb0
```
#055eb0 rgb(5,94,176)
```
#054fb0
```
#054fb0 rgb(5,79,176)
```

Similar Colors

Text with hexadecimal color #057ab0

This text has a font color of #057ab0.

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

#057ab0 background color

This paragraph has a background color of #057ab0.

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

#057ab0 border color

This element has a border color of #057ab0.

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

CSS codes

.text {color:#057ab0;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011017
```
#011017 rgb(1,16,23)
```
#011d2a
```
#011d2a rgb(1,29,42)
```
#022b3e
```
#022b3e rgb(2,43,62)
```
#023851
```
#023851 rgb(2,56,81)
```
#034564
```
#034564 rgb(3,69,100)
```
#035277
```
#035277 rgb(3,82,119)
```
#04608a
```
#04608a rgb(4,96,138)
```
#046d9d
```
#046d9d rgb(4,109,157)
```
#057ab0
```
#057ab0 rgb(5,122,176)
```
#0687c3
```
#0687c3 rgb(6,135,195)
```
#0694d6
```
#0694d6 rgb(6,148,214)
```
#07a2e9
```
#07a2e9 rgb(7,162,233)
```

Shade Color Variation

#0badf8
```
#0badf8 rgb(11,173,248)
```
#1eb4f9
```
#1eb4f9 rgb(30,180,249)
```
#32baf9
```
#32baf9 rgb(50,186,249)
```
#45c1fa
```
#45c1fa rgb(69,193,250)
```
#58c7fa
```
#58c7fa rgb(88,199,250)
```
#6bcdfb
```
#6bcdfb rgb(107,205,251)
```
#7ed4fb
```
#7ed4fb rgb(126,212,251)
```
#91dafc
```
#91dafc rgb(145,218,252)
```
#a4e0fc
```
#a4e0fc rgb(164,224,252)
```
#b7e7fd
```
#b7e7fd rgb(183,231,253)
```
#caedfd
```
#caedfd rgb(202,237,253)
```
#ddf4fe
```
#ddf4fe rgb(221,244,254)
```
#f0faff
```
#f0faff rgb(240,250,255)
```

Tint Color Variation

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

#595b5c
```
#595b5c rgb(89,91,92)
```
#525e63
```
#525e63 rgb(82,94,99)
```
#4b606a
```
#4b606a rgb(75,96,106)
```
#446371
```
#446371 rgb(68,99,113)
```
#3d6578
```
#3d6578 rgb(61,101,120)
```
#36687f
```
#36687f rgb(54,104,127)
```
#2f6b86
```
#2f6b86 rgb(47,107,134)
```
#286d8d
```
#286d8d rgb(40,109,141)
```
#217094
```
#217094 rgb(33,112,148)
```
#1a729b
```
#1a729b rgb(26,114,155)
```
#1375a2
```
#1375a2 rgb(19,117,162)
```
#0c77a9
```
#0c77a9 rgb(12,119,169)
```
#057ab0
```
#057ab0 rgb(5,122,176)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#4b636e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6678ad Protanopia 1% of men
#567ab7 Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#4378ae Protanomaly 1% of men, 0.01% of women
#397ab4 Deuteranomaly 6% of men, 0.4% of women
#01819a Tritanomaly 0.01% of the population

#057ab0 hex color

#057ab0 Color Information

#057ab0 Color Conversion

Color Schemes with #057ab0

Alternatives to #057ab0

#057ab0 Preview

Shades and Tints of #057ab0

Tones of #057ab0

Color Blindness Simulator