#045afe hex color

In a RGB color space, hex #045afe is composed of 1.6% red, 35.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 64.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 219.4 degrees, a saturation of 99.2% and a lightness of 50.6%. #045afe color hex could be obtained by blending #08b4ff with #0000fd. Closest websafe color is: #0066ff.

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

● #045afe color description : Vivid blue.

The hexadecimal color #045afe has RGB values of R:4, G:90, B:254 and CMYK values of C:0.98, M:0.65, Y:0, K:0. Its decimal value is 285438.

Hex triplet	045afe	`#045afe`
RGB Decimal	4, 90, 254	`rgb(4,90,254)`
RGB Percent	1.6, 35.3, 99.6	`rgb(1.6%,35.3%,99.6%)`
CMYK	98, 65, 0, 0
HSL	219.4°, 99.2, 50.6	`hsl(219.4,99.2%,50.6%)`
HSV (or HSB)	219.4°, 98.4, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.93, 42.453, -86.339
XYZ	21.592, 14.492, 95.42
xyY	0.164, 0.11, 14.492
CIE-LCH	44.93, 96.212, 296.184
CIE-LUV	44.93, -19.511, -128.507
Hunter-Lab	38.068, 34.623, -121.964
Binary	00000100, 01011010, 11111110

#045afe
```
#045afe rgb(4,90,254)
```
#fea804
```
#fea804 rgb(254,168,4)
```

Complementary Color

#04d7fe
```
#04d7fe rgb(4,215,254)
```
#045afe
```
#045afe rgb(4,90,254)
```
#2b04fe
```
#2b04fe rgb(43,4,254)
```

Analogous Color

#d7fe04
```
#d7fe04 rgb(215,254,4)
```
#045afe
```
#045afe rgb(4,90,254)
```
#fe2b04
```
#fe2b04 rgb(254,43,4)
```

Split Complementary Color

#5afe04
```
#5afe04 rgb(90,254,4)
```
#045afe
```
#045afe rgb(4,90,254)
```
#fe045a
```
#fe045a rgb(254,4,90)
```

Triadic Color

#04fea8
```
#04fea8 rgb(4,254,168)
```
#045afe
```
#045afe rgb(4,90,254)
```
#fe045a
```
#fe045a rgb(254,4,90)
```
#fea804
```
#fea804 rgb(254,168,4)
```

Tetradic Color

#013fb5
```
#013fb5 rgb(1,63,181)
```
#0147ce
```
#0147ce rgb(1,71,206)
```
#0150e8
```
#0150e8 rgb(1,80,232)
```
#045afe
```
#045afe rgb(4,90,254)
```
#1d6bfe
```
#1d6bfe rgb(29,107,254)
```
#377bfe
```
#377bfe rgb(55,123,254)
```
#508cfe
```
#508cfe rgb(80,140,254)
```

Monochromatic Color

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

#0499fe
```
#0499fe rgb(4,153,254)
```
#0484fe
```
#0484fe rgb(4,132,254)
```
#046ffe
```
#046ffe rgb(4,111,254)
```
#045afe
```
#045afe rgb(4,90,254)
```
#0445fe
```
#0445fe rgb(4,69,254)
```
#0430fe
```
#0430fe rgb(4,48,254)
```
#041cfe
```
#041cfe rgb(4,28,254)
```

Similar Colors

Text with hexadecimal color #045afe

This text has a font color of #045afe.

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

#045afe background color

This paragraph has a background color of #045afe.

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

#045afe border color

This element has a border color of #045afe.

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

CSS codes

.text {color:#045afe;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000817
```
#000817 rgb(0,8,23)
```
#000f2a
```
#000f2a rgb(0,15,42)
```
#00153e
```
#00153e rgb(0,21,62)
```
#001c51
```
#001c51 rgb(0,28,81)
```
#002365
```
#002365 rgb(0,35,101)
```
#002a78
```
#002a78 rgb(0,42,120)
```
#01308c
```
#01308c rgb(1,48,140)
```
#01379f
```
#01379f rgb(1,55,159)
```
#013eb3
```
#013eb3 rgb(1,62,179)
```
#0145c6
```
#0145c6 rgb(1,69,198)
```
#014cda
```
#014cda rgb(1,76,218)
```
#0152ed
```
#0152ed rgb(1,82,237)
```

Shade Color Variation

#045afe
```
#045afe rgb(4,90,254)
```
#1867fe
```
#1867fe rgb(24,103,254)
```
#2b74fe
```
#2b74fe rgb(43,116,254)
```
#3f81fe
```
#3f81fe rgb(63,129,254)
```
#528dfe
```
#528dfe rgb(82,141,254)
```
#669afe
```
#669afe rgb(102,154,254)
```
#79a7fe
```
#79a7fe rgb(121,167,254)
```
#8db4ff
```
#8db4ff rgb(141,180,255)
```
#a0c1ff
```
#a0c1ff rgb(160,193,255)
```
#b4ceff
```
#b4ceff rgb(180,206,255)
```
#c7daff
```
#c7daff rgb(199,218,255)
```
#dbe7ff
```
#dbe7ff rgb(219,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, #787e8a is the less saturated color, while #045afe is the most saturated one.

#787e8a
```
#787e8a rgb(120,126,138)
```
#6f7b93
```
#6f7b93 rgb(111,123,147)
```
#65789d
```
#65789d rgb(101,120,157)
```
#5b75a7
```
#5b75a7 rgb(91,117,167)
```
#5272b0
```
#5272b0 rgb(82,114,176)
```
#486fba
```
#486fba rgb(72,111,186)
```
#3e6cc4
```
#3e6cc4 rgb(62,108,196)
```
#3469ce
```
#3469ce rgb(52,105,206)
```
#2b66d7
```
#2b66d7 rgb(43,102,215)
```
#2163e1
```
#2163e1 rgb(33,99,225)
```
#1760eb
```
#1760eb rgb(23,96,235)
```
#0e5df4
```
#0e5df4 rgb(14,93,244)
```
#045afe
```
#045afe rgb(4,90,254)
```

Tone Color Variation

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

Dichromacy

#006ed7 Protanopia 1% of men
#0075bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0167e5 Protanomaly 1% of men, 0.01% of women
#016bd3 Deuteranomaly 6% of men, 0.4% of women
#0170af Tritanomaly 0.01% of the population

#045afe hex color

#045afe Color Information

#045afe Color Conversion

Color Schemes with #045afe

Alternatives to #045afe

#045afe Preview

Shades and Tints of #045afe

Tones of #045afe

Color Blindness Simulator