#045aac hex color

In a RGB color space, hex #045aac is composed of 1.6% red, 35.3% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 47.7% magenta, 0% yellow and 32.5% black. It has a hue angle of 209.3 degrees, a saturation of 95.5% and a lightness of 34.5%. #045aac color hex could be obtained by blending #08b4ff with #000059. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 35
- B 67
RGB color chart
- C 98
- M 48
- Y 0
- K 33
CMYK color chart

● #045aac color description : Dark blue.

The hexadecimal color #045aac has RGB values of R:4, G:90, B:172 and CMYK values of C:0.98, M:0.48, Y:0, K:0.33. Its decimal value is 285356.

Hex triplet	045aac	`#045aac`
RGB Decimal	4, 90, 172	`rgb(4,90,172)`
RGB Percent	1.6, 35.3, 67.5	`rgb(1.6%,35.3%,67.5%)`
CMYK	98, 48, 0, 33
HSL	209.3°, 95.5, 34.5	`hsl(209.3,95.5%,34.5%)`
HSV (or HSB)	209.3°, 97.7, 67.5
Web Safe	006699	`#006699`

CIE-LAB	38.403, 10.275, -49.954
XYZ	11.151, 10.316, 40.431
xyY	0.18, 0.167, 10.316
CIE-LCH	38.403, 50.999, 281.623
CIE-LUV	38.403, -21.229, -72.415
Hunter-Lab	32.118, 5.766, -52.153
Binary	00000100, 01011010, 10101100

#045aac
```
#045aac rgb(4,90,172)
```
#ac5604
```
#ac5604 rgb(172,86,4)
```

Complementary Color

#04acaa
```
#04acaa rgb(4,172,170)
```
#045aac
```
#045aac rgb(4,90,172)
```
#0406ac
```
#0406ac rgb(4,6,172)
```

Analogous Color

#acaa04
```
#acaa04 rgb(172,170,4)
```
#045aac
```
#045aac rgb(4,90,172)
```
#ac0406
```
#ac0406 rgb(172,4,6)
```

Split Complementary Color

#5aac04
```
#5aac04 rgb(90,172,4)
```
#045aac
```
#045aac rgb(4,90,172)
```
#ac045a
```
#ac045a rgb(172,4,90)
```

Triadic Color

#04ac56
```
#04ac56 rgb(4,172,86)
```
#045aac
```
#045aac rgb(4,90,172)
```
#ac045a
```
#ac045a rgb(172,4,90)
```
#ac5604
```
#ac5604 rgb(172,86,4)
```

Tetradic Color

#023361
```
#023361 rgb(2,51,97)
```
#03407a
```
#03407a rgb(3,64,122)
```
#034d93
```
#034d93 rgb(3,77,147)
```
#045aac
```
#045aac rgb(4,90,172)
```
#0567c5
```
#0567c5 rgb(5,103,197)
```
#0574de
```
#0574de rgb(5,116,222)
```
#0681f7
```
#0681f7 rgb(6,129,247)
```

Monochromatic Color

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

#0484ac
```
#0484ac rgb(4,132,172)
```
#0476ac
```
#0476ac rgb(4,118,172)
```
#0468ac
```
#0468ac rgb(4,104,172)
```
#045aac
```
#045aac rgb(4,90,172)
```
#044cac
```
#044cac rgb(4,76,172)
```
#043eac
```
#043eac rgb(4,62,172)
```
#0430ac
```
#0430ac rgb(4,48,172)
```

Similar Colors

Text with hexadecimal color #045aac

This text has a font color of #045aac.

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

#045aac background color

This paragraph has a background color of #045aac.

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

#045aac border color

This element has a border color of #045aac.

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

CSS codes

.text {color:#045aac;}

.background {background-color:#045aac;}

.border {border:1px solid #045aac;}

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, #000a13 is the darkest color, while #feffff is the lightest one.

#000a13
```
#000a13 rgb(0,10,19)
```
#011426
```
#011426 rgb(1,20,38)
```
#011e39
```
#011e39 rgb(1,30,57)
```
#02284c
```
#02284c rgb(2,40,76)
```
#02325f
```
#02325f rgb(2,50,95)
```
#033c72
```
#033c72 rgb(3,60,114)
```
#034686
```
#034686 rgb(3,70,134)
```
#045099
```
#045099 rgb(4,80,153)
```
#045aac
```
#045aac rgb(4,90,172)
```
#0464bf
```
#0464bf rgb(4,100,191)
```
#056ed2
```
#056ed2 rgb(5,110,210)
```
#0578e6
```
#0578e6 rgb(5,120,230)
```
#0682f9
```
#0682f9 rgb(6,130,249)
```

Shade Color Variation

#188cfa
```
#188cfa rgb(24,140,250)
```
#2c95fa
```
#2c95fa rgb(44,149,250)
```
#3f9ffb
```
#3f9ffb rgb(63,159,251)
```
#52a8fb
```
#52a8fb rgb(82,168,251)
```
#65b2fb
```
#65b2fb rgb(101,178,251)
```
#78bcfc
```
#78bcfc rgb(120,188,252)
```
#8bc5fc
```
#8bc5fc rgb(139,197,252)
```
#9fcffd
```
#9fcffd rgb(159,207,253)
```
#b2d8fd
```
#b2d8fd rgb(178,216,253)
```
#c5e2fe
```
#c5e2fe rgb(197,226,254)
```
#d8ecfe
```
#d8ecfe rgb(216,236,254)
```
#ebf5ff
```
#ebf5ff rgb(235,245,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55585b is the less saturated color, while #045aac is the most saturated one.

#55585b
```
#55585b rgb(85,88,91)
```
#4e5862
```
#4e5862 rgb(78,88,98)
```
#485868
```
#485868 rgb(72,88,104)
```
#41596f
```
#41596f rgb(65,89,111)
```
#3a5976
```
#3a5976 rgb(58,89,118)
```
#33597d
```
#33597d rgb(51,89,125)
```
#2d5983
```
#2d5983 rgb(45,89,131)
```
#26598a
```
#26598a rgb(38,89,138)
```
#1f5991
```
#1f5991 rgb(31,89,145)
```
#185a98
```
#185a98 rgb(24,90,152)
```
#125a9e
```
#125a9e rgb(18,90,158)
```
#0b5aa5
```
#0b5aa5 rgb(11,90,165)
```
#045aac
```
#045aac rgb(4,90,172)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3c4d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3460ae Protanopia 1% of men
#0064a6 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#235ead Protanomaly 1% of men, 0.01% of women
#0160a8 Deuteranomaly 6% of men, 0.4% of women
#016587 Tritanomaly 0.01% of the population

#045aac hex color

#045aac Color Information

#045aac Color Conversion

Color Schemes with #045aac

Alternatives to #045aac

#045aac Preview

Shades and Tints of #045aac

Tones of #045aac

Color Blindness Simulator