#2826f0 hex color

In a RGB color space, hex #2826f0 is composed of 15.7% red, 14.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 84.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 240.6 degrees, a saturation of 87.1% and a lightness of 54.5%. #2826f0 color hex could be obtained by blending #504cff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 15
- B 94
RGB color chart
- C 83
- M 84
- Y 0
- K 6
CMYK color chart

● #2826f0 color description : Bright blue.

The hexadecimal color #2826f0 has RGB values of R:40, G:38, B:240 and CMYK values of C:0.83, M:0.84, Y:0, K:0.06. Its decimal value is 2631408.

Hex triplet	2826f0	`#2826f0`
RGB Decimal	40, 38, 240	`rgb(40,38,240)`
RGB Percent	15.7, 14.9, 94.1	`rgb(15.7%,14.9%,94.1%)`
CMYK	83, 84, 0, 6
HSL	240.6°, 87.1, 54.5	`hsl(240.6,87.1%,54.5%)`
HSV (or HSB)	240.6°, 84.2, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.247, 66.742, -96.133
XYZ	17.293, 8.127, 83.091
xyY	0.159, 0.075, 8.127
CIE-LCH	34.247, 117.03, 304.771
CIE-LUV	34.247, -8.805, -124.679
Hunter-Lab	28.509, 58.388, -152.85
Binary	00101000, 00100110, 11110000

#2826f0
```
#2826f0 rgb(40,38,240)
```
#eef026
```
#eef026 rgb(238,240,38)
```

Complementary Color

#2689f0
```
#2689f0 rgb(38,137,240)
```
#2826f0
```
#2826f0 rgb(40,38,240)
```
#8d26f0
```
#8d26f0 rgb(141,38,240)
```

Analogous Color

#89f026
```
#89f026 rgb(137,240,38)
```
#2826f0
```
#2826f0 rgb(40,38,240)
```
#f08d26
```
#f08d26 rgb(240,141,38)
```

Split Complementary Color

#26f028
```
#26f028 rgb(38,240,40)
```
#2826f0
```
#2826f0 rgb(40,38,240)
```
#f02826
```
#f02826 rgb(240,40,38)
```

Triadic Color

#26eef0
```
#26eef0 rgb(38,238,240)
```
#2826f0
```
#2826f0 rgb(40,38,240)
```
#f02826
```
#f02826 rgb(240,40,38)
```
#eef026
```
#eef026 rgb(238,240,38)
```

Tetradic Color

#0f0dbc
```
#0f0dbc rgb(15,13,188)
```
#110fd4
```
#110fd4 rgb(17,15,212)
```
#1310ec
```
#1310ec rgb(19,16,236)
```
#2826f0
```
#2826f0 rgb(40,38,240)
```
#403ef2
```
#403ef2 rgb(64,62,242)
```
#5756f3
```
#5756f3 rgb(87,86,243)
```
#6f6ef5
```
#6f6ef5 rgb(111,110,245)
```

Monochromatic Color

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

#2656f0
```
#2656f0 rgb(38,86,240)
```
#2646f0
```
#2646f0 rgb(38,70,240)
```
#2635f0
```
#2635f0 rgb(38,53,240)
```
#2826f0
```
#2826f0 rgb(40,38,240)
```
#3926f0
```
#3926f0 rgb(57,38,240)
```
#4a26f0
```
#4a26f0 rgb(74,38,240)
```
#5b26f0
```
#5b26f0 rgb(91,38,240)
```

Similar Colors

Text with hexadecimal color #2826f0

This text has a font color of #2826f0.

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

#2826f0 background color

This paragraph has a background color of #2826f0.

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

#2826f0 border color

This element has a border color of #2826f0.

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

CSS codes

.text {color:#2826f0;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#020116
```
#020116 rgb(2,1,22)
```
#030328
```
#030328 rgb(3,3,40)
```
#05043a
```
#05043a rgb(5,4,58)
```
#06054d
```
#06054d rgb(6,5,77)
```
#07075f
```
#07075f rgb(7,7,95)
```
#090871
```
#090871 rgb(9,8,113)
```
#0a0984
```
#0a0984 rgb(10,9,132)
```
#0c0a96
```
#0c0a96 rgb(12,10,150)
```
#0d0ca8
```
#0d0ca8 rgb(13,12,168)
```
#0f0dbb
```
#0f0dbb rgb(15,13,187)
```
#100ecd
```
#100ecd rgb(16,14,205)
```
#110fdf
```
#110fdf rgb(17,15,223)
```

Shade Color Variation

#1614ef
```
#1614ef rgb(22,20,239)
```
#2826f0
```
#2826f0 rgb(40,38,240)
```
#3a38f1
```
#3a38f1 rgb(58,56,241)
```
#4c4bf3
```
#4c4bf3 rgb(76,75,243)
```
#5f5df4
```
#5f5df4 rgb(95,93,244)
```
#716ff5
```
#716ff5 rgb(113,111,245)
```
#8382f6
```
#8382f6 rgb(131,130,246)
```
#9594f8
```
#9594f8 rgb(149,148,248)
```
#a7a6f9
```
#a7a6f9 rgb(167,166,249)
```
#b9b9fa
```
#b9b9fa rgb(185,185,250)
```
#cccbfb
```
#cccbfb rgb(204,203,251)
```
#deddfd
```
#deddfd rgb(222,221,253)
```
#f0f0fe
```
#f0f0fe rgb(240,240,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88888e is the less saturated color, while #1f1df9 is the most saturated one.

#88888e
```
#88888e rgb(136,136,142)
```
#7f7f97
```
#7f7f97 rgb(127,127,151)
```
#7776a0
```
#7776a0 rgb(119,118,160)
```
#6e6da9
```
#6e6da9 rgb(110,109,169)
```
#6564b2
```
#6564b2 rgb(101,100,178)
```
#5c5cba
```
#5c5cba rgb(92,92,186)
```
#5453c3
```
#5453c3 rgb(84,83,195)
```
#4b4acc
```
#4b4acc rgb(75,74,204)
```
#4241d5
```
#4241d5 rgb(66,65,213)
```
#3938de
```
#3938de rgb(57,56,222)
```
#312fe7
```
#312fe7 rgb(49,47,231)
```
#2826f0
```
#2826f0 rgb(40,38,240)
```
#1f1df9
```
#1f1df9 rgb(31,29,249)
```

Tone Color Variation

Below, you can see how #2826f0 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

#3e3e3e Achromatopsia 0.005% of the population
#3a3962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0e45c2 Protanomaly 1% of men, 0.01% of women
#0e48b4 Deuteranomaly 6% of men, 0.4% of women
#0e4c98 Tritanomaly 0.01% of the population

#2826f0 hex color

#2826f0 Color Information

#2826f0 Color Conversion

Color Schemes with #2826f0

Alternatives to #2826f0

#2826f0 Preview

Shades and Tints of #2826f0

Tones of #2826f0

Color Blindness Simulator