#045cf0 hex color

In a RGB color space, hex #045cf0 is composed of 1.6% red, 36.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 61.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 217.6 degrees, a saturation of 96.7% and a lightness of 47.8%. #045cf0 color hex could be obtained by blending #08b8ff with #0000e1. Closest websafe color is: #0066ff.

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

● #045cf0 color description : Vivid blue.

The hexadecimal color #045cf0 has RGB values of R:4, G:92, B:240 and CMYK values of C:0.98, M:0.62, Y:0, K:0.06. Its decimal value is 285936.

Hex triplet	045cf0	`#045cf0`
RGB Decimal	4, 92, 240	`rgb(4,92,240)`
RGB Percent	1.6, 36.1, 94.1	`rgb(1.6%,36.1%,94.1%)`
CMYK	98, 62, 0, 6
HSL	217.6°, 96.7, 47.8	`hsl(217.6,96.7%,47.8%)`
HSV (or HSB)	217.6°, 98.3, 94.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.189, 35.972, -79.725
XYZ	19.602, 13.97, 84.097
xyY	0.167, 0.119, 13.97
CIE-LCH	44.189, 87.465, 294.285
CIE-LUV	44.189, -20.093, -119.021
Hunter-Lab	37.376, 28.207, -107.24
Binary	00000100, 01011100, 11110000

#045cf0
```
#045cf0 rgb(4,92,240)
```
#f09804
```
#f09804 rgb(240,152,4)
```

Complementary Color

#04d2f0
```
#04d2f0 rgb(4,210,240)
```
#045cf0
```
#045cf0 rgb(4,92,240)
```
#2204f0
```
#2204f0 rgb(34,4,240)
```

Analogous Color

#d2f004
```
#d2f004 rgb(210,240,4)
```
#045cf0
```
#045cf0 rgb(4,92,240)
```
#f02204
```
#f02204 rgb(240,34,4)
```

Split Complementary Color

#5cf004
```
#5cf004 rgb(92,240,4)
```
#045cf0
```
#045cf0 rgb(4,92,240)
```
#f0045c
```
#f0045c rgb(240,4,92)
```

Triadic Color

#04f098
```
#04f098 rgb(4,240,152)
```
#045cf0
```
#045cf0 rgb(4,92,240)
```
#f0045c
```
#f0045c rgb(240,4,92)
```
#f09804
```
#f09804 rgb(240,152,4)
```

Tetradic Color

#033fa5
```
#033fa5 rgb(3,63,165)
```
#0349be
```
#0349be rgb(3,73,190)
```
#0452d7
```
#0452d7 rgb(4,82,215)
```
#045cf0
```
#045cf0 rgb(4,92,240)
```
#1269fb
```
#1269fb rgb(18,105,251)
```
#2c79fb
```
#2c79fb rgb(44,121,251)
```
#4589fc
```
#4589fc rgb(69,137,252)
```

Monochromatic Color

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

#0497f0
```
#0497f0 rgb(4,151,240)
```
#0483f0
```
#0483f0 rgb(4,131,240)
```
#0470f0
```
#0470f0 rgb(4,112,240)
```
#045cf0
```
#045cf0 rgb(4,92,240)
```
#0448f0
```
#0448f0 rgb(4,72,240)
```
#0435f0
```
#0435f0 rgb(4,53,240)
```
#0421f0
```
#0421f0 rgb(4,33,240)
```

Similar Colors

Text with hexadecimal color #045cf0

This text has a font color of #045cf0.

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

#045cf0 background color

This paragraph has a background color of #045cf0.

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

#045cf0 border color

This element has a border color of #045cf0.

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

CSS codes

.text {color:#045cf0;}

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

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

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

#000308
```
#000308 rgb(0,3,8)
```
#000b1c
```
#000b1c rgb(0,11,28)
```
#01122f
```
#01122f rgb(1,18,47)
```
#011942
```
#011942 rgb(1,25,66)
```
#012156
```
#012156 rgb(1,33,86)
```
#022869
```
#022869 rgb(2,40,105)
```
#02307c
```
#02307c rgb(2,48,124)
```
#023790
```
#023790 rgb(2,55,144)
```
#033ea3
```
#033ea3 rgb(3,62,163)
```
#0346b6
```
#0346b6 rgb(3,70,182)
```
#034dc9
```
#034dc9 rgb(3,77,201)
```
#0455dd
```
#0455dd rgb(4,85,221)
```
#045cf0
```
#045cf0 rgb(4,92,240)
```

Shade Color Variation

#0d66fb
```
#0d66fb rgb(13,102,251)
```
#2072fb
```
#2072fb rgb(32,114,251)
```
#337efc
```
#337efc rgb(51,126,252)
```
#478afc
```
#478afc rgb(71,138,252)
```
#5a96fc
```
#5a96fc rgb(90,150,252)
```
#6da3fd
```
#6da3fd rgb(109,163,253)
```
#80affd
```
#80affd rgb(128,175,253)
```
#94bbfd
```
#94bbfd rgb(148,187,253)
```
#a7c7fe
```
#a7c7fe rgb(167,199,254)
```
#bad3fe
```
#bad3fe rgb(186,211,254)
```
#cee0fe
```
#cee0fe rgb(206,224,254)
```
#e1ecfe
```
#e1ecfe rgb(225,236,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

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

#75797f
```
#75797f rgb(117,121,127)
```
#6b7689
```
#6b7689 rgb(107,118,137)
```
#627492
```
#627492 rgb(98,116,146)
```
#58719c
```
#58719c rgb(88,113,156)
```
#4f6fa5
```
#4f6fa5 rgb(79,111,165)
```
#466dae
```
#466dae rgb(70,109,174)
```
#3c6ab8
```
#3c6ab8 rgb(60,106,184)
```
#3368c1
```
#3368c1 rgb(51,104,193)
```
#2a66ca
```
#2a66ca rgb(42,102,202)
```
#2063d4
```
#2063d4 rgb(32,99,212)
```
#1761dd
```
#1761dd rgb(23,97,221)
```
#0d5ee7
```
#0d5ee7 rgb(13,94,231)
```
#045cf0
```
#045cf0 rgb(4,92,240)
```

Tone Color Variation

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

Dichromacy

#006cd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0166de Protanomaly 1% of men, 0.01% of women
#016acc Deuteranomaly 6% of men, 0.4% of women
#0170a9 Tritanomaly 0.01% of the population

#045cf0 hex color

#045cf0 Color Information

#045cf0 Color Conversion

Color Schemes with #045cf0

Alternatives to #045cf0

#045cf0 Preview

Shades and Tints of #045cf0

Tones of #045cf0

Color Blindness Simulator