#045cfd hex color

In a RGB color space, hex #045cfd is composed of 1.6% red, 36.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 63.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 218.8 degrees, a saturation of 98.4% and a lightness of 50.4%. #045cfd color hex could be obtained by blending #08b8ff with #0000fb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 36
- B 99
RGB color chart
- C 98
- M 64
- Y 0
- K 1
CMYK color chart

● #045cfd color description : Vivid blue.

The hexadecimal color #045cfd has RGB values of R:4, G:92, B:253 and CMYK values of C:0.98, M:0.64, Y:0, K:0.01. Its decimal value is 285949.

Hex triplet	045cfd	`#045cfd`
RGB Decimal	4, 92, 253	`rgb(4,92,253)`
RGB Percent	1.6, 36.1, 99.2	`rgb(1.6%,36.1%,99.2%)`
CMYK	98, 64, 0, 1
HSL	218.8°, 98.4, 50.4	`hsl(218.8,98.4%,50.4%)`
HSV (or HSB)	218.8°, 98.4, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.318, 40.837, -85.146
XYZ	21.603, 14.77, 94.635
xyY	0.165, 0.113, 14.77
CIE-LCH	45.318, 94.432, 295.623
CIE-LUV	45.318, -19.965, -127.325
Hunter-Lab	38.432, 33.081, -119.095
Binary	00000100, 01011100, 11111101

#045cfd
```
#045cfd rgb(4,92,253)
```
#fda504
```
#fda504 rgb(253,165,4)
```

Complementary Color

#04d9fd
```
#04d9fd rgb(4,217,253)
```
#045cfd
```
#045cfd rgb(4,92,253)
```
#2804fd
```
#2804fd rgb(40,4,253)
```

Analogous Color

#d9fd04
```
#d9fd04 rgb(217,253,4)
```
#045cfd
```
#045cfd rgb(4,92,253)
```
#fd2804
```
#fd2804 rgb(253,40,4)
```

Split Complementary Color

#5cfd04
```
#5cfd04 rgb(92,253,4)
```
#045cfd
```
#045cfd rgb(4,92,253)
```
#fd045c
```
#fd045c rgb(253,4,92)
```

Triadic Color

#04fda5
```
#04fda5 rgb(4,253,165)
```
#045cfd
```
#045cfd rgb(4,92,253)
```
#fd045c
```
#fd045c rgb(253,4,92)
```
#fda504
```
#fda504 rgb(253,165,4)
```

Tetradic Color

#0140b3
```
#0140b3 rgb(1,64,179)
```
#0249cc
```
#0249cc rgb(2,73,204)
```
#0252e6
```
#0252e6 rgb(2,82,230)
```
#045cfd
```
#045cfd rgb(4,92,253)
```
#1d6cfd
```
#1d6cfd rgb(29,108,253)
```
#377dfd
```
#377dfd rgb(55,125,253)
```
#508dfe
```
#508dfe rgb(80,141,254)
```

Monochromatic Color

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

#049afd
```
#049afd rgb(4,154,253)
```
#0486fd
```
#0486fd rgb(4,134,253)
```
#0471fd
```
#0471fd rgb(4,113,253)
```
#045cfd
```
#045cfd rgb(4,92,253)
```
#0447fd
```
#0447fd rgb(4,71,253)
```
#0433fd
```
#0433fd rgb(4,51,253)
```
#041efd
```
#041efd rgb(4,30,253)
```

Similar Colors

Text with hexadecimal color #045cfd

This text has a font color of #045cfd.

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

#045cfd background color

This paragraph has a background color of #045cfd.

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

#045cfd border color

This element has a border color of #045cfd.

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

CSS codes

.text {color:#045cfd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000815
```
#000815 rgb(0,8,21)
```
#000f29
```
#000f29 rgb(0,15,41)
```
#00163c
```
#00163c rgb(0,22,60)
```
#011d50
```
#011d50 rgb(1,29,80)
```
#012463
```
#012463 rgb(1,36,99)
```
#012b77
```
#012b77 rgb(1,43,119)
```
#01328a
```
#01328a rgb(1,50,138)
```
#01399e
```
#01399e rgb(1,57,158)
```
#0140b1
```
#0140b1 rgb(1,64,177)
```
#0246c5
```
#0246c5 rgb(2,70,197)
```
#024dd8
```
#024dd8 rgb(2,77,216)
```
#0254ec
```
#0254ec rgb(2,84,236)
```

Shade Color Variation

#045cfd
```
#045cfd rgb(4,92,253)
```
#1769fd
```
#1769fd rgb(23,105,253)
```
#2b75fd
```
#2b75fd rgb(43,117,253)
```
#3e82fd
```
#3e82fd rgb(62,130,253)
```
#528ffe
```
#528ffe rgb(82,143,254)
```
#659bfe
```
#659bfe rgb(101,155,254)
```
#79a8fe
```
#79a8fe rgb(121,168,254)
```
#8cb4fe
```
#8cb4fe rgb(140,180,254)
```
#a0c1fe
```
#a0c1fe rgb(160,193,254)
```
#b3cefe
```
#b3cefe rgb(179,206,254)
```
#c7daff
```
#c7daff rgb(199,218,255)
```
#dae7ff
```
#dae7ff rgb(218,231,255)
```
#eef4ff
```
#eef4ff rgb(238,244,255)
```

Tint Color Variation

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

#797e88
```
#797e88 rgb(121,126,136)
```
#6f7b92
```
#6f7b92 rgb(111,123,146)
```
#65799c
```
#65799c rgb(101,121,156)
```
#5c76a5
```
#5c76a5 rgb(92,118,165)
```
#5273af
```
#5273af rgb(82,115,175)
```
#4870b9
```
#4870b9 rgb(72,112,185)
```
#3e6dc3
```
#3e6dc3 rgb(62,109,195)
```
#356acc
```
#356acc rgb(53,106,204)
```
#2b67d6
```
#2b67d6 rgb(43,103,214)
```
#2165e0
```
#2165e0 rgb(33,101,224)
```
#1762ea
```
#1762ea rgb(23,98,234)
```
#0e5ff3
```
#0e5ff3 rgb(14,95,243)
```
#045cfd
```
#045cfd rgb(4,92,253)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#445676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0076bc Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#0168e6 Protanomaly 1% of men, 0.01% of women
#016cd4 Deuteranomaly 6% of men, 0.4% of women
#0171b0 Tritanomaly 0.01% of the population

#045cfd hex color

#045cfd Color Information

#045cfd Color Conversion

Color Schemes with #045cfd

Alternatives to #045cfd

#045cfd Preview

Shades and Tints of #045cfd

Tones of #045cfd

Color Blindness Simulator