#4080f8 hex color

In a RGB color space, hex #4080f8 is composed of 25.1% red, 50.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 48.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 219.1 degrees, a saturation of 92.9% and a lightness of 61.2%. #4080f8 color hex could be obtained by blending #80ffff with #0001f1. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 50
- B 97
RGB color chart
- C 74
- M 48
- Y 0
- K 3
CMYK color chart

● #4080f8 color description : Bright blue.

The hexadecimal color #4080f8 has RGB values of R:64, G:128, B:248 and CMYK values of C:0.74, M:0.48, Y:0, K:0.03. Its decimal value is 4227320.

Hex triplet	4080f8	`#4080f8`
RGB Decimal	64, 128, 248	`rgb(64,128,248)`
RGB Percent	25.1, 50.2, 97.3	`rgb(25.1%,50.2%,97.3%)`
CMYK	74, 48, 0, 3
HSL	219.1°, 92.9, 61.2	`hsl(219.1,92.9%,61.2%)`
HSV (or HSB)	219.1°, 74.2, 97.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.384, 20.072, -65.926
XYZ	26.773, 23.304, 91.889
xyY	0.189, 0.164, 23.304
CIE-LCH	55.384, 68.913, 286.934
CIE-LUV	55.384, -24.182, -105.592
Hunter-Lab	48.274, 14.518, -79.066
Binary	01000000, 10000000, 11111000

#4080f8
```
#4080f8 rgb(64,128,248)
```
#f8b840
```
#f8b840 rgb(248,184,64)
```

Complementary Color

#40dcf8
```
#40dcf8 rgb(64,220,248)
```
#4080f8
```
#4080f8 rgb(64,128,248)
```
#5c40f8
```
#5c40f8 rgb(92,64,248)
```

Analogous Color

#dcf840
```
#dcf840 rgb(220,248,64)
```
#4080f8
```
#4080f8 rgb(64,128,248)
```
#f85c40
```
#f85c40 rgb(248,92,64)
```

Split Complementary Color

#80f840
```
#80f840 rgb(128,248,64)
```
#4080f8
```
#4080f8 rgb(64,128,248)
```
#f84080
```
#f84080 rgb(248,64,128)
```

Triadic Color

#40f8b8
```
#40f8b8 rgb(64,248,184)
```
#4080f8
```
#4080f8 rgb(64,128,248)
```
#f84080
```
#f84080 rgb(248,64,128)
```
#f8b840
```
#f8b840 rgb(248,184,64)
```

Tetradic Color

#0854e3
```
#0854e3 rgb(8,84,227)
```
#0f5ff6
```
#0f5ff6 rgb(15,95,246)
```
#2770f7
```
#2770f7 rgb(39,112,247)
```
#4080f8
```
#4080f8 rgb(64,128,248)
```
#5990f9
```
#5990f9 rgb(89,144,249)
```
#71a1fa
```
#71a1fa rgb(113,161,250)
```
#8ab1fb
```
#8ab1fb rgb(138,177,251)
```

Monochromatic Color

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

#40aef8
```
#40aef8 rgb(64,174,248)
```
#409ff8
```
#409ff8 rgb(64,159,248)
```
#408ff8
```
#408ff8 rgb(64,143,248)
```
#4080f8
```
#4080f8 rgb(64,128,248)
```
#4071f8
```
#4071f8 rgb(64,113,248)
```
#4061f8
```
#4061f8 rgb(64,97,248)
```
#4052f8
```
#4052f8 rgb(64,82,248)
```

Similar Colors

Text with hexadecimal color #4080f8

This text has a font color of #4080f8.

<span style="color:#4080f8;">Text here</span>

#4080f8 background color

This paragraph has a background color of #4080f8.

<p style="background-color:#4080f8;">Content here</p>

#4080f8 border color

This element has a border color of #4080f8.

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

CSS codes

.text {color:#4080f8;}

.background {background-color:#4080f8;}

.border {border:1px solid #4080f8;}

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

#010611
```
#010611 rgb(1,6,17)
```
#010d24
```
#010d24 rgb(1,13,36)
```
#021437
```
#021437 rgb(2,20,55)
```
#031b4a
```
#031b4a rgb(3,27,74)
```
#03235d
```
#03235d rgb(3,35,93)
```
#042a70
```
#042a70 rgb(4,42,112)
```
#053183
```
#053183 rgb(5,49,131)
```
#053896
```
#053896 rgb(5,56,150)
```
#063fa9
```
#063fa9 rgb(6,63,169)
```
#0746bb
```
#0746bb rgb(7,70,187)
```
#084dce
```
#084dce rgb(8,77,206)
```
#0854e1
```
#0854e1 rgb(8,84,225)
```
#095bf4
```
#095bf4 rgb(9,91,244)
```

Shade Color Variation

#1a67f7
```
#1a67f7 rgb(26,103,247)
```
#2d73f7
```
#2d73f7 rgb(45,115,247)
```
#4080f8
```
#4080f8 rgb(64,128,248)
```
#538df9
```
#538df9 rgb(83,141,249)
```
#6699f9
```
#6699f9 rgb(102,153,249)
```
#79a6fa
```
#79a6fa rgb(121,166,250)
```
#8cb2fb
```
#8cb2fb rgb(140,178,251)
```
#9fbffb
```
#9fbffb rgb(159,191,251)
```
#b2cbfc
```
#b2cbfc rgb(178,203,252)
```
#c4d8fd
```
#c4d8fd rgb(196,216,253)
```
#d7e5fe
```
#d7e5fe rgb(215,229,254)
```
#eaf1fe
```
#eaf1fe rgb(234,241,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9c9d is the less saturated color, while #4080f8 is the most saturated one.

#9b9c9d
```
#9b9c9d rgb(155,156,157)
```
#9499a4
```
#9499a4 rgb(148,153,164)
```
#8c97ac
```
#8c97ac rgb(140,151,172)
```
#8595b3
```
#8595b3 rgb(133,149,179)
```
#7d93bb
```
#7d93bb rgb(125,147,187)
```
#7590c3
```
#7590c3 rgb(117,144,195)
```
#6e8eca
```
#6e8eca rgb(110,142,202)
```
#668cd2
```
#668cd2 rgb(102,140,210)
```
#5e89da
```
#5e89da rgb(94,137,218)
```
#5787e1
```
#5787e1 rgb(87,135,225)
```
#4f85e9
```
#4f85e9 rgb(79,133,233)
```
#4882f0
```
#4882f0 rgb(72,130,240)
```
#4080f8
```
#4080f8 rgb(64,128,248)
```

Tone Color Variation

Below, you can see how #4080f8 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

#7b7b7b Achromatopsia 0.005% of the population
#6f7c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4387f8 Protanopia 1% of men
#008de9 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4284f8 Protanomaly 1% of men, 0.01% of women
#1788ef Deuteranomaly 6% of men, 0.4% of women
#178fc1 Tritanomaly 0.01% of the population

#4080f8 hex color

#4080f8 Color Information

#4080f8 Color Conversion

Color Schemes with #4080f8

Alternatives to #4080f8

#4080f8 Preview

Shades and Tints of #4080f8

Tones of #4080f8

Color Blindness Simulator