#2827f1 hex color

In a RGB color space, hex #2827f1 is composed of 15.7% red, 15.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 83.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 240.3 degrees, a saturation of 87.8% and a lightness of 54.9%. #2827f1 color hex could be obtained by blending #504eff with #0000e3. Closest websafe color is: #3333ff.

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

● #2827f1 color description : Bright blue.

The hexadecimal color #2827f1 has RGB values of R:40, G:39, B:241 and CMYK values of C:0.83, M:0.84, Y:0, K:0.05. Its decimal value is 2631665.

Hex triplet	2827f1	`#2827f1`
RGB Decimal	40, 39, 241	`rgb(40,39,241)`
RGB Percent	15.7, 15.3, 94.5	`rgb(15.7%,15.3%,94.5%)`
CMYK	83, 84, 0, 5
HSL	240.3°, 87.8, 54.9	`hsl(240.3,87.8%,54.9%)`
HSV (or HSB)	240.3°, 83.8, 94.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.502, 66.63, -96.275
XYZ	17.475, 8.252, 83.886
xyY	0.159, 0.075, 8.252
CIE-LCH	34.502, 117.083, 304.687
CIE-LUV	34.502, -8.944, -125.282
Hunter-Lab	28.726, 58.315, -153.032
Binary	00101000, 00100111, 11110001

#2827f1
```
#2827f1 rgb(40,39,241)
```
#f0f127
```
#f0f127 rgb(240,241,39)
```

Complementary Color

#278bf1
```
#278bf1 rgb(39,139,241)
```
#2827f1
```
#2827f1 rgb(40,39,241)
```
#8d27f1
```
#8d27f1 rgb(141,39,241)
```

Analogous Color

#8bf127
```
#8bf127 rgb(139,241,39)
```
#2827f1
```
#2827f1 rgb(40,39,241)
```
#f18d27
```
#f18d27 rgb(241,141,39)
```

Split Complementary Color

#27f128
```
#27f128 rgb(39,241,40)
```
#2827f1
```
#2827f1 rgb(40,39,241)
```
#f12827
```
#f12827 rgb(241,40,39)
```

Triadic Color

#27f0f1
```
#27f0f1 rgb(39,240,241)
```
#2827f1
```
#2827f1 rgb(40,39,241)
```
#f12827
```
#f12827 rgb(241,40,39)
```
#f0f127
```
#f0f127 rgb(240,241,39)
```

Tetradic Color

#0d0cbf
```
#0d0cbf rgb(13,12,191)
```
#0f0ed7
```
#0f0ed7 rgb(15,14,215)
```
#110fef
```
#110fef rgb(17,15,239)
```
#2827f1
```
#2827f1 rgb(40,39,241)
```
#403ff3
```
#403ff3 rgb(64,63,243)
```
#5857f4
```
#5857f4 rgb(88,87,244)
```
#706ff6
```
#706ff6 rgb(112,111,246)
```

Monochromatic Color

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

#2758f1
```
#2758f1 rgb(39,88,241)
```
#2748f1
```
#2748f1 rgb(39,72,241)
```
#2737f1
```
#2737f1 rgb(39,55,241)
```
#2827f1
```
#2827f1 rgb(40,39,241)
```
#3927f1
```
#3927f1 rgb(57,39,241)
```
#4a27f1
```
#4a27f1 rgb(74,39,241)
```
#5a27f1
```
#5a27f1 rgb(90,39,241)
```

Similar Colors

Text with hexadecimal color #2827f1

This text has a font color of #2827f1.

<span style="color:#2827f1;">Text here</span>

#2827f1 background color

This paragraph has a background color of #2827f1.

<p style="background-color:#2827f1;">Content here</p>

#2827f1 border color

This element has a border color of #2827f1.

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

CSS codes

.text {color:#2827f1;}

.background {background-color:#2827f1;}

.border {border:1px solid #2827f1;}

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

#000005
```
#000005 rgb(0,0,5)
```
#020217
```
#020217 rgb(2,2,23)
```
#03032a
```
#03032a rgb(3,3,42)
```
#04043c
```
#04043c rgb(4,4,60)
```
#05054f
```
#05054f rgb(5,5,79)
```
#070661
```
#070661 rgb(7,6,97)
```
#080774
```
#080774 rgb(8,7,116)
```
#090986
```
#090986 rgb(9,9,134)
```
#0b0a98
```
#0b0a98 rgb(11,10,152)
```
#0c0bab
```
#0c0bab rgb(12,11,171)
```
#0d0cbd
```
#0d0cbd rgb(13,12,189)
```
#0e0dd0
```
#0e0dd0 rgb(14,13,208)
```
#100fe2
```
#100fe2 rgb(16,15,226)
```

Shade Color Variation

#1615f0
```
#1615f0 rgb(22,21,240)
```
#2827f1
```
#2827f1 rgb(40,39,241)
```
#3a39f2
```
#3a39f2 rgb(58,57,242)
```
#4d4cf3
```
#4d4cf3 rgb(77,76,243)
```
#5f5ef5
```
#5f5ef5 rgb(95,94,245)
```
#7171f6
```
#7171f6 rgb(113,113,246)
```
#8483f7
```
#8483f7 rgb(132,131,247)
```
#9696f8
```
#9696f8 rgb(150,150,248)
```
#a8a8f9
```
#a8a8f9 rgb(168,168,249)
```
#bbbafb
```
#bbbafb rgb(187,186,251)
```
#cdcdfc
```
#cdcdfc rgb(205,205,252)
```
#dfdffd
```
#dfdffd rgb(223,223,253)
```
#f2f2fe
```
#f2f2fe rgb(242,242,254)
```

Tint Color Variation

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

#888890
```
#888890 rgb(136,136,144)
```
#807f99
```
#807f99 rgb(128,127,153)
```
#7777a1
```
#7777a1 rgb(119,119,161)
```
#6e6eaa
```
#6e6eaa rgb(110,110,170)
```
#6565b3
```
#6565b3 rgb(101,101,179)
```
#5d5cbc
```
#5d5cbc rgb(93,92,188)
```
#5453c5
```
#5453c5 rgb(84,83,197)
```
#4b4ace
```
#4b4ace rgb(75,74,206)
```
#4242d6
```
#4242d6 rgb(66,66,214)
```
#3a39df
```
#3a39df rgb(58,57,223)
```
#3130e8
```
#3130e8 rgb(49,48,232)
```
#2827f1
```
#2827f1 rgb(40,39,241)
```
#1f1efa
```
#1f1efa rgb(31,30,250)
```

Tone Color Variation

Below, you can see how #2827f1 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

#0057aa Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0e46c3 Protanomaly 1% of men, 0.01% of women
#0e49b5 Deuteranomaly 6% of men, 0.4% of women
#0e4d99 Tritanomaly 0.01% of the population

#2827f1 hex color

#2827f1 Color Information

#2827f1 Color Conversion

Color Schemes with #2827f1

Alternatives to #2827f1

#2827f1 Preview

Shades and Tints of #2827f1

Tones of #2827f1

Color Blindness Simulator