#2840f8 hex color

In a RGB color space, hex #2840f8 is composed of 15.7% red, 25.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 74.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 233.1 degrees, a saturation of 93.7% and a lightness of 56.5%. #2840f8 color hex could be obtained by blending #5080ff with #0000f1. Closest websafe color is: #3333ff.

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

● #2840f8 color description : Bright blue.

The hexadecimal color #2840f8 has RGB values of R:40, G:64, B:248 and CMYK values of C:0.84, M:0.74, Y:0, K:0.03. Its decimal value is 2638072.

Hex triplet	2840f8	`#2840f8`
RGB Decimal	40, 64, 248	`rgb(40,64,248)`
RGB Percent	15.7, 25.1, 97.3	`rgb(15.7%,25.1%,97.3%)`
CMYK	84, 74, 0, 3
HSL	233.1°, 93.7, 56.5	`hsl(233.1,93.7%,56.5%)`
HSV (or HSB)	233.1°, 83.9, 97.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.401, 56.844, -92.087
XYZ	19.648, 10.894, 89.869
xyY	0.163, 0.09, 10.894
CIE-LCH	39.401, 108.219, 301.687
CIE-LUV	39.401, -12.403, -128.945
Hunter-Lab	33.006, 48.501, -138.333
Binary	00101000, 01000000, 11111000

#2840f8
```
#2840f8 rgb(40,64,248)
```
#f8e028
```
#f8e028 rgb(248,224,40)
```

Complementary Color

#28a8f8
```
#28a8f8 rgb(40,168,248)
```
#2840f8
```
#2840f8 rgb(40,64,248)
```
#7828f8
```
#7828f8 rgb(120,40,248)
```

Analogous Color

#a8f828
```
#a8f828 rgb(168,248,40)
```
#2840f8
```
#2840f8 rgb(40,64,248)
```
#f87828
```
#f87828 rgb(248,120,40)
```

Split Complementary Color

#40f828
```
#40f828 rgb(64,248,40)
```
#2840f8
```
#2840f8 rgb(40,64,248)
```
#f82840
```
#f82840 rgb(248,40,64)
```

Triadic Color

#28f8e0
```
#28f8e0 rgb(40,248,224)
```
#2840f8
```
#2840f8 rgb(40,64,248)
```
#f82840
```
#f82840 rgb(248,40,64)
```
#f8e028
```
#f8e028 rgb(248,224,40)
```

Tetradic Color

#071ecd
```
#071ecd rgb(7,30,205)
```
#0721e6
```
#0721e6 rgb(7,33,230)
```
#0f2af7
```
#0f2af7 rgb(15,42,247)
```
#2840f8
```
#2840f8 rgb(40,64,248)
```
#4156f9
```
#4156f9 rgb(65,86,249)
```
#596cfa
```
#596cfa rgb(89,108,250)
```
#7282fa
```
#7282fa rgb(114,130,250)
```

Monochromatic Color

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

#2874f8
```
#2874f8 rgb(40,116,248)
```
#2863f8
```
#2863f8 rgb(40,99,248)
```
#2851f8
```
#2851f8 rgb(40,81,248)
```
#2840f8
```
#2840f8 rgb(40,64,248)
```
#282ff8
```
#282ff8 rgb(40,47,248)
```
#3328f8
```
#3328f8 rgb(51,40,248)
```
#4428f8
```
#4428f8 rgb(68,40,248)
```

Similar Colors

Text with hexadecimal color #2840f8

This text has a font color of #2840f8.

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

#2840f8 background color

This paragraph has a background color of #2840f8.

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

#2840f8 border color

This element has a border color of #2840f8.

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

CSS codes

.text {color:#2840f8;}

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

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

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, #00020d is the darkest color, while #f9faff is the lightest one.

#00020d
```
#00020d rgb(0,2,13)
```
#010520
```
#010520 rgb(1,5,32)
```
#020733
```
#020733 rgb(2,7,51)
```
#020a46
```
#020a46 rgb(2,10,70)
```
#030d59
```
#030d59 rgb(3,13,89)
```
#04106c
```
#04106c rgb(4,16,108)
```
#04127f
```
#04127f rgb(4,18,127)
```
#051592
```
#051592 rgb(5,21,146)
```
#0518a5
```
#0518a5 rgb(5,24,165)
```
#061bb8
```
#061bb8 rgb(6,27,184)
```
#071dcb
```
#071dcb rgb(7,29,203)
```
#0720de
```
#0720de rgb(7,32,222)
```
#0823f1
```
#0823f1 rgb(8,35,241)
```

Shade Color Variation

#152ff7
```
#152ff7 rgb(21,47,247)
```
#2840f8
```
#2840f8 rgb(40,64,248)
```
#3b51f9
```
#3b51f9 rgb(59,81,249)
```
#4e62f9
```
#4e62f9 rgb(78,98,249)
```
#6173fa
```
#6173fa rgb(97,115,250)
```
#7484fa
```
#7484fa rgb(116,132,250)
```
#8794fb
```
#8794fb rgb(135,148,251)
```
#9aa5fc
```
#9aa5fc rgb(154,165,252)
```
#adb6fc
```
#adb6fc rgb(173,182,252)
```
#c0c7fd
```
#c0c7fd rgb(192,199,253)
```
#d3d8fe
```
#d3d8fe rgb(211,216,254)
```
#e6e9fe
```
#e6e9fe rgb(230,233,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#8e8f92
```
#8e8f92 rgb(142,143,146)
```
#86889a
```
#86889a rgb(134,136,154)
```
#7d82a3
```
#7d82a3 rgb(125,130,163)
```
#757bab
```
#757bab rgb(117,123,171)
```
#6c75b4
```
#6c75b4 rgb(108,117,180)
```
#646ebc
```
#646ebc rgb(100,110,188)
```
#5b67c5
```
#5b67c5 rgb(91,103,197)
```
#5361cd
```
#5361cd rgb(83,97,205)
```
#4a5ad6
```
#4a5ad6 rgb(74,90,214)
```
#4254de
```
#4254de rgb(66,84,222)
```
#394de7
```
#394de7 rgb(57,77,231)
```
#3147ef
```
#3147ef rgb(49,71,239)
```
#2840f8
```
#2840f8 rgb(40,64,248)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#464b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0e55d3 Protanomaly 1% of men, 0.01% of women
#0e59c3 Deuteranomaly 6% of men, 0.4% of women
#0e5ea4 Tritanomaly 0.01% of the population

#2840f8 hex color

#2840f8 Color Information

#2840f8 Color Conversion

Color Schemes with #2840f8

Alternatives to #2840f8

#2840f8 Preview

Shades and Tints of #2840f8

Tones of #2840f8

Color Blindness Simulator