#045fd7 hex color

In a RGB color space, hex #045fd7 is composed of 1.6% red, 37.3% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 55.8% magenta, 0% yellow and 15.7% black. It has a hue angle of 214.1 degrees, a saturation of 96.3% and a lightness of 42.9%. #045fd7 color hex could be obtained by blending #08beff with #0000af. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 37
- B 84
RGB color chart
- C 98
- M 56
- Y 0
- K 16
CMYK color chart

● #045fd7 color description : Strong blue.

The hexadecimal color #045fd7 has RGB values of R:4, G:95, B:215 and CMYK values of C:0.98, M:0.56, Y:0, K:0.16. Its decimal value is 286679.

Hex triplet	045fd7	`#045fd7`
RGB Decimal	4, 95, 215	`rgb(4,95,215)`
RGB Percent	1.6, 37.3, 84.3	`rgb(1.6%,37.3%,84.3%)`
CMYK	98, 56, 0, 16
HSL	214.1°, 96.3, 42.9	`hsl(214.1,96.3%,42.9%)`
HSV (or HSB)	214.1°, 98.1, 84.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.936, 24.354, -67.607
XYZ	16.405, 13.115, 65.953
xyY	0.172, 0.137, 13.115
CIE-LCH	42.936, 71.86, 289.81
CIE-LUV	42.936, -21.307, -101.106
Hunter-Lab	36.215, 17.485, -82.627
Binary	00000100, 01011111, 11010111

#045fd7
```
#045fd7 rgb(4,95,215)
```
#d77c04
```
#d77c04 rgb(215,124,4)
```

Complementary Color

#04c9d7
```
#04c9d7 rgb(4,201,215)
```
#045fd7
```
#045fd7 rgb(4,95,215)
```
#1204d7
```
#1204d7 rgb(18,4,215)
```

Analogous Color

#c9d704
```
#c9d704 rgb(201,215,4)
```
#045fd7
```
#045fd7 rgb(4,95,215)
```
#d71304
```
#d71304 rgb(215,19,4)
```

Split Complementary Color

#5fd704
```
#5fd704 rgb(95,215,4)
```
#045fd7
```
#045fd7 rgb(4,95,215)
```
#d7045f
```
#d7045f rgb(215,4,95)
```

Triadic Color

#04d77c
```
#04d77c rgb(4,215,124)
```
#045fd7
```
#045fd7 rgb(4,95,215)
```
#d7045f
```
#d7045f rgb(215,4,95)
```
#d77c04
```
#d77c04 rgb(215,124,4)
```

Tetradic Color

#033e8c
```
#033e8c rgb(3,62,140)
```
#0349a5
```
#0349a5 rgb(3,73,165)
```
#0454be
```
#0454be rgb(4,84,190)
```
#045fd7
```
#045fd7 rgb(4,95,215)
```
#046af0
```
#046af0 rgb(4,106,240)
```
#1377fb
```
#1377fb rgb(19,119,251)
```
#2c86fb
```
#2c86fb rgb(44,134,251)
```

Monochromatic Color

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

#0494d7
```
#0494d7 rgb(4,148,215)
```
#0482d7
```
#0482d7 rgb(4,130,215)
```
#0471d7
```
#0471d7 rgb(4,113,215)
```
#045fd7
```
#045fd7 rgb(4,95,215)
```
#044dd7
```
#044dd7 rgb(4,77,215)
```
#043cd7
```
#043cd7 rgb(4,60,215)
```
#042ad7
```
#042ad7 rgb(4,42,215)
```

Similar Colors

Text with hexadecimal color #045fd7

This text has a font color of #045fd7.

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

#045fd7 background color

This paragraph has a background color of #045fd7.

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

#045fd7 border color

This element has a border color of #045fd7.

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

CSS codes

.text {color:#045fd7;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000a16
```
#000a16 rgb(0,10,22)
```
#01122a
```
#01122a rgb(1,18,42)
```
#011b3d
```
#011b3d rgb(1,27,61)
```
#012350
```
#012350 rgb(1,35,80)
```
#022c63
```
#022c63 rgb(2,44,99)
```
#023477
```
#023477 rgb(2,52,119)
```
#033d8a
```
#033d8a rgb(3,61,138)
```
#03459d
```
#03459d rgb(3,69,157)
```
#034eb0
```
#034eb0 rgb(3,78,176)
```
#0456c4
```
#0456c4 rgb(4,86,196)
```
#045fd7
```
#045fd7 rgb(4,95,215)
```
#0468ea
```
#0468ea rgb(4,104,234)
```

Shade Color Variation

#0870fa
```
#0870fa rgb(8,112,250)
```
#1b7cfb
```
#1b7cfb rgb(27,124,251)
```
#2e87fb
```
#2e87fb rgb(46,135,251)
```
#4292fb
```
#4292fb rgb(66,146,251)
```
#559dfc
```
#559dfc rgb(85,157,252)
```
#68a8fc
```
#68a8fc rgb(104,168,252)
```
#7bb3fd
```
#7bb3fd rgb(123,179,253)
```
#8fbefd
```
#8fbefd rgb(143,190,253)
```
#a2c9fd
```
#a2c9fd rgb(162,201,253)
```
#b5d4fe
```
#b5d4fe rgb(181,212,254)
```
#c8e0fe
```
#c8e0fe rgb(200,224,254)
```
#dcebfe
```
#dcebfe rgb(220,235,254)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

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

#696d72
```
#696d72 rgb(105,109,114)
```
#616c7a
```
#616c7a rgb(97,108,122)
```
#586b83
```
#586b83 rgb(88,107,131)
```
#50698b
```
#50698b rgb(80,105,139)
```
#476894
```
#476894 rgb(71,104,148)
```
#3f679c
```
#3f679c rgb(63,103,156)
```
#3766a4
```
#3766a4 rgb(55,102,164)
```
#2e65ad
```
#2e65ad rgb(46,101,173)
```
#2664b5
```
#2664b5 rgb(38,100,181)
```
#1d62be
```
#1d62be rgb(29,98,190)
```
#1561c6
```
#1561c6 rgb(21,97,198)
```
#0c60cf
```
#0c60cf rgb(12,96,207)
```
#045fd7
```
#045fd7 rgb(4,95,215)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#42546c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#006fb5 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#0166d2 Protanomaly 1% of men, 0.01% of women
#0169c1 Deuteranomaly 6% of men, 0.4% of women
#016f9e Tritanomaly 0.01% of the population

#045fd7 hex color

#045fd7 Color Information

#045fd7 Color Conversion

Color Schemes with #045fd7

Alternatives to #045fd7

#045fd7 Preview

Shades and Tints of #045fd7

Tones of #045fd7

Color Blindness Simulator