#045afa hex color

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

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

● #045afa color description : Vivid blue.

The hexadecimal color #045afa has RGB values of R:4, G:90, B:250 and CMYK values of C:0.98, M:0.64, Y:0, K:0.02. Its decimal value is 285434.

Hex triplet	045afa	`#045afa`
RGB Decimal	4, 90, 250	`rgb(4,90,250)`
RGB Percent	1.6, 35.3, 98	`rgb(1.6%,35.3%,98%)`
CMYK	98, 64, 0, 2
HSL	219°, 96.9, 49.8	`hsl(219,96.9%,49.8%)`
HSV (or HSB)	219°, 98.4, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.573, 40.979, -84.696
XYZ	20.958, 14.238, 92.081
xyY	0.165, 0.112, 14.238
CIE-LCH	44.573, 94.089, 295.819
CIE-LUV	44.573, -19.536, -126.002
Hunter-Lab	37.734, 33.107, -118.27
Binary	00000100, 01011010, 11111010

#045afa
```
#045afa rgb(4,90,250)
```
#faa404
```
#faa404 rgb(250,164,4)
```

Complementary Color

#04d5fa
```
#04d5fa rgb(4,213,250)
```
#045afa
```
#045afa rgb(4,90,250)
```
#2904fa
```
#2904fa rgb(41,4,250)
```

Analogous Color

#d5fa04
```
#d5fa04 rgb(213,250,4)
```
#045afa
```
#045afa rgb(4,90,250)
```
#fa2904
```
#fa2904 rgb(250,41,4)
```

Split Complementary Color

#5afa04
```
#5afa04 rgb(90,250,4)
```
#045afa
```
#045afa rgb(4,90,250)
```
#fa045a
```
#fa045a rgb(250,4,90)
```

Triadic Color

#04faa4
```
#04faa4 rgb(4,250,164)
```
#045afa
```
#045afa rgb(4,90,250)
```
#fa045a
```
#fa045a rgb(250,4,90)
```
#faa404
```
#faa404 rgb(250,164,4)
```

Tetradic Color

#033faf
```
#033faf rgb(3,63,175)
```
#0348c8
```
#0348c8 rgb(3,72,200)
```
#0451e1
```
#0451e1 rgb(4,81,225)
```
#045afa
```
#045afa rgb(4,90,250)
```
#1c6afb
```
#1c6afb rgb(28,106,251)
```
#357bfc
```
#357bfc rgb(53,123,252)
```
#4e8bfc
```
#4e8bfc rgb(78,139,252)
```

Monochromatic Color

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

#0498fa
```
#0498fa rgb(4,152,250)
```
#0483fa
```
#0483fa rgb(4,131,250)
```
#046ffa
```
#046ffa rgb(4,111,250)
```
#045afa
```
#045afa rgb(4,90,250)
```
#0446fa
```
#0446fa rgb(4,70,250)
```
#0431fa
```
#0431fa rgb(4,49,250)
```
#041dfa
```
#041dfa rgb(4,29,250)
```

Similar Colors

Text with hexadecimal color #045afa

This text has a font color of #045afa.

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

#045afa background color

This paragraph has a background color of #045afa.

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

#045afa border color

This element has a border color of #045afa.

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

CSS codes

.text {color:#045afa;}

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

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

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)
```
#011439
```
#011439 rgb(1,20,57)
```
#011b4c
```
#011b4c rgb(1,27,76)
```
#022260
```
#022260 rgb(2,34,96)
```
#022973
```
#022973 rgb(2,41,115)
```
#023086
```
#023086 rgb(2,48,134)
```
#023799
```
#023799 rgb(2,55,153)
```
#033ead
```
#033ead rgb(3,62,173)
```
#0345c0
```
#0345c0 rgb(3,69,192)
```
#034cd3
```
#034cd3 rgb(3,76,211)
```
#0453e7
```
#0453e7 rgb(4,83,231)
```
#045afa
```
#045afa rgb(4,90,250)
```

Shade Color Variation

#1666fb
```
#1666fb rgb(22,102,251)
```
#2a73fc
```
#2a73fc rgb(42,115,252)
```
#3d80fc
```
#3d80fc rgb(61,128,252)
```
#508cfc
```
#508cfc rgb(80,140,252)
```
#6499fd
```
#6499fd rgb(100,153,253)
```
#77a6fd
```
#77a6fd rgb(119,166,253)
```
#8ab2fd
```
#8ab2fd rgb(138,178,253)
```
#9dbffd
```
#9dbffd rgb(157,191,253)
```
#b1ccfe
```
#b1ccfe rgb(177,204,254)
```
#c4d8fe
```
#c4d8fe rgb(196,216,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 #045afa is the most saturated one.

#797d85
```
#797d85 rgb(121,125,133)
```
#6f7a8f
```
#6f7a8f rgb(111,122,143)
```
#667798
```
#667798 rgb(102,119,152)
```
#5c74a2
```
#5c74a2 rgb(92,116,162)
```
#5272ac
```
#5272ac rgb(82,114,172)
```
#486fb6
```
#486fb6 rgb(72,111,182)
```
#3f6cbf
```
#3f6cbf rgb(63,108,191)
```
#3569c9
```
#3569c9 rgb(53,105,201)
```
#2b66d3
```
#2b66d3 rgb(43,102,211)
```
#2163dd
```
#2163dd rgb(33,99,221)
```
#1860e6
```
#1860e6 rgb(24,96,230)
```
#0e5df0
```
#0e5df0 rgb(14,93,240)
```
#045afa
```
#045afa rgb(4,90,250)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#435474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0074b9 Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0166e3 Protanomaly 1% of men, 0.01% of women
#016ad1 Deuteranomaly 6% of men, 0.4% of women
#016fad Tritanomaly 0.01% of the population

#045afa hex color

#045afa Color Information

#045afa Color Conversion

Color Schemes with #045afa

Alternatives to #045afa

#045afa Preview

Shades and Tints of #045afa

Tones of #045afa

Color Blindness Simulator