#005ac4 hex color

In a RGB color space, hex #005ac4 is composed of 0% red, 35.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 54.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 212.4 degrees, a saturation of 100% and a lightness of 38.4%. #005ac4 color hex could be obtained by blending #00b4ff with #000089. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 35
- B 77
RGB color chart
- C 100
- M 54
- Y 0
- K 23
CMYK color chart

● #005ac4 color description : Strong blue.

The hexadecimal color #005ac4 has RGB values of R:0, G:90, B:196 and CMYK values of C:1, M:0.54, Y:0, K:0.23. Its decimal value is 23236.

Hex triplet	005ac4	`#005ac4`
RGB Decimal	0, 90, 196	`rgb(0,90,196)`
RGB Percent	0, 35.3, 76.9	`rgb(0%,35.3%,76.9%)`
CMYK	100, 54, 0, 23
HSL	212.4°, 100, 38.4	`hsl(212.4,100%,38.4%)`
HSV (or HSB)	212.4°, 100, 76.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.076, 19.928, -61.319
XYZ	13.618, 11.297, 53.684
xyY	0.173, 0.144, 11.297
CIE-LCH	40.076, 64.475, 288.003
CIE-LUV	40.076, -20.604, -90.072
Hunter-Lab	33.61, 13.504, -71.174
Binary	00000000, 01011010, 11000100

#005ac4
```
#005ac4 rgb(0,90,196)
```
#c46a00
```
#c46a00 rgb(196,106,0)
```

Complementary Color

#00bcc4
```
#00bcc4 rgb(0,188,196)
```
#005ac4
```
#005ac4 rgb(0,90,196)
```
#0800c4
```
#0800c4 rgb(8,0,196)
```

Analogous Color

#bcc400
```
#bcc400 rgb(188,196,0)
```
#005ac4
```
#005ac4 rgb(0,90,196)
```
#c40800
```
#c40800 rgb(196,8,0)
```

Split Complementary Color

#5ac400
```
#5ac400 rgb(90,196,0)
```
#005ac4
```
#005ac4 rgb(0,90,196)
```
#c4005a
```
#c4005a rgb(196,0,90)
```

Triadic Color

#00c46a
```
#00c46a rgb(0,196,106)
```
#005ac4
```
#005ac4 rgb(0,90,196)
```
#c4005a
```
#c4005a rgb(196,0,90)
```
#c46a00
```
#c46a00 rgb(196,106,0)
```

Tetradic Color

#003778
```
#003778 rgb(0,55,120)
```
#004391
```
#004391 rgb(0,67,145)
```
#004eab
```
#004eab rgb(0,78,171)
```
#005ac4
```
#005ac4 rgb(0,90,196)
```
#0066de
```
#0066de rgb(0,102,222)
```
#0071f7
```
#0071f7 rgb(0,113,247)
```
#127fff
```
#127fff rgb(18,127,255)
```

Monochromatic Color

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

#008bc4
```
#008bc4 rgb(0,139,196)
```
#007bc4
```
#007bc4 rgb(0,123,196)
```
#006ac4
```
#006ac4 rgb(0,106,196)
```
#005ac4
```
#005ac4 rgb(0,90,196)
```
#004ac4
```
#004ac4 rgb(0,74,196)
```
#0039c4
```
#0039c4 rgb(0,57,196)
```
#0029c4
```
#0029c4 rgb(0,41,196)
```

Similar Colors

Text with hexadecimal color #005ac4

This text has a font color of #005ac4.

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

#005ac4 background color

This paragraph has a background color of #005ac4.

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

#005ac4 border color

This element has a border color of #005ac4.

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

CSS codes

.text {color:#005ac4;}

.background {background-color:#005ac4;}

.border {border:1px solid #005ac4;}

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

#000913
```
#000913 rgb(0,9,19)
```
#001227
```
#001227 rgb(0,18,39)
```
#001b3b
```
#001b3b rgb(0,27,59)
```
#00244e
```
#00244e rgb(0,36,78)
```
#002d62
```
#002d62 rgb(0,45,98)
```
#003676
```
#003676 rgb(0,54,118)
```
#003f89
```
#003f89 rgb(0,63,137)
```
#00489d
```
#00489d rgb(0,72,157)
```
#0051b0
```
#0051b0 rgb(0,81,176)
```
#005ac4
```
#005ac4 rgb(0,90,196)
```
#0063d8
```
#0063d8 rgb(0,99,216)
```
#006ceb
```
#006ceb rgb(0,108,235)
```
#0075ff
```
#0075ff rgb(0,117,255)
```

Shade Color Variation

#1380ff
```
#1380ff rgb(19,128,255)
```
#278aff
```
#278aff rgb(39,138,255)
```
#3b95ff
```
#3b95ff rgb(59,149,255)
```
#4e9fff
```
#4e9fff rgb(78,159,255)
```
#62aaff
```
#62aaff rgb(98,170,255)
```
#76b5ff
```
#76b5ff rgb(118,181,255)
```
#89bfff
```
#89bfff rgb(137,191,255)
```
#9dcaff
```
#9dcaff rgb(157,202,255)
```
#b0d4ff
```
#b0d4ff rgb(176,212,255)
```
#c4dfff
```
#c4dfff rgb(196,223,255)
```
#d8eaff
```
#d8eaff rgb(216,234,255)
```
#ebf4ff
```
#ebf4ff rgb(235,244,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a616a is the less saturated color, while #005ac4 is the most saturated one.

#5a616a
```
#5a616a rgb(90,97,106)
```
#536171
```
#536171 rgb(83,97,113)
```
#4b6079
```
#4b6079 rgb(75,96,121)
```
#446080
```
#446080 rgb(68,96,128)
```
#3c5f88
```
#3c5f88 rgb(60,95,136)
```
#355e8f
```
#355e8f rgb(53,94,143)
```
#2d5e97
```
#2d5e97 rgb(45,94,151)
```
#265d9e
```
#265d9e rgb(38,93,158)
```
#1e5ca6
```
#1e5ca6 rgb(30,92,166)
```
#175cad
```
#175cad rgb(23,92,173)
```
#0f5bb5
```
#0f5bb5 rgb(15,91,181)
```
#085bbc
```
#085bbc rgb(8,91,188)
```
#005ac4
```
#005ac4 rgb(0,90,196)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3c4e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0069aa Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#0060c3 Protanomaly 1% of men, 0.01% of women
#0063b4 Deuteranomaly 6% of men, 0.4% of women
#006893 Tritanomaly 0.01% of the population

#005ac4 hex color

#005ac4 Color Information

#005ac4 Color Conversion

Color Schemes with #005ac4

Alternatives to #005ac4

#005ac4 Preview

Shades and Tints of #005ac4

Tones of #005ac4

Color Blindness Simulator