#285fe5 hex color

In a RGB color space, hex #285fe5 is composed of 15.7% red, 37.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 58.5% magenta, 0% yellow and 10.2% black. It has a hue angle of 222.5 degrees, a saturation of 78.4% and a lightness of 52.7%. #285fe5 color hex could be obtained by blending #50beff with #0000cb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 37
- B 90
RGB color chart
- C 83
- M 59
- Y 0
- K 10
CMYK color chart

● #285fe5 color description : Bright blue.

The hexadecimal color #285fe5 has RGB values of R:40, G:95, B:229 and CMYK values of C:0.83, M:0.59, Y:0, K:0.1. Its decimal value is 2645989.

Hex triplet	285fe5	`#285fe5`
RGB Decimal	40, 95, 229	`rgb(40,95,229)`
RGB Percent	15.7, 37.3, 89.8	`rgb(15.7%,37.3%,89.8%)`
CMYK	83, 59, 0, 10
HSL	222.5°, 78.4, 52.7	`hsl(222.5,78.4%,52.7%)`
HSV (or HSB)	222.5°, 82.5, 89.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.648, 31.49, -72.75
XYZ	19.107, 14.291, 75.876
xyY	0.175, 0.131, 14.291
CIE-LCH	44.648, 79.272, 293.405
CIE-LUV	44.648, -18.625, -109.928
Hunter-Lab	37.804, 24.063, -92.539
Binary	00101000, 01011111, 11100101

#285fe5
```
#285fe5 rgb(40,95,229)
```
#e5ae28
```
#e5ae28 rgb(229,174,40)
```

Complementary Color

#28bee5
```
#28bee5 rgb(40,190,229)
```
#285fe5
```
#285fe5 rgb(40,95,229)
```
#5028e5
```
#5028e5 rgb(80,40,229)
```

Analogous Color

#bee528
```
#bee528 rgb(190,229,40)
```
#285fe5
```
#285fe5 rgb(40,95,229)
```
#e55028
```
#e55028 rgb(229,80,40)
```

Split Complementary Color

#5fe528
```
#5fe528 rgb(95,229,40)
```
#285fe5
```
#285fe5 rgb(40,95,229)
```
#e5285f
```
#e5285f rgb(229,40,95)
```

Triadic Color

#28e5ae
```
#28e5ae rgb(40,229,174)
```
#285fe5
```
#285fe5 rgb(40,95,229)
```
#e5285f
```
#e5285f rgb(229,40,95)
```
#e5ae28
```
#e5ae28 rgb(229,174,40)
```

Tetradic Color

#1541ac
```
#1541ac rgb(21,65,172)
```
#1849c2
```
#1849c2 rgb(24,73,194)
```
#1a52d9
```
#1a52d9 rgb(26,82,217)
```
#285fe5
```
#285fe5 rgb(40,95,229)
```
#3f70e8
```
#3f70e8 rgb(63,112,232)
```
#5581eb
```
#5581eb rgb(85,129,235)
```
#6c92ed
```
#6c92ed rgb(108,146,237)
```

Monochromatic Color

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

#288ee5
```
#288ee5 rgb(40,142,229)
```
#287fe5
```
#287fe5 rgb(40,127,229)
```
#286fe5
```
#286fe5 rgb(40,111,229)
```
#285fe5
```
#285fe5 rgb(40,95,229)
```
#284fe5
```
#284fe5 rgb(40,79,229)
```
#283fe5
```
#283fe5 rgb(40,63,229)
```
#2830e5
```
#2830e5 rgb(40,48,229)
```

Similar Colors

Text with hexadecimal color #285fe5

This text has a font color of #285fe5.

<span style="color:#285fe5;">Text here</span>

#285fe5 background color

This paragraph has a background color of #285fe5.

<p style="background-color:#285fe5;">Content here</p>

#285fe5 border color

This element has a border color of #285fe5.

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

CSS codes

.text {color:#285fe5;}

.background {background-color:#285fe5;}

.border {border:1px solid #285fe5;}

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, #02050c is the darkest color, while #fafbfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#040b1e
```
#040b1e rgb(4,11,30)
```
#06122f
```
#06122f rgb(6,18,47)
```
#081841
```
#081841 rgb(8,24,65)
```
#0a1f52
```
#0a1f52 rgb(10,31,82)
```
#0c2664
```
#0c2664 rgb(12,38,100)
```
#0e2c75
```
#0e2c75 rgb(14,44,117)
```
#103387
```
#103387 rgb(16,51,135)
```
#123998
```
#123998 rgb(18,57,152)
```
#1540aa
```
#1540aa rgb(21,64,170)
```
#1747bb
```
#1747bb rgb(23,71,187)
```
#194dcd
```
#194dcd rgb(25,77,205)
```
#1b54de
```
#1b54de rgb(27,84,222)
```

Shade Color Variation

#285fe5
```
#285fe5 rgb(40,95,229)
```
#396ce7
```
#396ce7 rgb(57,108,231)
```
#4b79e9
```
#4b79e9 rgb(75,121,233)
```
#5c86eb
```
#5c86eb rgb(92,134,235)
```
#6e93ed
```
#6e93ed rgb(110,147,237)
```
#7fa0f0
```
#7fa0f0 rgb(127,160,240)
```
#91adf2
```
#91adf2 rgb(145,173,242)
```
#a2baf4
```
#a2baf4 rgb(162,186,244)
```
#b4c7f6
```
#b4c7f6 rgb(180,199,246)
```
#c5d4f8
```
#c5d4f8 rgb(197,212,248)
```
#d7e1fa
```
#d7e1fa rgb(215,225,250)
```
#e8eefc
```
#e8eefc rgb(232,238,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#858688
```
#858688 rgb(133,134,136)
```
#7b8292
```
#7b8292 rgb(123,130,146)
```
#727e9b
```
#727e9b rgb(114,126,155)
```
#697aa4
```
#697aa4 rgb(105,122,164)
```
#6076ad
```
#6076ad rgb(96,118,173)
```
#5672b7
```
#5672b7 rgb(86,114,183)
```
#4d6ec0
```
#4d6ec0 rgb(77,110,192)
```
#446bc9
```
#446bc9 rgb(68,107,201)
```
#3b67d2
```
#3b67d2 rgb(59,103,210)
```
#3163dc
```
#3163dc rgb(49,99,220)
```
#285fe5
```
#285fe5 rgb(40,95,229)
```
#1f5bee
```
#1f5bee rgb(31,91,238)
```
#1557f8
```
#1557f8 rgb(21,87,248)
```

Tone Color Variation

Below, you can see how #285fe5 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

#5e5e5e Achromatopsia 0.005% of the population
#535e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#0e68dc Protanomaly 1% of men, 0.01% of women
#0e6cca Deuteranomaly 6% of men, 0.4% of women
#0e71a6 Tritanomaly 0.01% of the population

#285fe5 hex color

#285fe5 Color Information

#285fe5 Color Conversion

Color Schemes with #285fe5

Alternatives to #285fe5

#285fe5 Preview

Shades and Tints of #285fe5

Tones of #285fe5

Color Blindness Simulator