#045ff2 hex color

In a RGB color space, hex #045ff2 is composed of 1.6% red, 37.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 60.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 217.1 degrees, a saturation of 96.7% and a lightness of 48.2%. #045ff2 color hex could be obtained by blending #08beff with #0000e5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 37
- B 95
RGB color chart
- C 98
- M 61
- Y 0
- K 5
CMYK color chart

● #045ff2 color description : Vivid blue.

The hexadecimal color #045ff2 has RGB values of R:4, G:95, B:242 and CMYK values of C:0.98, M:0.61, Y:0, K:0.05. Its decimal value is 286706.

Hex triplet	045ff2	`#045ff2`
RGB Decimal	4, 95, 242	`rgb(4,95,242)`
RGB Percent	1.6, 37.3, 94.9	`rgb(1.6%,37.3%,94.9%)`
CMYK	98, 61, 0, 5
HSL	217.1°, 96.7, 48.2	`hsl(217.1,96.7%,48.2%)`
HSV (or HSB)	217.1°, 98.3, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.108, 34.817, -79.342
XYZ	20.166, 14.619, 85.758
xyY	0.167, 0.121, 14.619
CIE-LCH	45.108, 86.645, 293.693
CIE-LUV	45.108, -20.789, -119.309
Hunter-Lab	38.235, 27.232, -106.218
Binary	00000100, 01011111, 11110010

#045ff2
```
#045ff2 rgb(4,95,242)
```
#f29704
```
#f29704 rgb(242,151,4)
```

Complementary Color

#04d6f2
```
#04d6f2 rgb(4,214,242)
```
#045ff2
```
#045ff2 rgb(4,95,242)
```
#2004f2
```
#2004f2 rgb(32,4,242)
```

Analogous Color

#d6f204
```
#d6f204 rgb(214,242,4)
```
#045ff2
```
#045ff2 rgb(4,95,242)
```
#f22004
```
#f22004 rgb(242,32,4)
```

Split Complementary Color

#5ff204
```
#5ff204 rgb(95,242,4)
```
#045ff2
```
#045ff2 rgb(4,95,242)
```
#f2045f
```
#f2045f rgb(242,4,95)
```

Triadic Color

#04f297
```
#04f297 rgb(4,242,151)
```
#045ff2
```
#045ff2 rgb(4,95,242)
```
#f2045f
```
#f2045f rgb(242,4,95)
```
#f29704
```
#f29704 rgb(242,151,4)
```

Tetradic Color

#0341a7
```
#0341a7 rgb(3,65,167)
```
#034bc0
```
#034bc0 rgb(3,75,192)
```
#0455d9
```
#0455d9 rgb(4,85,217)
```
#045ff2
```
#045ff2 rgb(4,95,242)
```
#146dfb
```
#146dfb rgb(20,109,251)
```
#2d7cfc
```
#2d7cfc rgb(45,124,252)
```
#478cfc
```
#478cfc rgb(71,140,252)
```

Monochromatic Color

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

#049bf2
```
#049bf2 rgb(4,155,242)
```
#0487f2
```
#0487f2 rgb(4,135,242)
```
#0473f2
```
#0473f2 rgb(4,115,242)
```
#045ff2
```
#045ff2 rgb(4,95,242)
```
#044bf2
```
#044bf2 rgb(4,75,242)
```
#0437f2
```
#0437f2 rgb(4,55,242)
```
#0424f2
```
#0424f2 rgb(4,36,242)
```

Similar Colors

Text with hexadecimal color #045ff2

This text has a font color of #045ff2.

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

#045ff2 background color

This paragraph has a background color of #045ff2.

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

#045ff2 border color

This element has a border color of #045ff2.

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

CSS codes

.text {color:#045ff2;}

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

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

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, #00040a is the darkest color, while #f6f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#000c1e
```
#000c1e rgb(0,12,30)
```
#011331
```
#011331 rgb(1,19,49)
```
#011b44
```
#011b44 rgb(1,27,68)
```
#012258
```
#012258 rgb(1,34,88)
```
#022a6b
```
#022a6b rgb(2,42,107)
```
#02327e
```
#02327e rgb(2,50,126)
```
#023992
```
#023992 rgb(2,57,146)
```
#0341a5
```
#0341a5 rgb(3,65,165)
```
#0348b8
```
#0348b8 rgb(3,72,184)
```
#0350cb
```
#0350cb rgb(3,80,203)
```
#0457df
```
#0457df rgb(4,87,223)
```
#045ff2
```
#045ff2 rgb(4,95,242)
```

Shade Color Variation

#0f69fb
```
#0f69fb rgb(15,105,251)
```
#2275fb
```
#2275fb rgb(34,117,251)
```
#3581fc
```
#3581fc rgb(53,129,252)
```
#488dfc
```
#488dfc rgb(72,141,252)
```
#5c99fc
```
#5c99fc rgb(92,153,252)
```
#6fa5fd
```
#6fa5fd rgb(111,165,253)
```
#82b1fd
```
#82b1fd rgb(130,177,253)
```
#96bdfd
```
#96bdfd rgb(150,189,253)
```
#a9c9fe
```
#a9c9fe rgb(169,201,254)
```
#bcd5fe
```
#bcd5fe rgb(188,213,254)
```
#d0e1fe
```
#d0e1fe rgb(208,225,254)
```
#e3edff
```
#e3edff rgb(227,237,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#767a80
```
#767a80 rgb(118,122,128)
```
#6c778a
```
#6c778a rgb(108,119,138)
```
#637593
```
#637593 rgb(99,117,147)
```
#59739d
```
#59739d rgb(89,115,157)
```
#5071a6
```
#5071a6 rgb(80,113,166)
```
#466fb0
```
#466fb0 rgb(70,111,176)
```
#3d6cb9
```
#3d6cb9 rgb(61,108,185)
```
#336ac3
```
#336ac3 rgb(51,106,195)
```
#2a68cc
```
#2a68cc rgb(42,104,204)
```
#2066d6
```
#2066d6 rgb(32,102,214)
```
#1763df
```
#1763df rgb(23,99,223)
```
#0d61e9
```
#0d61e9 rgb(13,97,233)
```
#045ff2
```
#045ff2 rgb(4,95,242)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#455774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#0169e2 Protanomaly 1% of men, 0.01% of women
#016dd0 Deuteranomaly 6% of men, 0.4% of women
#0172ac Tritanomaly 0.01% of the population

#045ff2 hex color

#045ff2 Color Information

#045ff2 Color Conversion

Color Schemes with #045ff2

Alternatives to #045ff2

#045ff2 Preview

Shades and Tints of #045ff2

Tones of #045ff2

Color Blindness Simulator