#5825f4 hex color

In a RGB color space, hex #5825f4 is composed of 34.5% red, 14.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 84.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 254.8 degrees, a saturation of 90.4% and a lightness of 55.1%. #5825f4 color hex could be obtained by blending #b04aff with #0000e9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 15
- B 96
RGB color chart
- C 64
- M 85
- Y 0
- K 4
CMYK color chart

● #5825f4 color description : Bright blue.

The hexadecimal color #5825f4 has RGB values of R:88, G:37, B:244 and CMYK values of C:0.64, M:0.85, Y:0, K:0.04. Its decimal value is 5776884.

Hex triplet	5825f4	`#5825f4`
RGB Decimal	88, 37, 244	`rgb(88,37,244)`
RGB Percent	34.5, 14.5, 95.7	`rgb(34.5%,14.5%,95.7%)`
CMYK	64, 85, 0, 4
HSL	254.8°, 90.4, 55.1	`hsl(254.8,90.4%,55.1%)`
HSV (or HSB)	254.8°, 84.8, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.714, 70.803, -92.544
XYZ	21.012, 9.929, 86.392
xyY	0.179, 0.085, 9.929
CIE-LCH	37.714, 116.523, 307.419
CIE-LUV	37.714, -0.969, -127.523
Hunter-Lab	31.51, 63.89, -140.502
Binary	01011000, 00100101, 11110100

#5825f4
```
#5825f4 rgb(88,37,244)
```
#c1f425
```
#c1f425 rgb(193,244,37)
```

Complementary Color

#255af4
```
#255af4 rgb(37,90,244)
```
#5825f4
```
#5825f4 rgb(88,37,244)
```
#c025f4
```
#c025f4 rgb(192,37,244)
```

Analogous Color

#5af425
```
#5af425 rgb(90,244,37)
```
#5825f4
```
#5825f4 rgb(88,37,244)
```
#f4c025
```
#f4c025 rgb(244,192,37)
```

Split Complementary Color

#25f458
```
#25f458 rgb(37,244,88)
```
#5825f4
```
#5825f4 rgb(88,37,244)
```
#f45825
```
#f45825 rgb(244,88,37)
```

Triadic Color

#25c1f4
```
#25c1f4 rgb(37,193,244)
```
#5825f4
```
#5825f4 rgb(88,37,244)
```
#f45825
```
#f45825 rgb(244,88,37)
```
#c1f425
```
#c1f425 rgb(193,244,37)
```

Tetradic Color

#370ac3
```
#370ac3 rgb(55,10,195)
```
#3e0bdb
```
#3e0bdb rgb(62,11,219)
```
#450df3
```
#450df3 rgb(69,13,243)
```
#5825f4
```
#5825f4 rgb(88,37,244)
```
#6b3df5
```
#6b3df5 rgb(107,61,245)
```
#7d56f6
```
#7d56f6 rgb(125,86,246)
```
#906ef8
```
#906ef8 rgb(144,110,248)
```

Monochromatic Color

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

#2526f4
```
#2526f4 rgb(37,38,244)
```
#3525f4
```
#3525f4 rgb(53,37,244)
```
#4725f4
```
#4725f4 rgb(71,37,244)
```
#5825f4
```
#5825f4 rgb(88,37,244)
```
#6925f4
```
#6925f4 rgb(105,37,244)
```
#7b25f4
```
#7b25f4 rgb(123,37,244)
```
#8c25f4
```
#8c25f4 rgb(140,37,244)
```

Similar Colors

Text with hexadecimal color #5825f4

This text has a font color of #5825f4.

<span style="color:#5825f4;">Text here</span>

#5825f4 background color

This paragraph has a background color of #5825f4.

<p style="background-color:#5825f4;">Content here</p>

#5825f4 border color

This element has a border color of #5825f4.

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

CSS codes

.text {color:#5825f4;}

.background {background-color:#5825f4;}

.border {border:1px solid #5825f4;}

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

#020006
```
#020006 rgb(2,0,6)
```
#070119
```
#070119 rgb(7,1,25)
```
#0c022b
```
#0c022b rgb(12,2,43)
```
#12033e
```
#12033e rgb(18,3,62)
```
#170451
```
#170451 rgb(23,4,81)
```
#1c0563
```
#1c0563 rgb(28,5,99)
```
#220676
```
#220676 rgb(34,6,118)
```
#270789
```
#270789 rgb(39,7,137)
```
#2c089b
```
#2c089b rgb(44,8,155)
```
#3209ae
```
#3209ae rgb(50,9,174)
```
#370ac1
```
#370ac1 rgb(55,10,193)
```
#3c0bd3
```
#3c0bd3 rgb(60,11,211)
```
#410ce6
```
#410ce6 rgb(65,12,230)
```

Shade Color Variation

#4a12f3
```
#4a12f3 rgb(74,18,243)
```
#5825f4
```
#5825f4 rgb(88,37,244)
```
#6638f5
```
#6638f5 rgb(102,56,245)
```
#754af6
```
#754af6 rgb(117,74,246)
```
#835df7
```
#835df7 rgb(131,93,247)
```
#9170f8
```
#9170f8 rgb(145,112,248)
```
#a082f9
```
#a082f9 rgb(160,130,249)
```
#ae95fa
```
#ae95fa rgb(174,149,250)
```
#bca8fb
```
#bca8fb rgb(188,168,251)
```
#cabafc
```
#cabafc rgb(202,186,252)
```
#d9cdfc
```
#d9cdfc rgb(217,205,252)
```
#e7e0fd
```
#e7e0fd rgb(231,224,253)
```
#f5f2fe
```
#f5f2fe rgb(245,242,254)
```

Tint Color Variation

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

#898693
```
#898693 rgb(137,134,147)
```
#857d9c
```
#857d9c rgb(133,125,156)
```
#8074a5
```
#8074a5 rgb(128,116,165)
```
#7c6bae
```
#7c6bae rgb(124,107,174)
```
#7763b6
```
#7763b6 rgb(119,99,182)
```
#735abf
```
#735abf rgb(115,90,191)
```
#6e51c8
```
#6e51c8 rgb(110,81,200)
```
#6a48d1
```
#6a48d1 rgb(106,72,209)
```
#653fda
```
#653fda rgb(101,63,218)
```
#6137e2
```
#6137e2 rgb(97,55,226)
```
#5c2eeb
```
#5c2eeb rgb(92,46,235)
```
#5825f4
```
#5825f4 rgb(88,37,244)
```
#541cfd
```
#541cfd rgb(84,28,253)
```

Tone Color Variation

Below, you can see how #5825f4 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

#4c4c4c Achromatopsia 0.005% of the population
#4e446e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#2049cd Protanomaly 1% of men, 0.01% of women
#204dbd Deuteranomaly 6% of men, 0.4% of women
#2051a0 Tritanomaly 0.01% of the population

#5825f4 hex color

#5825f4 Color Information

#5825f4 Color Conversion

Color Schemes with #5825f4

Alternatives to #5825f4

#5825f4 Preview

Shades and Tints of #5825f4

Tones of #5825f4

Color Blindness Simulator