#0574b2 hex color

In a RGB color space, hex #0574b2 is composed of 2% red, 45.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 34.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 201.5 degrees, a saturation of 94.5% and a lightness of 35.9%. #0574b2 color hex could be obtained by blending #0ae8ff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 45
- B 70
RGB color chart
- C 97
- M 35
- Y 0
- K 30
CMYK color chart

● #0574b2 color description : Dark blue.

The hexadecimal color #0574b2 has RGB values of R:5, G:116, B:178 and CMYK values of C:0.97, M:0.35, Y:0, K:0.3. Its decimal value is 357554.

Hex triplet	0574b2	`#0574b2`
RGB Decimal	5, 116, 178	`rgb(5,116,178)`
RGB Percent	2, 45.5, 69.8	`rgb(2%,45.5%,69.8%)`
CMYK	97, 35, 0, 30
HSL	201.5°, 94.5, 35.9	`hsl(201.5,94.5%,35.9%)`
HSV (or HSB)	201.5°, 97.2, 69.8
Web Safe	006699	`#006699`

CIE-LAB	46.626, -3.75, -40.332
XYZ	14.342, 15.736, 44.398
xyY	0.193, 0.211, 15.736
CIE-LCH	46.626, 40.506, 264.688
CIE-LUV	46.626, -29.265, -60.079
Hunter-Lab	39.669, -4.885, -38.591
Binary	00000101, 01110100, 10110010

#0574b2
```
#0574b2 rgb(5,116,178)
```
#b24305
```
#b24305 rgb(178,67,5)
```

Complementary Color

#05b29a
```
#05b29a rgb(5,178,154)
```
#0574b2
```
#0574b2 rgb(5,116,178)
```
#051eb2
```
#051eb2 rgb(5,30,178)
```

Analogous Color

#b29a05
```
#b29a05 rgb(178,154,5)
```
#0574b2
```
#0574b2 rgb(5,116,178)
```
#b2051e
```
#b2051e rgb(178,5,30)
```

Split Complementary Color

#74b205
```
#74b205 rgb(116,178,5)
```
#0574b2
```
#0574b2 rgb(5,116,178)
```
#b20574
```
#b20574 rgb(178,5,116)
```

Triadic Color

#05b243
```
#05b243 rgb(5,178,67)
```
#0574b2
```
#0574b2 rgb(5,116,178)
```
#b20574
```
#b20574 rgb(178,5,116)
```
#b24305
```
#b24305 rgb(178,67,5)
```

Tetradic Color

#034468
```
#034468 rgb(3,68,104)
```
#045480
```
#045480 rgb(4,84,128)
```
#046499
```
#046499 rgb(4,100,153)
```
#0574b2
```
#0574b2 rgb(5,116,178)
```
#0684cb
```
#0684cb rgb(6,132,203)
```
#0694e4
```
#0694e4 rgb(6,148,228)
```
#0ba3f8
```
#0ba3f8 rgb(11,163,248)
```

Monochromatic Color

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

#059fb2
```
#059fb2 rgb(5,159,178)
```
#0591b2
```
#0591b2 rgb(5,145,178)
```
#0582b2
```
#0582b2 rgb(5,130,178)
```
#0574b2
```
#0574b2 rgb(5,116,178)
```
#0566b2
```
#0566b2 rgb(5,102,178)
```
#0557b2
```
#0557b2 rgb(5,87,178)
```
#0549b2
```
#0549b2 rgb(5,73,178)
```

Similar Colors

Text with hexadecimal color #0574b2

This text has a font color of #0574b2.

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

#0574b2 background color

This paragraph has a background color of #0574b2.

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

#0574b2 border color

This element has a border color of #0574b2.

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

CSS codes

.text {color:#0574b2;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#011119
```
#011119 rgb(1,17,25)
```
#011d2c
```
#011d2c rgb(1,29,44)
```
#022940
```
#022940 rgb(2,41,64)
```
#023653
```
#023653 rgb(2,54,83)
```
#034266
```
#034266 rgb(3,66,102)
```
#034f79
```
#034f79 rgb(3,79,121)
```
#045b8c
```
#045b8c rgb(4,91,140)
```
#04689f
```
#04689f rgb(4,104,159)
```
#0574b2
```
#0574b2 rgb(5,116,178)
```
#0680c5
```
#0680c5 rgb(6,128,197)
```
#068dd8
```
#068dd8 rgb(6,141,216)
```
#0799eb
```
#0799eb rgb(7,153,235)
```

Shade Color Variation

#0da4f8
```
#0da4f8 rgb(13,164,248)
```
#20abf9
```
#20abf9 rgb(32,171,249)
```
#33b2f9
```
#33b2f9 rgb(51,178,249)
```
#46bafa
```
#46bafa rgb(70,186,250)
```
#5ac1fa
```
#5ac1fa rgb(90,193,250)
```
#6dc8fb
```
#6dc8fb rgb(109,200,251)
```
#80cffb
```
#80cffb rgb(128,207,251)
```
#93d6fc
```
#93d6fc rgb(147,214,252)
```
#a6ddfc
```
#a6ddfc rgb(166,221,252)
```
#b9e5fd
```
#b9e5fd rgb(185,229,253)
```
#ccecfe
```
#ccecfe rgb(204,236,254)
```
#dff3fe
```
#dff3fe rgb(223,243,254)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

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

#595c5e
```
#595c5e rgb(89,92,94)
```
#525e65
```
#525e65 rgb(82,94,101)
```
#4b606c
```
#4b606c rgb(75,96,108)
```
#446273
```
#446273 rgb(68,98,115)
```
#3d647a
```
#3d647a rgb(61,100,122)
```
#366681
```
#366681 rgb(54,102,129)
```
#2f6888
```
#2f6888 rgb(47,104,136)
```
#286a8f
```
#286a8f rgb(40,106,143)
```
#216c96
```
#216c96 rgb(33,108,150)
```
#1a6e9d
```
#1a6e9d rgb(26,110,157)
```
#1370a4
```
#1370a4 rgb(19,112,164)
```
#0c72ab
```
#0c72ab rgb(12,114,171)
```
#0574b2
```
#0574b2 rgb(5,116,178)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#495f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e74b0 Protanopia 1% of men
#4876b8 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#3d74b0 Protanomaly 1% of men, 0.01% of women
#3075b5 Deuteranomaly 6% of men, 0.4% of women
#017c98 Tritanomaly 0.01% of the population

#0574b2 hex color

#0574b2 Color Information

#0574b2 Color Conversion

Color Schemes with #0574b2

Alternatives to #0574b2

#0574b2 Preview

Shades and Tints of #0574b2

Tones of #0574b2

Color Blindness Simulator