#0480f2 hex color

In a RGB color space, hex #0480f2 is composed of 1.6% red, 50.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 47.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 208.7 degrees, a saturation of 96.7% and a lightness of 48.2%. #0480f2 color hex could be obtained by blending #08ffff with #0001e5. Closest websafe color is: #0099ff.

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

● #0480f2 color description : Vivid blue.

The hexadecimal color #0480f2 has RGB values of R:4, G:128, B:242 and CMYK values of C:0.98, M:0.47, Y:0, K:0.05. Its decimal value is 295154.

Hex triplet	0480f2	`#0480f2`
RGB Decimal	4, 128, 242	`rgb(4,128,242)`
RGB Percent	1.6, 50.2, 94.9	`rgb(1.6%,50.2%,94.9%)`
CMYK	98, 47, 0, 5
HSL	208.7°, 96.7, 48.2	`hsl(208.7,96.7%,48.2%)`
HSV (or HSB)	208.7°, 98.3, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	53.892, 13.859, -65.062
XYZ	23.793, 21.873, 86.967
xyY	0.179, 0.165, 21.873
CIE-LCH	53.892, 66.521, 282.025
CIE-LUV	53.892, -29.798, -103.051
Hunter-Lab	46.768, 8.964, -77.514
Binary	00000100, 10000000, 11110010

#0480f2
```
#0480f2 rgb(4,128,242)
```
#f27604
```
#f27604 rgb(242,118,4)
```

Complementary Color

#04f2ed
```
#04f2ed rgb(4,242,237)
```
#0480f2
```
#0480f2 rgb(4,128,242)
```
#0409f2
```
#0409f2 rgb(4,9,242)
```

Analogous Color

#f2ed04
```
#f2ed04 rgb(242,237,4)
```
#0480f2
```
#0480f2 rgb(4,128,242)
```
#f20409
```
#f20409 rgb(242,4,9)
```

Split Complementary Color

#80f204
```
#80f204 rgb(128,242,4)
```
#0480f2
```
#0480f2 rgb(4,128,242)
```
#f20480
```
#f20480 rgb(242,4,128)
```

Triadic Color

#04f276
```
#04f276 rgb(4,242,118)
```
#0480f2
```
#0480f2 rgb(4,128,242)
```
#f20480
```
#f20480 rgb(242,4,128)
```
#f27604
```
#f27604 rgb(242,118,4)
```

Tetradic Color

#0358a7
```
#0358a7 rgb(3,88,167)
```
#0365c0
```
#0365c0 rgb(3,101,192)
```
#0473d9
```
#0473d9 rgb(4,115,217)
```
#0480f2
```
#0480f2 rgb(4,128,242)
```
#148dfb
```
#148dfb rgb(20,141,251)
```
#2d99fc
```
#2d99fc rgb(45,153,252)
```
#47a5fc
```
#47a5fc rgb(71,165,252)
```

Monochromatic Color

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

#04bcf2
```
#04bcf2 rgb(4,188,242)
```
#04a8f2
```
#04a8f2 rgb(4,168,242)
```
#0494f2
```
#0494f2 rgb(4,148,242)
```
#0480f2
```
#0480f2 rgb(4,128,242)
```
#046cf2
```
#046cf2 rgb(4,108,242)
```
#0458f2
```
#0458f2 rgb(4,88,242)
```
#0445f2
```
#0445f2 rgb(4,69,242)
```

Similar Colors

Text with hexadecimal color #0480f2

This text has a font color of #0480f2.

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

#0480f2 background color

This paragraph has a background color of #0480f2.

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

#0480f2 border color

This element has a border color of #0480f2.

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

CSS codes

.text {color:#0480f2;}

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

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

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

#00060a
```
#00060a rgb(0,6,10)
```
#00101e
```
#00101e rgb(0,16,30)
```
#011a31
```
#011a31 rgb(1,26,49)
```
#012444
```
#012444 rgb(1,36,68)
```
#012e58
```
#012e58 rgb(1,46,88)
```
#02396b
```
#02396b rgb(2,57,107)
```
#02437e
```
#02437e rgb(2,67,126)
```
#024d92
```
#024d92 rgb(2,77,146)
```
#0357a5
```
#0357a5 rgb(3,87,165)
```
#0361b8
```
#0361b8 rgb(3,97,184)
```
#036ccb
```
#036ccb rgb(3,108,203)
```
#0476df
```
#0476df rgb(4,118,223)
```
#0480f2
```
#0480f2 rgb(4,128,242)
```

Shade Color Variation

#0f8afb
```
#0f8afb rgb(15,138,251)
```
#2293fb
```
#2293fb rgb(34,147,251)
```
#359dfc
```
#359dfc rgb(53,157,252)
```
#48a6fc
```
#48a6fc rgb(72,166,252)
```
#5caffc
```
#5caffc rgb(92,175,252)
```
#6fb9fd
```
#6fb9fd rgb(111,185,253)
```
#82c2fd
```
#82c2fd rgb(130,194,253)
```
#96ccfd
```
#96ccfd rgb(150,204,253)
```
#a9d5fe
```
#a9d5fe rgb(169,213,254)
```
#bcdefe
```
#bcdefe rgb(188,222,254)
```
#d0e8fe
```
#d0e8fe rgb(208,232,254)
```
#e3f1ff
```
#e3f1ff rgb(227,241,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#767b80
```
#767b80 rgb(118,123,128)
```
#6c7c8a
```
#6c7c8a rgb(108,124,138)
```
#637c93
```
#637c93 rgb(99,124,147)
```
#597c9d
```
#597c9d rgb(89,124,157)
```
#507da6
```
#507da6 rgb(80,125,166)
```
#467db0
```
#467db0 rgb(70,125,176)
```
#3d7eb9
```
#3d7eb9 rgb(61,126,185)
```
#337ec3
```
#337ec3 rgb(51,126,195)
```
#2a7ecc
```
#2a7ecc rgb(42,126,204)
```
#207fd6
```
#207fd6 rgb(32,127,214)
```
#177fdf
```
#177fdf rgb(23,127,223)
```
#0d80e9
```
#0d80e9 rgb(13,128,233)
```
#0480f2
```
#0480f2 rgb(4,128,242)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#546d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4583f0 Protanopia 1% of men
#008ae3 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#2d82f0 Protanomaly 1% of men, 0.01% of women
#0186e8 Deuteranomaly 6% of men, 0.4% of women
#018dbc Tritanomaly 0.01% of the population

#0480f2 hex color

#0480f2 Color Information

#0480f2 Color Conversion

Color Schemes with #0480f2

Alternatives to #0480f2

#0480f2 Preview

Shades and Tints of #0480f2

Tones of #0480f2

Color Blindness Simulator