#0574a2 hex color

In a RGB color space, hex #0574a2 is composed of 2% red, 45.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 28.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 197.6 degrees, a saturation of 94% and a lightness of 32.7%. #0574a2 color hex could be obtained by blending #0ae8ff with #000045. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 45
- B 64
RGB color chart
- C 97
- M 28
- Y 0
- K 36
CMYK color chart

● #0574a2 color description : Dark blue.

The hexadecimal color #0574a2 has RGB values of R:5, G:116, B:162 and CMYK values of C:0.97, M:0.28, Y:0, K:0.36. Its decimal value is 357538.

Hex triplet	0574a2	`#0574a2`
RGB Decimal	5, 116, 162	`rgb(5,116,162)`
RGB Percent	2, 45.5, 63.5	`rgb(2%,45.5%,63.5%)`
CMYK	97, 28, 0, 36
HSL	197.6°, 94, 32.7	`hsl(197.6,94%,32.7%)`
HSV (or HSB)	197.6°, 96.9, 63.5
Web Safe	006699	`#006699`

CIE-LAB	45.812, -9.959, -32.265
XYZ	12.828, 15.13, 36.425
xyY	0.199, 0.235, 15.13
CIE-LCH	45.812, 33.767, 252.847
CIE-LUV	45.812, -30.278, -46.584
Hunter-Lab	38.898, -9.205, -28.292
Binary	00000101, 01110100, 10100010

#0574a2
```
#0574a2 rgb(5,116,162)
```
#a23305
```
#a23305 rgb(162,51,5)
```

Complementary Color

#05a282
```
#05a282 rgb(5,162,130)
```
#0574a2
```
#0574a2 rgb(5,116,162)
```
#0525a2
```
#0525a2 rgb(5,37,162)
```

Analogous Color

#a28205
```
#a28205 rgb(162,130,5)
```
#0574a2
```
#0574a2 rgb(5,116,162)
```
#a20526
```
#a20526 rgb(162,5,38)
```

Split Complementary Color

#74a205
```
#74a205 rgb(116,162,5)
```
#0574a2
```
#0574a2 rgb(5,116,162)
```
#a20574
```
#a20574 rgb(162,5,116)
```

Triadic Color

#05a233
```
#05a233 rgb(5,162,51)
```
#0574a2
```
#0574a2 rgb(5,116,162)
```
#a20574
```
#a20574 rgb(162,5,116)
```
#a23305
```
#a23305 rgb(162,51,5)
```

Tetradic Color

#033f58
```
#033f58 rgb(3,63,88)
```
#035171
```
#035171 rgb(3,81,113)
```
#046289
```
#046289 rgb(4,98,137)
```
#0574a2
```
#0574a2 rgb(5,116,162)
```
#0686bb
```
#0686bb rgb(6,134,187)
```
#0797d3
```
#0797d3 rgb(7,151,211)
```
#07a9ec
```
#07a9ec rgb(7,169,236)
```

Monochromatic Color

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

#059ba2
```
#059ba2 rgb(5,155,162)
```
#058ea2
```
#058ea2 rgb(5,142,162)
```
#0581a2
```
#0581a2 rgb(5,129,162)
```
#0574a2
```
#0574a2 rgb(5,116,162)
```
#0567a2
```
#0567a2 rgb(5,103,162)
```
#055aa2
```
#055aa2 rgb(5,90,162)
```
#054da2
```
#054da2 rgb(5,77,162)
```

Similar Colors

Text with hexadecimal color #0574a2

This text has a font color of #0574a2.

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

#0574a2 background color

This paragraph has a background color of #0574a2.

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

#0574a2 border color

This element has a border color of #0574a2.

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

CSS codes

.text {color:#0574a2;}

.background {background-color:#0574a2;}

.border {border:1px solid #0574a2;}

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#01151d
```
#01151d rgb(1,21,29)
```
#012230
```
#012230 rgb(1,34,48)
```
#023043
```
#023043 rgb(2,48,67)
```
#033d56
```
#033d56 rgb(3,61,86)
```
#034b69
```
#034b69 rgb(3,75,105)
```
#04597c
```
#04597c rgb(4,89,124)
```
#04668f
```
#04668f rgb(4,102,143)
```
#0574a2
```
#0574a2 rgb(5,116,162)
```
#0682b5
```
#0682b5 rgb(6,130,181)
```
#068fc8
```
#068fc8 rgb(6,143,200)
```
#079ddb
```
#079ddb rgb(7,157,219)
```
#07abee
```
#07abee rgb(7,171,238)
```

Shade Color Variation

#11b4f8
```
#11b4f8 rgb(17,180,248)
```
#24baf8
```
#24baf8 rgb(36,186,248)
```
#37c0f9
```
#37c0f9 rgb(55,192,249)
```
#4ac6f9
```
#4ac6f9 rgb(74,198,249)
```
#5eccfa
```
#5eccfa rgb(94,204,250)
```
#71d2fb
```
#71d2fb rgb(113,210,251)
```
#84d8fb
```
#84d8fb rgb(132,216,251)
```
#97defc
```
#97defc rgb(151,222,252)
```
#aae4fc
```
#aae4fc rgb(170,228,252)
```
#bdeafd
```
#bdeafd rgb(189,234,253)
```
#d0f0fe
```
#d0f0fe rgb(208,240,254)
```
#e3f6fe
```
#e3f6fe rgb(227,246,254)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#525455
```
#525455 rgb(82,84,85)
```
#4c575b
```
#4c575b rgb(76,87,91)
```
#455962
```
#455962 rgb(69,89,98)
```
#3f5c68
```
#3f5c68 rgb(63,92,104)
```
#385f6f
```
#385f6f rgb(56,95,111)
```
#326175
```
#326175 rgb(50,97,117)
```
#2c647b
```
#2c647b rgb(44,100,123)
```
#256782
```
#256782 rgb(37,103,130)
```
#1f6988
```
#1f6988 rgb(31,105,136)
```
#186c8f
```
#186c8f rgb(24,108,143)
```
#126f95
```
#126f95 rgb(18,111,149)
```
#0b719c
```
#0b719c rgb(11,113,156)
```
#0574a2
```
#0574a2 rgb(5,116,162)
```

Tone Color Variation

Below, you can see how #0574a2 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
#475e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6472a0 Protanopia 1% of men
#5773a9 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#4173a1 Protanomaly 1% of men, 0.01% of women
#3973a7 Deuteranomaly 6% of men, 0.4% of women
#017b91 Tritanomaly 0.01% of the population

#0574a2 hex color

#0574a2 Color Information

#0574a2 Color Conversion

Color Schemes with #0574a2

Alternatives to #0574a2

#0574a2 Preview

Shades and Tints of #0574a2

Tones of #0574a2

Color Blindness Simulator