#0470f2 hex color

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

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

● #0470f2 color description : Vivid blue.

The hexadecimal color #0470f2 has RGB values of R:4, G:112, B:242 and CMYK values of C:0.98, M:0.54, Y:0, K:0.05. Its decimal value is 291058.

Hex triplet	0470f2	`#0470f2`
RGB Decimal	4, 112, 242	`rgb(4,112,242)`
RGB Percent	1.6, 43.9, 94.9	`rgb(1.6%,43.9%,94.9%)`
CMYK	98, 54, 0, 5
HSL	212.8°, 96.7, 48.2	`hsl(212.8,96.7%,48.2%)`
HSV (or HSB)	212.8°, 98.3, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	49.524, 23.948, -72.135
XYZ	21.868, 18.023, 86.326
xyY	0.173, 0.143, 18.023
CIE-LCH	49.524, 76.006, 288.365
CIE-LUV	49.524, -25.202, -112.056
Hunter-Lab	42.454, 17.651, -90.844
Binary	00000100, 01110000, 11110010

#0470f2
```
#0470f2 rgb(4,112,242)
```
#f28604
```
#f28604 rgb(242,134,4)
```

Complementary Color

#04e7f2
```
#04e7f2 rgb(4,231,242)
```
#0470f2
```
#0470f2 rgb(4,112,242)
```
#0f04f2
```
#0f04f2 rgb(15,4,242)
```

Analogous Color

#e7f204
```
#e7f204 rgb(231,242,4)
```
#0470f2
```
#0470f2 rgb(4,112,242)
```
#f20f04
```
#f20f04 rgb(242,15,4)
```

Split Complementary Color

#70f204
```
#70f204 rgb(112,242,4)
```
#0470f2
```
#0470f2 rgb(4,112,242)
```
#f20470
```
#f20470 rgb(242,4,112)
```

Triadic Color

#04f286
```
#04f286 rgb(4,242,134)
```
#0470f2
```
#0470f2 rgb(4,112,242)
```
#f20470
```
#f20470 rgb(242,4,112)
```
#f28604
```
#f28604 rgb(242,134,4)
```

Tetradic Color

#034da7
```
#034da7 rgb(3,77,167)
```
#0359c0
```
#0359c0 rgb(3,89,192)
```
#0464d9
```
#0464d9 rgb(4,100,217)
```
#0470f2
```
#0470f2 rgb(4,112,242)
```
#147dfb
```
#147dfb rgb(20,125,251)
```
#2d8bfc
```
#2d8bfc rgb(45,139,252)
```
#4799fc
```
#4799fc rgb(71,153,252)
```

Monochromatic Color

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

#04acf2
```
#04acf2 rgb(4,172,242)
```
#0498f2
```
#0498f2 rgb(4,152,242)
```
#0484f2
```
#0484f2 rgb(4,132,242)
```
#0470f2
```
#0470f2 rgb(4,112,242)
```
#045cf2
```
#045cf2 rgb(4,92,242)
```
#0448f2
```
#0448f2 rgb(4,72,242)
```
#0434f2
```
#0434f2 rgb(4,52,242)
```

Similar Colors

Text with hexadecimal color #0470f2

This text has a font color of #0470f2.

<span style="color:#0470f2;">Text here</span>

#0470f2 background color

This paragraph has a background color of #0470f2.

<p style="background-color:#0470f2;">Content here</p>

#0470f2 border color

This element has a border color of #0470f2.

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

CSS codes

.text {color:#0470f2;}

.background {background-color:#0470f2;}

.border {border:1px solid #0470f2;}

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

#00050a
```
#00050a rgb(0,5,10)
```
#000e1e
```
#000e1e rgb(0,14,30)
```
#011731
```
#011731 rgb(1,23,49)
```
#012044
```
#012044 rgb(1,32,68)
```
#012958
```
#012958 rgb(1,41,88)
```
#02316b
```
#02316b rgb(2,49,107)
```
#023a7e
```
#023a7e rgb(2,58,126)
```
#024392
```
#024392 rgb(2,67,146)
```
#034ca5
```
#034ca5 rgb(3,76,165)
```
#0355b8
```
#0355b8 rgb(3,85,184)
```
#035ecb
```
#035ecb rgb(3,94,203)
```
#0467df
```
#0467df rgb(4,103,223)
```
#0470f2
```
#0470f2 rgb(4,112,242)
```

Shade Color Variation

#0f7afb
```
#0f7afb rgb(15,122,251)
```
#2285fb
```
#2285fb rgb(34,133,251)
```
#358ffc
```
#358ffc rgb(53,143,252)
```
#489afc
```
#489afc rgb(72,154,252)
```
#5ca5fc
```
#5ca5fc rgb(92,165,252)
```
#6faffd
```
#6faffd rgb(111,175,253)
```
#82bafd
```
#82bafd rgb(130,186,253)
```
#96c5fd
```
#96c5fd rgb(150,197,253)
```
#a9cffe
```
#a9cffe rgb(169,207,254)
```
#bcdafe
```
#bcdafe rgb(188,218,254)
```
#d0e5fe
```
#d0e5fe rgb(208,229,254)
```
#e3efff
```
#e3efff rgb(227,239,255)
```
#f6faff
```
#f6faff rgb(246,250,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 #0470f2 is the most saturated one.

#767a80
```
#767a80 rgb(118,122,128)
```
#6c7a8a
```
#6c7a8a rgb(108,122,138)
```
#637993
```
#637993 rgb(99,121,147)
```
#59789d
```
#59789d rgb(89,120,157)
```
#5077a6
```
#5077a6 rgb(80,119,166)
```
#4676b0
```
#4676b0 rgb(70,118,176)
```
#3d75b9
```
#3d75b9 rgb(61,117,185)
```
#3374c3
```
#3374c3 rgb(51,116,195)
```
#2a73cc
```
#2a73cc rgb(42,115,204)
```
#2073d6
```
#2073d6 rgb(32,115,214)
```
#1772df
```
#1772df rgb(23,114,223)
```
#0d71e9
```
#0d71e9 rgb(13,113,233)
```
#0470f2
```
#0470f2 rgb(4,112,242)
```

Tone Color Variation

Below, you can see how #0470f2 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

#5f5f5f Achromatopsia 0.005% of the population
#4d627c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ed Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#008990 Tritanopia 0.001% of the population

Trichromacy

#0175ef Protanomaly 1% of men, 0.01% of women
#017adc Deuteranomaly 6% of men, 0.4% of women
#0180b4 Tritanomaly 0.01% of the population

#0470f2 hex color

#0470f2 Color Information

#0470f2 Color Conversion

Color Schemes with #0470f2

Alternatives to #0470f2

#0470f2 Preview

Shades and Tints of #0470f2

Tones of #0470f2

Color Blindness Simulator