#045fb1 hex color

In a RGB color space, hex #045fb1 is composed of 1.6% red, 37.3% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 46.3% magenta, 0% yellow and 30.6% black. It has a hue angle of 208.4 degrees, a saturation of 95.6% and a lightness of 35.5%. #045fb1 color hex could be obtained by blending #08beff with #000063. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 37
- B 69
RGB color chart
- C 98
- M 46
- Y 0
- K 31
CMYK color chart

● #045fb1 color description : Dark blue.

The hexadecimal color #045fb1 has RGB values of R:4, G:95, B:177 and CMYK values of C:0.98, M:0.46, Y:0, K:0.31. Its decimal value is 286641.

Hex triplet	045fb1	`#045fb1`
RGB Decimal	4, 95, 177	`rgb(4,95,177)`
RGB Percent	1.6, 37.3, 69.4	`rgb(1.6%,37.3%,69.4%)`
CMYK	98, 46, 0, 31
HSL	208.4°, 95.6, 35.5	`hsl(208.4,95.6%,35.5%)`
HSV (or HSB)	208.4°, 97.7, 69.4
Web Safe	006699	`#006699`

CIE-LAB	40.219, 9.04, -49.98
XYZ	12.076, 11.383, 43.153
xyY	0.181, 0.171, 11.383
CIE-LCH	40.219, 50.791, 280.253
CIE-LUV	40.219, -22.565, -73.34
Hunter-Lab	33.739, 4.846, -52.215
Binary	00000100, 01011111, 10110001

#045fb1
```
#045fb1 rgb(4,95,177)
```
#b15604
```
#b15604 rgb(177,86,4)
```

Complementary Color

#04b1ad
```
#04b1ad rgb(4,177,173)
```
#045fb1
```
#045fb1 rgb(4,95,177)
```
#0409b1
```
#0409b1 rgb(4,9,177)
```

Analogous Color

#b1ad04
```
#b1ad04 rgb(177,173,4)
```
#045fb1
```
#045fb1 rgb(4,95,177)
```
#b10409
```
#b10409 rgb(177,4,9)
```

Split Complementary Color

#5fb104
```
#5fb104 rgb(95,177,4)
```
#045fb1
```
#045fb1 rgb(4,95,177)
```
#b1045f
```
#b1045f rgb(177,4,95)
```

Triadic Color

#04b156
```
#04b156 rgb(4,177,86)
```
#045fb1
```
#045fb1 rgb(4,95,177)
```
#b1045f
```
#b1045f rgb(177,4,95)
```
#b15604
```
#b15604 rgb(177,86,4)
```

Tetradic Color

#023766
```
#023766 rgb(2,55,102)
```
#03447f
```
#03447f rgb(3,68,127)
```
#035298
```
#035298 rgb(3,82,152)
```
#045fb1
```
#045fb1 rgb(4,95,177)
```
#056cca
```
#056cca rgb(5,108,202)
```
#057ae3
```
#057ae3 rgb(5,122,227)
```
#0887f9
```
#0887f9 rgb(8,135,249)
```

Monochromatic Color

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

#048ab1
```
#048ab1 rgb(4,138,177)
```
#047cb1
```
#047cb1 rgb(4,124,177)
```
#046db1
```
#046db1 rgb(4,109,177)
```
#045fb1
```
#045fb1 rgb(4,95,177)
```
#0451b1
```
#0451b1 rgb(4,81,177)
```
#0442b1
```
#0442b1 rgb(4,66,177)
```
#0434b1
```
#0434b1 rgb(4,52,177)
```

Similar Colors

Text with hexadecimal color #045fb1

This text has a font color of #045fb1.

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

#045fb1 background color

This paragraph has a background color of #045fb1.

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

#045fb1 border color

This element has a border color of #045fb1.

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

CSS codes

.text {color:#045fb1;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010d18
```
#010d18 rgb(1,13,24)
```
#01172b
```
#01172b rgb(1,23,43)
```
#01213e
```
#01213e rgb(1,33,62)
```
#022c51
```
#022c51 rgb(2,44,81)
```
#023664
```
#023664 rgb(2,54,100)
```
#034077
```
#034077 rgb(3,64,119)
```
#034a8b
```
#034a8b rgb(3,74,139)
```
#04559e
```
#04559e rgb(4,85,158)
```
#045fb1
```
#045fb1 rgb(4,95,177)
```
#0469c4
```
#0469c4 rgb(4,105,196)
```
#0574d7
```
#0574d7 rgb(5,116,215)
```
#057eeb
```
#057eeb rgb(5,126,235)
```

Shade Color Variation

#0a88f9
```
#0a88f9 rgb(10,136,249)
```
#1d91fa
```
#1d91fa rgb(29,145,250)
```
#309bfa
```
#309bfa rgb(48,155,250)
```
#44a4fb
```
#44a4fb rgb(68,164,251)
```
#57adfb
```
#57adfb rgb(87,173,251)
```
#6ab7fc
```
#6ab7fc rgb(106,183,252)
```
#7dc0fc
```
#7dc0fc rgb(125,192,252)
```
#90c9fc
```
#90c9fc rgb(144,201,252)
```
#a3d3fd
```
#a3d3fd rgb(163,211,253)
```
#b7dcfd
```
#b7dcfd rgb(183,220,253)
```
#cae5fe
```
#cae5fe rgb(202,229,254)
```
#ddeefe
```
#ddeefe rgb(221,238,254)
```
#f0f8ff
```
#f0f8ff rgb(240,248,255)
```

Tint Color Variation

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

#585b5d
```
#585b5d rgb(88,91,93)
```
#515b64
```
#515b64 rgb(81,91,100)
```
#4a5b6b
```
#4a5b6b rgb(74,91,107)
```
#435c72
```
#435c72 rgb(67,92,114)
```
#3c5c79
```
#3c5c79 rgb(60,92,121)
```
#355c80
```
#355c80 rgb(53,92,128)
```
#2e5d87
```
#2e5d87 rgb(46,93,135)
```
#275d8e
```
#275d8e rgb(39,93,142)
```
#205e95
```
#205e95 rgb(32,94,149)
```
#195e9c
```
#195e9c rgb(25,94,156)
```
#125ea3
```
#125ea3 rgb(18,94,163)
```
#0b5faa
```
#0b5faa rgb(11,95,170)
```
#045fb1
```
#045fb1 rgb(4,95,177)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#3e5161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b64b2 Protanopia 1% of men
#0069ad Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#2762b2 Protanomaly 1% of men, 0.01% of women
#0165af Deuteranomaly 6% of men, 0.4% of women
#016a8c Tritanomaly 0.01% of the population

#045fb1 hex color

#045fb1 Color Information

#045fb1 Color Conversion

Color Schemes with #045fb1

Alternatives to #045fb1

#045fb1 Preview

Shades and Tints of #045fb1

Tones of #045fb1

Color Blindness Simulator