#045dfa hex color

In a RGB color space, hex #045dfa is composed of 1.6% red, 36.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 62.8% magenta, 0% yellow and 2% black. It has a hue angle of 218.3 degrees, a saturation of 96.9% and a lightness of 49.8%. #045dfa color hex could be obtained by blending #08baff with #0000f5. Closest websafe color is: #0066ff.

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

● #045dfa color description : Vivid blue.

The hexadecimal color #045dfa has RGB values of R:4, G:93, B:250 and CMYK values of C:0.98, M:0.63, Y:0, K:0.02. Its decimal value is 286202.

Hex triplet	045dfa	`#045dfa`
RGB Decimal	4, 93, 250	`rgb(4,93,250)`
RGB Percent	1.6, 36.5, 98	`rgb(1.6%,36.5%,98%)`
CMYK	98, 63, 0, 2
HSL	218.3°, 96.9, 49.8	`hsl(218.3,96.9%,49.8%)`
HSV (or HSB)	218.3°, 98.4, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.297, 39.095, -83.508
XYZ	21.216, 14.755, 92.167
xyY	0.166, 0.115, 14.755
CIE-LCH	45.297, 92.206, 295.087
CIE-LUV	45.297, -20.22, -125.127
Hunter-Lab	38.412, 31.37, -115.374
Binary	00000100, 01011101, 11111010

#045dfa
```
#045dfa rgb(4,93,250)
```
#faa104
```
#faa104 rgb(250,161,4)
```

Complementary Color

#04d8fa
```
#04d8fa rgb(4,216,250)
```
#045dfa
```
#045dfa rgb(4,93,250)
```
#2604fa
```
#2604fa rgb(38,4,250)
```

Analogous Color

#d8fa04
```
#d8fa04 rgb(216,250,4)
```
#045dfa
```
#045dfa rgb(4,93,250)
```
#fa2604
```
#fa2604 rgb(250,38,4)
```

Split Complementary Color

#5dfa04
```
#5dfa04 rgb(93,250,4)
```
#045dfa
```
#045dfa rgb(4,93,250)
```
#fa045d
```
#fa045d rgb(250,4,93)
```

Triadic Color

#04faa1
```
#04faa1 rgb(4,250,161)
```
#045dfa
```
#045dfa rgb(4,93,250)
```
#fa045d
```
#fa045d rgb(250,4,93)
```
#faa104
```
#faa104 rgb(250,161,4)
```

Tetradic Color

#0341af
```
#0341af rgb(3,65,175)
```
#034ac8
```
#034ac8 rgb(3,74,200)
```
#0454e1
```
#0454e1 rgb(4,84,225)
```
#045dfa
```
#045dfa rgb(4,93,250)
```
#1c6dfb
```
#1c6dfb rgb(28,109,251)
```
#357dfc
```
#357dfc rgb(53,125,252)
```
#4e8dfc
```
#4e8dfc rgb(78,141,252)
```

Monochromatic Color

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

#049bfa
```
#049bfa rgb(4,155,250)
```
#0486fa
```
#0486fa rgb(4,134,250)
```
#0472fa
```
#0472fa rgb(4,114,250)
```
#045dfa
```
#045dfa rgb(4,93,250)
```
#0449fa
```
#0449fa rgb(4,73,250)
```
#0434fa
```
#0434fa rgb(4,52,250)
```
#0420fa
```
#0420fa rgb(4,32,250)
```

Similar Colors

Text with hexadecimal color #045dfa

This text has a font color of #045dfa.

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

#045dfa background color

This paragraph has a background color of #045dfa.

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

#045dfa border color

This element has a border color of #045dfa.

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

CSS codes

.text {color:#045dfa;}

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

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

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

#000712
```
#000712 rgb(0,7,18)
```
#010e26
```
#010e26 rgb(1,14,38)
```
#011539
```
#011539 rgb(1,21,57)
```
#011c4c
```
#011c4c rgb(1,28,76)
```
#022460
```
#022460 rgb(2,36,96)
```
#022b73
```
#022b73 rgb(2,43,115)
```
#023286
```
#023286 rgb(2,50,134)
```
#023999
```
#023999 rgb(2,57,153)
```
#0340ad
```
#0340ad rgb(3,64,173)
```
#0347c0
```
#0347c0 rgb(3,71,192)
```
#034fd3
```
#034fd3 rgb(3,79,211)
```
#0456e7
```
#0456e7 rgb(4,86,231)
```
#045dfa
```
#045dfa rgb(4,93,250)
```

Shade Color Variation

#1669fb
```
#1669fb rgb(22,105,251)
```
#2a76fc
```
#2a76fc rgb(42,118,252)
```
#3d82fc
```
#3d82fc rgb(61,130,252)
```
#508efc
```
#508efc rgb(80,142,252)
```
#649bfd
```
#649bfd rgb(100,155,253)
```
#77a7fd
```
#77a7fd rgb(119,167,253)
```
#8ab4fd
```
#8ab4fd rgb(138,180,253)
```
#9dc0fd
```
#9dc0fd rgb(157,192,253)
```
#b1cdfe
```
#b1cdfe rgb(177,205,254)
```
#c4d9fe
```
#c4d9fe rgb(196,217,254)
```
#d7e5fe
```
#d7e5fe rgb(215,229,254)
```
#ebf2ff
```
#ebf2ff rgb(235,242,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#797d85
```
#797d85 rgb(121,125,133)
```
#6f7b8f
```
#6f7b8f rgb(111,123,143)
```
#667898
```
#667898 rgb(102,120,152)
```
#5c75a2
```
#5c75a2 rgb(92,117,162)
```
#5273ac
```
#5273ac rgb(82,115,172)
```
#4870b6
```
#4870b6 rgb(72,112,182)
```
#3f6dbf
```
#3f6dbf rgb(63,109,191)
```
#356bc9
```
#356bc9 rgb(53,107,201)
```
#2b68d3
```
#2b68d3 rgb(43,104,211)
```
#2165dd
```
#2165dd rgb(33,101,221)
```
#1862e6
```
#1862e6 rgb(24,98,230)
```
#0e60f0
```
#0e60f0 rgb(14,96,240)
```
#045dfa
```
#045dfa rgb(4,93,250)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#0168e5 Protanomaly 1% of men, 0.01% of women
#016cd3 Deuteranomaly 6% of men, 0.4% of women
#0172af Tritanomaly 0.01% of the population

#045dfa hex color

#045dfa Color Information

#045dfa Color Conversion

Color Schemes with #045dfa

Alternatives to #045dfa

#045dfa Preview

Shades and Tints of #045dfa

Tones of #045dfa

Color Blindness Simulator