#0557af hex color

In a RGB color space, hex #0557af is composed of 2% red, 34.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 50.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 211.1 degrees, a saturation of 94.4% and a lightness of 35.3%. #0557af color hex could be obtained by blending #0aaeff with #00005f. Closest websafe color is: #006699.

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

● #0557af color description : Dark blue.

The hexadecimal color #0557af has RGB values of R:5, G:87, B:175 and CMYK values of C:0.97, M:0.5, Y:0, K:0.31. Its decimal value is 350127.

Hex triplet	0557af	`#0557af`
RGB Decimal	5, 87, 175	`rgb(5,87,175)`
RGB Percent	2, 34.1, 68.6	`rgb(2%,34.1%,68.6%)`
CMYK	97, 50, 0, 31
HSL	211.1°, 94.4, 35.3	`hsl(211.1,94.4%,35.3%)`
HSV (or HSB)	211.1°, 97.1, 68.6
Web Safe	006699	`#006699`

CIE-LAB	37.74, 13.544, -52.799
XYZ	11.207, 9.943, 41.884
xyY	0.178, 0.158, 9.943
CIE-LCH	37.74, 54.509, 284.388
CIE-LUV	37.74, -20.164, -76.266
Hunter-Lab	31.532, 8.26, -56.681
Binary	00000101, 01010111, 10101111

#0557af
```
#0557af rgb(5,87,175)
```
#af5d05
```
#af5d05 rgb(175,93,5)
```

Complementary Color

#05acaf
```
#05acaf rgb(5,172,175)
```
#0557af
```
#0557af rgb(5,87,175)
```
#0805af
```
#0805af rgb(8,5,175)
```

Analogous Color

#acaf05
```
#acaf05 rgb(172,175,5)
```
#0557af
```
#0557af rgb(5,87,175)
```
#af0805
```
#af0805 rgb(175,8,5)
```

Split Complementary Color

#57af05
```
#57af05 rgb(87,175,5)
```
#0557af
```
#0557af rgb(5,87,175)
```
#af0557
```
#af0557 rgb(175,5,87)
```

Triadic Color

#05af5d
```
#05af5d rgb(5,175,93)
```
#0557af
```
#0557af rgb(5,87,175)
```
#af0557
```
#af0557 rgb(175,5,87)
```
#af5d05
```
#af5d05 rgb(175,93,5)
```

Tetradic Color

#033265
```
#033265 rgb(3,50,101)
```
#043e7d
```
#043e7d rgb(4,62,125)
```
#044b96
```
#044b96 rgb(4,75,150)
```
#0557af
```
#0557af rgb(5,87,175)
```
#0663c8
```
#0663c8 rgb(6,99,200)
```
#0670e1
```
#0670e1 rgb(6,112,225)
```
#097cf8
```
#097cf8 rgb(9,124,248)
```

Monochromatic Color

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

#0582af
```
#0582af rgb(5,130,175)
```
#0573af
```
#0573af rgb(5,115,175)
```
#0565af
```
#0565af rgb(5,101,175)
```
#0557af
```
#0557af rgb(5,87,175)
```
#0549af
```
#0549af rgb(5,73,175)
```
#053baf
```
#053baf rgb(5,59,175)
```
#052daf
```
#052daf rgb(5,45,175)
```

Similar Colors

Text with hexadecimal color #0557af

This text has a font color of #0557af.

<span style="color:#0557af;">Text here</span>

#0557af background color

This paragraph has a background color of #0557af.

<p style="background-color:#0557af;">Content here</p>

#0557af border color

This element has a border color of #0557af.

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

CSS codes

.text {color:#0557af;}

.background {background-color:#0557af;}

.border {border:1px solid #0557af;}

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

#000203
```
#000203 rgb(0,2,3)
```
#010b16
```
#010b16 rgb(1,11,22)
```
#01152a
```
#01152a rgb(1,21,42)
```
#021e3d
```
#021e3d rgb(2,30,61)
```
#022850
```
#022850 rgb(2,40,80)
```
#033163
```
#033163 rgb(3,49,99)
```
#033b76
```
#033b76 rgb(3,59,118)
```
#044489
```
#044489 rgb(4,68,137)
```
#044e9c
```
#044e9c rgb(4,78,156)
```
#0557af
```
#0557af rgb(5,87,175)
```
#0660c2
```
#0660c2 rgb(6,96,194)
```
#066ad5
```
#066ad5 rgb(6,106,213)
```
#0773e8
```
#0773e8 rgb(7,115,232)
```

Shade Color Variation

#0a7df8
```
#0a7df8 rgb(10,125,248)
```
#1e87f9
```
#1e87f9 rgb(30,135,249)
```
#3191f9
```
#3191f9 rgb(49,145,249)
```
#449bfa
```
#449bfa rgb(68,155,250)
```
#57a6fa
```
#57a6fa rgb(87,166,250)
```
#6ab0fb
```
#6ab0fb rgb(106,176,251)
```
#7dbafb
```
#7dbafb rgb(125,186,251)
```
#90c4fc
```
#90c4fc rgb(144,196,252)
```
#a3cefc
```
#a3cefc rgb(163,206,252)
```
#b6d8fd
```
#b6d8fd rgb(182,216,253)
```
#c9e2fd
```
#c9e2fd rgb(201,226,253)
```
#dcedfe
```
#dcedfe rgb(220,237,254)
```
#eff7ff
```
#eff7ff rgb(239,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585a5c is the less saturated color, while #0557af is the most saturated one.

#585a5c
```
#585a5c rgb(88,90,92)
```
#515a63
```
#515a63 rgb(81,90,99)
```
#4a596a
```
#4a596a rgb(74,89,106)
```
#435971
```
#435971 rgb(67,89,113)
```
#3c5978
```
#3c5978 rgb(60,89,120)
```
#35597f
```
#35597f rgb(53,89,127)
```
#2f5885
```
#2f5885 rgb(47,88,133)
```
#28588c
```
#28588c rgb(40,88,140)
```
#215893
```
#215893 rgb(33,88,147)
```
#1a589a
```
#1a589a rgb(26,88,154)
```
#1357a1
```
#1357a1 rgb(19,87,161)
```
#0c57a8
```
#0c57a8 rgb(12,87,168)
```
#0557af
```
#0557af rgb(5,87,175)
```

Tone Color Variation

Below, you can see how #0557af 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

#494949 Achromatopsia 0.005% of the population
#3b4c5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#285eb2 Protanopia 1% of men
#0063a3 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1b5bb1 Protanomaly 1% of men, 0.01% of women
#015ea7 Deuteranomaly 6% of men, 0.4% of women
#016387 Tritanomaly 0.01% of the population

#0557af hex color

#0557af Color Information

#0557af Color Conversion

Color Schemes with #0557af

Alternatives to #0557af

#0557af Preview

Shades and Tints of #0557af

Tones of #0557af

Color Blindness Simulator