#045fb7 hex color

In a RGB color space, hex #045fb7 is composed of 1.6% red, 37.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 48.1% magenta, 0% yellow and 28.2% black. It has a hue angle of 209.5 degrees, a saturation of 95.7% and a lightness of 36.7%. #045fb7 color hex could be obtained by blending #08beff with #00006f. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 37
- B 72
RGB color chart
- C 98
- M 48
- Y 0
- K 28
CMYK color chart

● #045fb7 color description : Strong blue.

The hexadecimal color #045fb7 has RGB values of R:4, G:95, B:183 and CMYK values of C:0.98, M:0.48, Y:0, K:0.28. Its decimal value is 286647.

Hex triplet	045fb7	`#045fb7`
RGB Decimal	4, 95, 183	`rgb(4,95,183)`
RGB Percent	1.6, 37.3, 71.8	`rgb(1.6%,37.3%,71.8%)`
CMYK	98, 48, 0, 28
HSL	209.5°, 95.7, 36.7	`hsl(209.5,95.7%,36.7%)`
HSV (or HSB)	209.5°, 97.8, 71.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.619, 11.489, -52.857
XYZ	12.688, 11.628, 46.373
xyY	0.179, 0.164, 11.628
CIE-LCH	40.619, 54.091, 282.263
CIE-LUV	40.619, -22.321, -77.908
Hunter-Lab	34.1, 6.74, -56.76
Binary	00000100, 01011111, 10110111

#045fb7
```
#045fb7 rgb(4,95,183)
```
#b75c04
```
#b75c04 rgb(183,92,4)
```

Complementary Color

#04b7b6
```
#04b7b6 rgb(4,183,182)
```
#045fb7
```
#045fb7 rgb(4,95,183)
```
#0405b7
```
#0405b7 rgb(4,5,183)
```

Analogous Color

#b7b604
```
#b7b604 rgb(183,182,4)
```
#045fb7
```
#045fb7 rgb(4,95,183)
```
#b70406
```
#b70406 rgb(183,4,6)
```

Split Complementary Color

#5fb704
```
#5fb704 rgb(95,183,4)
```
#045fb7
```
#045fb7 rgb(4,95,183)
```
#b7045f
```
#b7045f rgb(183,4,95)
```

Triadic Color

#04b75c
```
#04b75c rgb(4,183,92)
```
#045fb7
```
#045fb7 rgb(4,95,183)
```
#b7045f
```
#b7045f rgb(183,4,95)
```
#b75c04
```
#b75c04 rgb(183,92,4)
```

Tetradic Color

#02386c
```
#02386c rgb(2,56,108)
```
#034585
```
#034585 rgb(3,69,133)
```
#03529e
```
#03529e rgb(3,82,158)
```
#045fb7
```
#045fb7 rgb(4,95,183)
```
#056cd0
```
#056cd0 rgb(5,108,208)
```
#0579e9
```
#0579e9 rgb(5,121,233)
```
#0e86fa
```
#0e86fa rgb(14,134,250)
```

Monochromatic Color

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

#048cb7
```
#048cb7 rgb(4,140,183)
```
#047db7
```
#047db7 rgb(4,125,183)
```
#046eb7
```
#046eb7 rgb(4,110,183)
```
#045fb7
```
#045fb7 rgb(4,95,183)
```
#0450b7
```
#0450b7 rgb(4,80,183)
```
#0441b7
```
#0441b7 rgb(4,65,183)
```
#0432b7
```
#0432b7 rgb(4,50,183)
```

Similar Colors

Text with hexadecimal color #045fb7

This text has a font color of #045fb7.

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

#045fb7 background color

This paragraph has a background color of #045fb7.

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

#045fb7 border color

This element has a border color of #045fb7.

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

CSS codes

.text {color:#045fb7;}

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

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

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, #00050a is the darkest color, while #f6faff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#010f1d
```
#010f1d rgb(1,15,29)
```
#011931
```
#011931 rgb(1,25,49)
```
#012344
```
#012344 rgb(1,35,68)
```
#022d57
```
#022d57 rgb(2,45,87)
```
#02376a
```
#02376a rgb(2,55,106)
```
#03417d
```
#03417d rgb(3,65,125)
```
#034b91
```
#034b91 rgb(3,75,145)
```
#0455a4
```
#0455a4 rgb(4,85,164)
```
#045fb7
```
#045fb7 rgb(4,95,183)
```
#0469ca
```
#0469ca rgb(4,105,202)
```
#0573dd
```
#0573dd rgb(5,115,221)
```
#057df1
```
#057df1 rgb(5,125,241)
```

Shade Color Variation

#1087fa
```
#1087fa rgb(16,135,250)
```
#2390fa
```
#2390fa rgb(35,144,250)
```
#369afb
```
#369afb rgb(54,154,251)
```
#49a4fb
```
#49a4fb rgb(73,164,251)
```
#5cadfb
```
#5cadfb rgb(92,173,251)
```
#70b7fc
```
#70b7fc rgb(112,183,252)
```
#83c1fc
```
#83c1fc rgb(131,193,252)
```
#96cafd
```
#96cafd rgb(150,202,253)
```
#a9d4fd
```
#a9d4fd rgb(169,212,253)
```
#bcdefe
```
#bcdefe rgb(188,222,254)
```
#d0e7fe
```
#d0e7fe rgb(208,231,254)
```
#e3f1fe
```
#e3f1fe rgb(227,241,254)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#5a5e61
```
#5a5e61 rgb(90,94,97)
```
#535e68
```
#535e68 rgb(83,94,104)
```
#4c5e6f
```
#4c5e6f rgb(76,94,111)
```
#455e76
```
#455e76 rgb(69,94,118)
```
#3e5e7d
```
#3e5e7d rgb(62,94,125)
```
#365e85
```
#365e85 rgb(54,94,133)
```
#2f5e8c
```
#2f5e8c rgb(47,94,140)
```
#285e93
```
#285e93 rgb(40,94,147)
```
#215f9a
```
#215f9a rgb(33,95,154)
```
#1a5fa1
```
#1a5fa1 rgb(26,95,161)
```
#125fa9
```
#125fa9 rgb(18,95,169)
```
#0b5fb0
```
#0b5fb0 rgb(11,95,176)
```
#045fb7
```
#045fb7 rgb(4,95,183)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#3f5163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3565b8 Protanopia 1% of men
#006aae Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#2362b8 Protanomaly 1% of men, 0.01% of women
#0166b1 Deuteranomaly 6% of men, 0.4% of women
#016b8f Tritanomaly 0.01% of the population

#045fb7 hex color

#045fb7 Color Information

#045fb7 Color Conversion

Color Schemes with #045fb7

Alternatives to #045fb7

#045fb7 Preview

Shades and Tints of #045fb7

Tones of #045fb7

Color Blindness Simulator