#045fa2 hex color

In a RGB color space, hex #045fa2 is composed of 1.6% red, 37.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 41.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 205.4 degrees, a saturation of 95.2% and a lightness of 32.5%. #045fa2 color hex could be obtained by blending #08beff with #000045. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 37
- B 64
RGB color chart
- C 98
- M 41
- Y 0
- K 36
CMYK color chart

● #045fa2 color description : Dark blue.

The hexadecimal color #045fa2 has RGB values of R:4, G:95, B:162 and CMYK values of C:0.98, M:0.41, Y:0, K:0.36. Its decimal value is 286626.

Hex triplet	045fa2	`#045fa2`
RGB Decimal	4, 95, 162	`rgb(4,95,162)`
RGB Percent	1.6, 37.3, 63.5	`rgb(1.6%,37.3%,63.5%)`
CMYK	98, 41, 0, 36
HSL	205.4°, 95.2, 32.5	`hsl(205.4,95.2%,32.5%)`
HSV (or HSB)	205.4°, 97.5, 63.5
Web Safe	006699	`#006699`

CIE-LAB	39.272, 2.902, -42.623
XYZ	10.662, 10.818, 35.707
xyY	0.186, 0.189, 10.818
CIE-LCH	39.272, 42.722, 273.894
CIE-LUV	39.272, -23.254, -61.612
Hunter-Lab	32.891, 0.307, -41.343
Binary	00000100, 01011111, 10100010

#045fa2
```
#045fa2 rgb(4,95,162)
```
#a24704
```
#a24704 rgb(162,71,4)
```

Complementary Color

#04a296
```
#04a296 rgb(4,162,150)
```
#045fa2
```
#045fa2 rgb(4,95,162)
```
#0410a2
```
#0410a2 rgb(4,16,162)
```

Analogous Color

#a29604
```
#a29604 rgb(162,150,4)
```
#045fa2
```
#045fa2 rgb(4,95,162)
```
#a20410
```
#a20410 rgb(162,4,16)
```

Split Complementary Color

#5fa204
```
#5fa204 rgb(95,162,4)
```
#045fa2
```
#045fa2 rgb(4,95,162)
```
#a2045f
```
#a2045f rgb(162,4,95)
```

Triadic Color

#04a247
```
#04a247 rgb(4,162,71)
```
#045fa2
```
#045fa2 rgb(4,95,162)
```
#a2045f
```
#a2045f rgb(162,4,95)
```
#a24704
```
#a24704 rgb(162,71,4)
```

Tetradic Color

#023357
```
#023357 rgb(2,51,87)
```
#034270
```
#034270 rgb(3,66,112)
```
#035089
```
#035089 rgb(3,80,137)
```
#045fa2
```
#045fa2 rgb(4,95,162)
```
#056ebb
```
#056ebb rgb(5,110,187)
```
#057cd4
```
#057cd4 rgb(5,124,212)
```
#068bed
```
#068bed rgb(6,139,237)
```

Monochromatic Color

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

#0487a2
```
#0487a2 rgb(4,135,162)
```
#0479a2
```
#0479a2 rgb(4,121,162)
```
#046ca2
```
#046ca2 rgb(4,108,162)
```
#045fa2
```
#045fa2 rgb(4,95,162)
```
#0452a2
```
#0452a2 rgb(4,82,162)
```
#0445a2
```
#0445a2 rgb(4,69,162)
```
#0438a2
```
#0438a2 rgb(4,56,162)
```

Similar Colors

Text with hexadecimal color #045fa2

This text has a font color of #045fa2.

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

#045fa2 background color

This paragraph has a background color of #045fa2.

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

#045fa2 border color

This element has a border color of #045fa2.

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

CSS codes

.text {color:#045fa2;}

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

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

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

#000509
```
#000509 rgb(0,5,9)
```
#01101c
```
#01101c rgb(1,16,28)
```
#011c2f
```
#011c2f rgb(1,28,47)
```
#022742
```
#022742 rgb(2,39,66)
```
#023255
```
#023255 rgb(2,50,85)
```
#033d69
```
#033d69 rgb(3,61,105)
```
#03497c
```
#03497c rgb(3,73,124)
```
#04548f
```
#04548f rgb(4,84,143)
```
#045fa2
```
#045fa2 rgb(4,95,162)
```
#046ab5
```
#046ab5 rgb(4,106,181)
```
#0575c8
```
#0575c8 rgb(5,117,200)
```
#0581db
```
#0581db rgb(5,129,219)
```
#068cef
```
#068cef rgb(6,140,239)
```

Shade Color Variation

#0f96f9
```
#0f96f9 rgb(15,150,249)
```
#229efa
```
#229efa rgb(34,158,250)
```
#35a7fa
```
#35a7fa rgb(53,167,250)
```
#48affa
```
#48affa rgb(72,175,250)
```
#5cb7fb
```
#5cb7fb rgb(92,183,251)
```
#6fc0fb
```
#6fc0fb rgb(111,192,251)
```
#82c8fc
```
#82c8fc rgb(130,200,252)
```
#95d1fc
```
#95d1fc rgb(149,209,252)
```
#a8d9fd
```
#a8d9fd rgb(168,217,253)
```
#bbe1fd
```
#bbe1fd rgb(187,225,253)
```
#ceeafe
```
#ceeafe rgb(206,234,254)
```
#e2f2fe
```
#e2f2fe rgb(226,242,254)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#515355
```
#515355 rgb(81,83,85)
```
#4a545c
```
#4a545c rgb(74,84,92)
```
#445562
```
#445562 rgb(68,85,98)
```
#3d5669
```
#3d5669 rgb(61,86,105)
```
#37576f
```
#37576f rgb(55,87,111)
```
#315875
```
#315875 rgb(49,88,117)
```
#2a597c
```
#2a597c rgb(42,89,124)
```
#245a82
```
#245a82 rgb(36,90,130)
```
#1e5b88
```
#1e5b88 rgb(30,91,136)
```
#175c8f
```
#175c8f rgb(23,92,143)
```
#115d95
```
#115d95 rgb(17,93,149)
```
#0a5e9c
```
#0a5e9c rgb(10,94,156)
```
#045fa2
```
#045fa2 rgb(4,95,162)
```

Tone Color Variation

Below, you can see how #045fa2 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
#3d4f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4662a3 Protanopia 1% of men
#2566a7 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#2e61a2 Protanomaly 1% of men, 0.01% of women
#1963a5 Deuteranomaly 6% of men, 0.4% of women
#016985 Tritanomaly 0.01% of the population

#045fa2 hex color

#045fa2 Color Information

#045fa2 Color Conversion

Color Schemes with #045fa2

Alternatives to #045fa2

#045fa2 Preview

Shades and Tints of #045fa2

Tones of #045fa2

Color Blindness Simulator