#2825f2 hex color

In a RGB color space, hex #2825f2 is composed of 15.7% red, 14.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 84.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 240.9 degrees, a saturation of 88.7% and a lightness of 54.7%. #2825f2 color hex could be obtained by blending #504aff with #0000e5. Closest websafe color is: #3333ff.

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

● #2825f2 color description : Bright blue.

The hexadecimal color #2825f2 has RGB values of R:40, G:37, B:242 and CMYK values of C:0.83, M:0.85, Y:0, K:0.05. Its decimal value is 2631154.

Hex triplet	2825f2	`#2825f2`
RGB Decimal	40, 37, 242	`rgb(40,37,242)`
RGB Percent	15.7, 14.5, 94.9	`rgb(15.7%,14.5%,94.9%)`
CMYK	83, 85, 0, 5
HSL	240.9°, 88.7, 54.7	`hsl(240.9,88.7%,54.7%)`
HSV (or HSB)	240.9°, 84.7, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.363, 67.694, -97.072
XYZ	17.56, 8.184, 84.654
xyY	0.159, 0.074, 8.184
CIE-LCH	34.363, 118.345, 304.891
CIE-LUV	34.363, -8.795, -125.763
Hunter-Lab	28.607, 59.508, -155.423
Binary	00101000, 00100101, 11110010

#2825f2
```
#2825f2 rgb(40,37,242)
```
#eff225
```
#eff225 rgb(239,242,37)
```

Complementary Color

#2589f2
```
#2589f2 rgb(37,137,242)
```
#2825f2
```
#2825f2 rgb(40,37,242)
```
#8f25f2
```
#8f25f2 rgb(143,37,242)
```

Analogous Color

#89f225
```
#89f225 rgb(137,242,37)
```
#2825f2
```
#2825f2 rgb(40,37,242)
```
#f28f25
```
#f28f25 rgb(242,143,37)
```

Split Complementary Color

#25f228
```
#25f228 rgb(37,242,40)
```
#2825f2
```
#2825f2 rgb(40,37,242)
```
#f22825
```
#f22825 rgb(242,40,37)
```

Triadic Color

#25eff2
```
#25eff2 rgb(37,239,242)
```
#2825f2
```
#2825f2 rgb(40,37,242)
```
#f22825
```
#f22825 rgb(242,40,37)
```
#eff225
```
#eff225 rgb(239,242,37)
```

Tetradic Color

#0e0bbf
```
#0e0bbf rgb(14,11,191)
```
#100dd7
```
#100dd7 rgb(16,13,215)
```
#120eef
```
#120eef rgb(18,14,239)
```
#2825f2
```
#2825f2 rgb(40,37,242)
```
#403df3
```
#403df3 rgb(64,61,243)
```
#5755f5
```
#5755f5 rgb(87,85,245)
```
#6f6df6
```
#6f6df6 rgb(111,109,246)
```

Monochromatic Color

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

#2555f2
```
#2555f2 rgb(37,85,242)
```
#2544f2
```
#2544f2 rgb(37,68,242)
```
#2533f2
```
#2533f2 rgb(37,51,242)
```
#2825f2
```
#2825f2 rgb(40,37,242)
```
#3925f2
```
#3925f2 rgb(57,37,242)
```
#4a25f2
```
#4a25f2 rgb(74,37,242)
```
#5b25f2
```
#5b25f2 rgb(91,37,242)
```

Similar Colors

Text with hexadecimal color #2825f2

This text has a font color of #2825f2.

<span style="color:#2825f2;">Text here</span>

#2825f2 background color

This paragraph has a background color of #2825f2.

<p style="background-color:#2825f2;">Content here</p>

#2825f2 border color

This element has a border color of #2825f2.

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

CSS codes

.text {color:#2825f2;}

.background {background-color:#2825f2;}

.border {border:1px solid #2825f2;}

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

#000004
```
#000004 rgb(0,0,4)
```
#020117
```
#020117 rgb(2,1,23)
```
#030229
```
#030229 rgb(3,2,41)
```
#04043c
```
#04043c rgb(4,4,60)
```
#06054e
```
#06054e rgb(6,5,78)
```
#070661
```
#070661 rgb(7,6,97)
```
#080773
```
#080773 rgb(8,7,115)
```
#0a0886
```
#0a0886 rgb(10,8,134)
```
#0b0998
```
#0b0998 rgb(11,9,152)
```
#0d0aab
```
#0d0aab rgb(13,10,171)
```
#0e0bbd
```
#0e0bbd rgb(14,11,189)
```
#0f0cd0
```
#0f0cd0 rgb(15,12,208)
```
#110de2
```
#110de2 rgb(17,13,226)
```

Shade Color Variation

#1612f1
```
#1612f1 rgb(22,18,241)
```
#2825f2
```
#2825f2 rgb(40,37,242)
```
#3a38f3
```
#3a38f3 rgb(58,56,243)
```
#4d4af4
```
#4d4af4 rgb(77,74,244)
```
#5f5df5
```
#5f5df5 rgb(95,93,245)
```
#716ff6
```
#716ff6 rgb(113,111,246)
```
#8382f8
```
#8382f8 rgb(131,130,248)
```
#9694f9
```
#9694f9 rgb(150,148,249)
```
#a8a7fa
```
#a8a7fa rgb(168,167,250)
```
#bab9fb
```
#bab9fb rgb(186,185,251)
```
#ccccfc
```
#ccccfc rgb(204,204,252)
```
#dfdefd
```
#dfdefd rgb(223,222,253)
```
#f1f1fe
```
#f1f1fe rgb(241,241,254)
```

Tint Color Variation

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

#878790
```
#878790 rgb(135,135,144)
```
#7e7e99
```
#7e7e99 rgb(126,126,153)
```
#7675a2
```
#7675a2 rgb(118,117,162)
```
#6d6cab
```
#6d6cab rgb(109,108,171)
```
#6463b4
```
#6463b4 rgb(100,99,180)
```
#5c5abd
```
#5c5abd rgb(92,90,189)
```
#5351c6
```
#5351c6 rgb(83,81,198)
```
#4a49ce
```
#4a49ce rgb(74,73,206)
```
#4240d7
```
#4240d7 rgb(66,64,215)
```
#3937e0
```
#3937e0 rgb(57,55,224)
```
#312ee9
```
#312ee9 rgb(49,46,233)
```
#2825f2
```
#2825f2 rgb(40,37,242)
```
#1f1cfb
```
#1f1cfb rgb(31,28,251)
```

Tone Color Variation

Below, you can see how #2825f2 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

#3d3d3d Achromatopsia 0.005% of the population
#393861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#0e45c3 Protanomaly 1% of men, 0.01% of women
#0e48b5 Deuteranomaly 6% of men, 0.4% of women
#0e4c99 Tritanomaly 0.01% of the population

#2825f2 hex color

#2825f2 Color Information

#2825f2 Color Conversion

Color Schemes with #2825f2

Alternatives to #2825f2

#2825f2 Preview

Shades and Tints of #2825f2

Tones of #2825f2

Color Blindness Simulator