#045fdf hex color

In a RGB color space, hex #045fdf is composed of 1.6% red, 37.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 57.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 215.1 degrees, a saturation of 96.5% and a lightness of 44.5%. #045fdf color hex could be obtained by blending #08beff with #0000bf. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 37
- B 87
RGB color chart
- C 98
- M 57
- Y 0
- K 13
CMYK color chart

● #045fdf color description : Vivid blue.

The hexadecimal color #045fdf has RGB values of R:4, G:95, B:223 and CMYK values of C:0.98, M:0.57, Y:0, K:0.13. Its decimal value is 286687.

Hex triplet	045fdf	`#045fdf`
RGB Decimal	4, 95, 223	`rgb(4,95,223)`
RGB Percent	1.6, 37.3, 87.5	`rgb(1.6%,37.3%,87.5%)`
CMYK	98, 57, 0, 13
HSL	215.1°, 96.5, 44.5	`hsl(215.1,96.5%,44.5%)`
HSV (or HSB)	215.1°, 98.2, 87.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.561, 27.497, -71.148
XYZ	17.459, 13.536, 71.501
xyY	0.17, 0.132, 13.536
CIE-LCH	43.561, 76.277, 291.131
CIE-LUV	43.561, -21.124, -106.619
Hunter-Lab	36.792, 20.317, -89.469
Binary	00000100, 01011111, 11011111

#045fdf
```
#045fdf rgb(4,95,223)
```
#df8404
```
#df8404 rgb(223,132,4)
```

Complementary Color

#04cddf
```
#04cddf rgb(4,205,223)
```
#045fdf
```
#045fdf rgb(4,95,223)
```
#1704df
```
#1704df rgb(23,4,223)
```

Analogous Color

#cddf04
```
#cddf04 rgb(205,223,4)
```
#045fdf
```
#045fdf rgb(4,95,223)
```
#df1604
```
#df1604 rgb(223,22,4)
```

Split Complementary Color

#5fdf04
```
#5fdf04 rgb(95,223,4)
```
#045fdf
```
#045fdf rgb(4,95,223)
```
#df045f
```
#df045f rgb(223,4,95)
```

Triadic Color

#04df84
```
#04df84 rgb(4,223,132)
```
#045fdf
```
#045fdf rgb(4,95,223)
```
#df045f
```
#df045f rgb(223,4,95)
```
#df8404
```
#df8404 rgb(223,132,4)
```

Tetradic Color

#033f94
```
#033f94 rgb(3,63,148)
```
#034aad
```
#034aad rgb(3,74,173)
```
#0454c6
```
#0454c6 rgb(4,84,198)
```
#045fdf
```
#045fdf rgb(4,95,223)
```
#046af8
```
#046af8 rgb(4,106,248)
```
#1b78fb
```
#1b78fb rgb(27,120,251)
```
#3487fb
```
#3487fb rgb(52,135,251)
```

Monochromatic Color

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

#0496df
```
#0496df rgb(4,150,223)
```
#0484df
```
#0484df rgb(4,132,223)
```
#0471df
```
#0471df rgb(4,113,223)
```
#045fdf
```
#045fdf rgb(4,95,223)
```
#044ddf
```
#044ddf rgb(4,77,223)
```
#043bdf
```
#043bdf rgb(4,59,223)
```
#0428df
```
#0428df rgb(4,40,223)
```

Similar Colors

Text with hexadecimal color #045fdf

This text has a font color of #045fdf.

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

#045fdf background color

This paragraph has a background color of #045fdf.

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

#045fdf border color

This element has a border color of #045fdf.

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

CSS codes

.text {color:#045fdf;}

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

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

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

#00050b
```
#00050b rgb(0,5,11)
```
#010d1e
```
#010d1e rgb(1,13,30)
```
#011532
```
#011532 rgb(1,21,50)
```
#011d45
```
#011d45 rgb(1,29,69)
```
#022658
```
#022658 rgb(2,38,88)
```
#022e6b
```
#022e6b rgb(2,46,107)
```
#02367f
```
#02367f rgb(2,54,127)
```
#033e92
```
#033e92 rgb(3,62,146)
```
#0346a5
```
#0346a5 rgb(3,70,165)
```
#034fb8
```
#034fb8 rgb(3,79,184)
```
#0457cc
```
#0457cc rgb(4,87,204)
```
#045fdf
```
#045fdf rgb(4,95,223)
```
#0467f2
```
#0467f2 rgb(4,103,242)
```

Shade Color Variation

#1071fb
```
#1071fb rgb(16,113,251)
```
#237dfb
```
#237dfb rgb(35,125,251)
```
#3688fb
```
#3688fb rgb(54,136,251)
```
#4993fc
```
#4993fc rgb(73,147,252)
```
#5d9ffc
```
#5d9ffc rgb(93,159,252)
```
#70aafc
```
#70aafc rgb(112,170,252)
```
#83b6fd
```
#83b6fd rgb(131,182,253)
```
#96c1fd
```
#96c1fd rgb(150,193,253)
```
#aaccfd
```
#aaccfd rgb(170,204,253)
```
#bdd8fe
```
#bdd8fe rgb(189,216,254)
```
#d0e3fe
```
#d0e3fe rgb(208,227,254)
```
#e3efff
```
#e3efff rgb(227,239,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#6d7176
```
#6d7176 rgb(109,113,118)
```
#646f7f
```
#646f7f rgb(100,111,127)
```
#5b6e88
```
#5b6e88 rgb(91,110,136)
```
#536c90
```
#536c90 rgb(83,108,144)
```
#4a6b99
```
#4a6b99 rgb(74,107,153)
```
#4169a2
```
#4169a2 rgb(65,105,162)
```
#3868ab
```
#3868ab rgb(56,104,171)
```
#3066b3
```
#3066b3 rgb(48,102,179)
```
#2765bc
```
#2765bc rgb(39,101,188)
```
#1e63c5
```
#1e63c5 rgb(30,99,197)
```
#1562ce
```
#1562ce rgb(21,98,206)
```
#0d60d6
```
#0d60d6 rgb(13,96,214)
```
#045fdf
```
#045fdf rgb(4,95,223)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#42556e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#0166d6 Protanomaly 1% of men, 0.01% of women
#016ac5 Deuteranomaly 6% of men, 0.4% of women
#0170a2 Tritanomaly 0.01% of the population

#045fdf hex color

#045fdf Color Information

#045fdf Color Conversion

Color Schemes with #045fdf

Alternatives to #045fdf

#045fdf Preview

Shades and Tints of #045fdf

Tones of #045fdf

Color Blindness Simulator