#057699 hex color

In a RGB color space, hex #057699 is composed of 2% red, 46.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 22.9% magenta, 0% yellow and 40% black. It has a hue angle of 194.2 degrees, a saturation of 93.7% and a lightness of 31%. #057699 color hex could be obtained by blending #0aecff with #000033. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 46
- B 60
RGB color chart
- C 97
- M 23
- Y 0
- K 40
CMYK color chart

● #057699 color description : Dark cyan.

The hexadecimal color #057699 has RGB values of R:5, G:118, B:153 and CMYK values of C:0.97, M:0.23, Y:0, K:0.4. Its decimal value is 358041.

Hex triplet	057699	`#057699`
RGB Decimal	5, 118, 153	`rgb(5,118,153)`
RGB Percent	2, 46.3, 60	`rgb(2%,46.3%,60%)`
CMYK	97, 23, 0, 40
HSL	194.2°, 93.7, 31	`hsl(194.2,93.7%,31%)`
HSV (or HSB)	194.2°, 96.7, 60
Web Safe	006699	`#006699`

CIE-LAB	46.026, -14.521, -26.635
XYZ	12.289, 15.288, 32.438
xyY	0.205, 0.255, 15.288
CIE-LCH	46.026, 30.336, 241.402
CIE-LUV	46.026, -31.592, -37.319
Hunter-Lab	39.1, -12.321, -21.819
Binary	00000101, 01110110, 10011001

#057699
```
#057699 rgb(5,118,153)
```
#992805
```
#992805 rgb(153,40,5)
```

Complementary Color

#059972
```
#059972 rgb(5,153,114)
```
#057699
```
#057699 rgb(5,118,153)
```
#052c99
```
#052c99 rgb(5,44,153)
```

Analogous Color

#997205
```
#997205 rgb(153,114,5)
```
#057699
```
#057699 rgb(5,118,153)
```
#99052c
```
#99052c rgb(153,5,44)
```

Split Complementary Color

#769905
```
#769905 rgb(118,153,5)
```
#057699
```
#057699 rgb(5,118,153)
```
#990576
```
#990576 rgb(153,5,118)
```

Triadic Color

#059928
```
#059928 rgb(5,153,40)
```
#057699
```
#057699 rgb(5,118,153)
```
#990576
```
#990576 rgb(153,5,118)
```
#992805
```
#992805 rgb(153,40,5)
```

Tetradic Color

#033d4f
```
#033d4f rgb(3,61,79)
```
#035068
```
#035068 rgb(3,80,104)
```
#046380
```
#046380 rgb(4,99,128)
```
#057699
```
#057699 rgb(5,118,153)
```
#0689b2
```
#0689b2 rgb(6,137,178)
```
#079cca
```
#079cca rgb(7,156,202)
```
#07afe3
```
#07afe3 rgb(7,175,227)
```

Monochromatic Color

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

#059997
```
#059997 rgb(5,153,151)
```
#058f99
```
#058f99 rgb(5,143,153)
```
#058299
```
#058299 rgb(5,130,153)
```
#057699
```
#057699 rgb(5,118,153)
```
#056a99
```
#056a99 rgb(5,106,153)
```
#055d99
```
#055d99 rgb(5,93,153)
```
#055199
```
#055199 rgb(5,81,153)
```

Similar Colors

Text with hexadecimal color #057699

This text has a font color of #057699.

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

#057699 background color

This paragraph has a background color of #057699.

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

#057699 border color

This element has a border color of #057699.

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

CSS codes

.text {color:#057699;}

.background {background-color:#057699;}

.border {border:1px solid #057699;}

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 #edfafe is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#010f14
```
#010f14 rgb(1,15,20)
```
#011e27
```
#011e27 rgb(1,30,39)
```
#022d3a
```
#022d3a rgb(2,45,58)
```
#033b4d
```
#033b4d rgb(3,59,77)
```
#034a60
```
#034a60 rgb(3,74,96)
```
#045973
```
#045973 rgb(4,89,115)
```
#046786
```
#046786 rgb(4,103,134)
```
#057699
```
#057699 rgb(5,118,153)
```
#0685ac
```
#0685ac rgb(6,133,172)
```
#0693bf
```
#0693bf rgb(6,147,191)
```
#07a2d2
```
#07a2d2 rgb(7,162,210)
```
#07b1e5
```
#07b1e5 rgb(7,177,229)
```

Shade Color Variation

#09bff7
```
#09bff7 rgb(9,191,247)
```
#1cc4f8
```
#1cc4f8 rgb(28,196,248)
```
#2fc9f8
```
#2fc9f8 rgb(47,201,248)
```
#42cef9
```
#42cef9 rgb(66,206,249)
```
#55d3f9
```
#55d3f9 rgb(85,211,249)
```
#68d8fa
```
#68d8fa rgb(104,216,250)
```
#7bddfb
```
#7bddfb rgb(123,221,251)
```
#8ee1fb
```
#8ee1fb rgb(142,225,251)
```
#a1e6fc
```
#a1e6fc rgb(161,230,252)
```
#b4ebfd
```
#b4ebfd rgb(180,235,253)
```
#c7f0fd
```
#c7f0fd rgb(199,240,253)
```
#daf5fe
```
#daf5fe rgb(218,245,254)
```
#edfafe
```
#edfafe rgb(237,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5050 is the less saturated color, while #057699 is the most saturated one.

#4e5050
```
#4e5050 rgb(78,80,80)
```
#485356
```
#485356 rgb(72,83,86)
```
#42565c
```
#42565c rgb(66,86,92)
```
#3c5962
```
#3c5962 rgb(60,89,98)
```
#365c68
```
#365c68 rgb(54,92,104)
```
#30606e
```
#30606e rgb(48,96,110)
```
#296375
```
#296375 rgb(41,99,117)
```
#23667b
```
#23667b rgb(35,102,123)
```
#1d6981
```
#1d6981 rgb(29,105,129)
```
#176c87
```
#176c87 rgb(23,108,135)
```
#11708d
```
#11708d rgb(17,112,141)
```
#0b7393
```
#0b7393 rgb(11,115,147)
```
#057699
```
#057699 rgb(5,118,153)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#475e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#697397 Protanopia 1% of men
#6173a2 Deuteranopia 1% of men
#007f88 Tritanopia 0.001% of the population

Trichromacy

#457498 Protanomaly 1% of men, 0.01% of women
#3f749e Deuteranomaly 6% of men, 0.4% of women
#017c8e Tritanomaly 0.01% of the population

#057699 hex color

#057699 Color Information

#057699 Color Conversion

Color Schemes with #057699

Alternatives to #057699

#057699 Preview

Shades and Tints of #057699

Tones of #057699

Color Blindness Simulator