#0480f0 hex color

In a RGB color space, hex #0480f0 is composed of 1.6% red, 50.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 46.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 208.5 degrees, a saturation of 96.7% and a lightness of 47.8%. #0480f0 color hex could be obtained by blending #08ffff with #0001e1. Closest websafe color is: #0099ff.

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

● #0480f0 color description : Vivid blue.

The hexadecimal color #0480f0 has RGB values of R:4, G:128, B:240 and CMYK values of C:0.98, M:0.47, Y:0, K:0.06. Its decimal value is 295152.

Hex triplet	0480f0	`#0480f0`
RGB Decimal	4, 128, 240	`rgb(4,128,240)`
RGB Percent	1.6, 50.2, 94.1	`rgb(1.6%,50.2%,94.1%)`
CMYK	98, 47, 0, 6
HSL	208.5°, 96.7, 47.8	`hsl(208.5,96.7%,47.8%)`
HSV (or HSB)	208.5°, 98.3, 94.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	53.764, 13.084, -64.156
XYZ	23.494, 21.753, 85.394
xyY	0.18, 0.167, 21.753
CIE-LCH	53.764, 65.476, 281.527
CIE-LUV	53.764, -29.885, -101.523
Hunter-Lab	46.64, 8.294, -75.906
Binary	00000100, 10000000, 11110000

#0480f0
```
#0480f0 rgb(4,128,240)
```
#f07404
```
#f07404 rgb(240,116,4)
```

Complementary Color

#04f0ea
```
#04f0ea rgb(4,240,234)
```
#0480f0
```
#0480f0 rgb(4,128,240)
```
#040af0
```
#040af0 rgb(4,10,240)
```

Analogous Color

#f0ea04
```
#f0ea04 rgb(240,234,4)
```
#0480f0
```
#0480f0 rgb(4,128,240)
```
#f0040a
```
#f0040a rgb(240,4,10)
```

Split Complementary Color

#80f004
```
#80f004 rgb(128,240,4)
```
#0480f0
```
#0480f0 rgb(4,128,240)
```
#f00480
```
#f00480 rgb(240,4,128)
```

Triadic Color

#04f074
```
#04f074 rgb(4,240,116)
```
#0480f0
```
#0480f0 rgb(4,128,240)
```
#f00480
```
#f00480 rgb(240,4,128)
```
#f07404
```
#f07404 rgb(240,116,4)
```

Tetradic Color

#0358a5
```
#0358a5 rgb(3,88,165)
```
#0365be
```
#0365be rgb(3,101,190)
```
#0473d7
```
#0473d7 rgb(4,115,215)
```
#0480f0
```
#0480f0 rgb(4,128,240)
```
#128dfb
```
#128dfb rgb(18,141,251)
```
#2c99fb
```
#2c99fb rgb(44,153,251)
```
#45a5fc
```
#45a5fc rgb(69,165,252)
```

Monochromatic Color

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

#04bbf0
```
#04bbf0 rgb(4,187,240)
```
#04a7f0
```
#04a7f0 rgb(4,167,240)
```
#0494f0
```
#0494f0 rgb(4,148,240)
```
#0480f0
```
#0480f0 rgb(4,128,240)
```
#046cf0
```
#046cf0 rgb(4,108,240)
```
#0459f0
```
#0459f0 rgb(4,89,240)
```
#0445f0
```
#0445f0 rgb(4,69,240)
```

Similar Colors

Text with hexadecimal color #0480f0

This text has a font color of #0480f0.

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

#0480f0 background color

This paragraph has a background color of #0480f0.

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

#0480f0 border color

This element has a border color of #0480f0.

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

CSS codes

.text {color:#0480f0;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#000f1c
```
#000f1c rgb(0,15,28)
```
#01192f
```
#01192f rgb(1,25,47)
```
#012342
```
#012342 rgb(1,35,66)
```
#012e56
```
#012e56 rgb(1,46,86)
```
#023869
```
#023869 rgb(2,56,105)
```
#02427c
```
#02427c rgb(2,66,124)
```
#024d90
```
#024d90 rgb(2,77,144)
```
#0357a3
```
#0357a3 rgb(3,87,163)
```
#0361b6
```
#0361b6 rgb(3,97,182)
```
#036bc9
```
#036bc9 rgb(3,107,201)
```
#0476dd
```
#0476dd rgb(4,118,221)
```
#0480f0
```
#0480f0 rgb(4,128,240)
```

Shade Color Variation

#0d8afb
```
#0d8afb rgb(13,138,251)
```
#2093fb
```
#2093fb rgb(32,147,251)
```
#339dfc
```
#339dfc rgb(51,157,252)
```
#47a6fc
```
#47a6fc rgb(71,166,252)
```
#5aaffc
```
#5aaffc rgb(90,175,252)
```
#6db8fd
```
#6db8fd rgb(109,184,253)
```
#80c2fd
```
#80c2fd rgb(128,194,253)
```
#94cbfd
```
#94cbfd rgb(148,203,253)
```
#a7d4fe
```
#a7d4fe rgb(167,212,254)
```
#badefe
```
#badefe rgb(186,222,254)
```
#cee7fe
```
#cee7fe rgb(206,231,254)
```
#e1f0fe
```
#e1f0fe rgb(225,240,254)
```
#f4faff
```
#f4faff rgb(244,250,255)
```

Tint Color Variation

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

#757a7f
```
#757a7f rgb(117,122,127)
```
#6b7b89
```
#6b7b89 rgb(107,123,137)
```
#627b92
```
#627b92 rgb(98,123,146)
```
#587c9c
```
#587c9c rgb(88,124,156)
```
#4f7ca5
```
#4f7ca5 rgb(79,124,165)
```
#467dae
```
#467dae rgb(70,125,174)
```
#3c7db8
```
#3c7db8 rgb(60,125,184)
```
#337ec1
```
#337ec1 rgb(51,126,193)
```
#2a7eca
```
#2a7eca rgb(42,126,202)
```
#207fd4
```
#207fd4 rgb(32,127,212)
```
#177fdd
```
#177fdd rgb(23,127,221)
```
#0d80e7
```
#0d80e7 rgb(13,128,231)
```
#0480f0
```
#0480f0 rgb(4,128,240)
```

Tone Color Variation

Below, you can see how #0480f0 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
#546d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4883ee Protanopia 1% of men
#0089e3 Deuteranopia 1% of men
#00949c Tritanopia 0.001% of the population

Trichromacy

#2f82ee Protanomaly 1% of men, 0.01% of women
#0186e7 Deuteranomaly 6% of men, 0.4% of women
#018cbb Tritanomaly 0.01% of the population

#0480f0 hex color

#0480f0 Color Information

#0480f0 Color Conversion

Color Schemes with #0480f0

Alternatives to #0480f0

#0480f0 Preview

Shades and Tints of #0480f0

Tones of #0480f0

Color Blindness Simulator