#045fd4 hex color

In a RGB color space, hex #045fd4 is composed of 1.6% red, 37.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 55.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 213.8 degrees, a saturation of 96.3% and a lightness of 42.4%. #045fd4 color hex could be obtained by blending #08beff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 37
- B 83
RGB color chart
- C 98
- M 55
- Y 0
- K 17
CMYK color chart

● #045fd4 color description : Strong blue.

The hexadecimal color #045fd4 has RGB values of R:4, G:95, B:212 and CMYK values of C:0.98, M:0.55, Y:0, K:0.17. Its decimal value is 286676.

Hex triplet	045fd4	`#045fd4`
RGB Decimal	4, 95, 212	`rgb(4,95,212)`
RGB Percent	1.6, 37.3, 83.1	`rgb(1.6%,37.3%,83.1%)`
CMYK	98, 55, 0, 17
HSL	213.8°, 96.3, 42.4	`hsl(213.8,96.3%,42.4%)`
HSV (or HSB)	213.8°, 98.1, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.706, 23.167, -66.265
XYZ	16.023, 12.962, 63.941
xyY	0.172, 0.139, 12.962
CIE-LCH	42.706, 70.198, 289.27
CIE-LUV	42.706, -21.383, -99.011
Hunter-Lab	36.003, 16.437, -80.096
Binary	00000100, 01011111, 11010100

#045fd4
```
#045fd4 rgb(4,95,212)
```
#d47904
```
#d47904 rgb(212,121,4)
```

Complementary Color

#04c7d4
```
#04c7d4 rgb(4,199,212)
```
#045fd4
```
#045fd4 rgb(4,95,212)
```
#1104d4
```
#1104d4 rgb(17,4,212)
```

Analogous Color

#c7d404
```
#c7d404 rgb(199,212,4)
```
#045fd4
```
#045fd4 rgb(4,95,212)
```
#d41104
```
#d41104 rgb(212,17,4)
```

Split Complementary Color

#5fd404
```
#5fd404 rgb(95,212,4)
```
#045fd4
```
#045fd4 rgb(4,95,212)
```
#d4045f
```
#d4045f rgb(212,4,95)
```

Triadic Color

#04d479
```
#04d479 rgb(4,212,121)
```
#045fd4
```
#045fd4 rgb(4,95,212)
```
#d4045f
```
#d4045f rgb(212,4,95)
```
#d47904
```
#d47904 rgb(212,121,4)
```

Tetradic Color

#033d89
```
#033d89 rgb(3,61,137)
```
#0349a2
```
#0349a2 rgb(3,73,162)
```
#0454bb
```
#0454bb rgb(4,84,187)
```
#045fd4
```
#045fd4 rgb(4,95,212)
```
#046aed
```
#046aed rgb(4,106,237)
```
#1177fb
```
#1177fb rgb(17,119,251)
```
#2a85fb
```
#2a85fb rgb(42,133,251)
```

Monochromatic Color

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

#0493d4
```
#0493d4 rgb(4,147,212)
```
#0482d4
```
#0482d4 rgb(4,130,212)
```
#0470d4
```
#0470d4 rgb(4,112,212)
```
#045fd4
```
#045fd4 rgb(4,95,212)
```
#044ed4
```
#044ed4 rgb(4,78,212)
```
#043cd4
```
#043cd4 rgb(4,60,212)
```
#042bd4
```
#042bd4 rgb(4,43,212)
```

Similar Colors

Text with hexadecimal color #045fd4

This text has a font color of #045fd4.

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

#045fd4 background color

This paragraph has a background color of #045fd4.

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

#045fd4 border color

This element has a border color of #045fd4.

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

CSS codes

.text {color:#045fd4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000913
```
#000913 rgb(0,9,19)
```
#011127
```
#011127 rgb(1,17,39)
```
#011a3a
```
#011a3a rgb(1,26,58)
```
#01234d
```
#01234d rgb(1,35,77)
```
#022b60
```
#022b60 rgb(2,43,96)
```
#023474
```
#023474 rgb(2,52,116)
```
#033c87
```
#033c87 rgb(3,60,135)
```
#03459a
```
#03459a rgb(3,69,154)
```
#034ead
```
#034ead rgb(3,78,173)
```
#0456c1
```
#0456c1 rgb(4,86,193)
```
#045fd4
```
#045fd4 rgb(4,95,212)
```
#0468e7
```
#0468e7 rgb(4,104,231)
```

Shade Color Variation

#0570fa
```
#0570fa rgb(5,112,250)
```
#187bfb
```
#187bfb rgb(24,123,251)
```
#2b86fb
```
#2b86fb rgb(43,134,251)
```
#3f91fb
```
#3f91fb rgb(63,145,251)
```
#529cfc
```
#529cfc rgb(82,156,252)
```
#65a7fc
```
#65a7fc rgb(101,167,252)
```
#78b2fc
```
#78b2fc rgb(120,178,252)
```
#8cbdfd
```
#8cbdfd rgb(140,189,253)
```
#9fc8fd
```
#9fc8fd rgb(159,200,253)
```
#b2d3fe
```
#b2d3fe rgb(178,211,254)
```
#c5defe
```
#c5defe rgb(197,222,254)
```
#d9e9fe
```
#d9e9fe rgb(217,233,254)
```
#ecf4ff
```
#ecf4ff rgb(236,244,255)
```

Tint Color Variation

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

#686b70
```
#686b70 rgb(104,107,112)
```
#5f6a79
```
#5f6a79 rgb(95,106,121)
```
#576981
```
#576981 rgb(87,105,129)
```
#4f6889
```
#4f6889 rgb(79,104,137)
```
#466792
```
#466792 rgb(70,103,146)
```
#3e669a
```
#3e669a rgb(62,102,154)
```
#3665a2
```
#3665a2 rgb(54,101,162)
```
#2e64aa
```
#2e64aa rgb(46,100,170)
```
#2563b3
```
#2563b3 rgb(37,99,179)
```
#1d62bb
```
#1d62bb rgb(29,98,187)
```
#1561c3
```
#1561c3 rgb(21,97,195)
```
#0c60cc
```
#0c60cc rgb(12,96,204)
```
#045fd4
```
#045fd4 rgb(4,95,212)
```

Tone Color Variation

Below, you can see how #045fd4 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
#42546b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb4 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0165d0 Protanomaly 1% of men, 0.01% of women
#0169c0 Deuteranomaly 6% of men, 0.4% of women
#016e9d Tritanomaly 0.01% of the population

#045fd4 hex color

#045fd4 Color Information

#045fd4 Color Conversion

Color Schemes with #045fd4

Alternatives to #045fd4

#045fd4 Preview

Shades and Tints of #045fd4

Tones of #045fd4

Color Blindness Simulator