#285fe1 hex color

In a RGB color space, hex #285fe1 is composed of 15.7% red, 37.3% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 57.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 222.2 degrees, a saturation of 75.5% and a lightness of 52%. #285fe1 color hex could be obtained by blending #50beff with #0000c3. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 37
- B 88
RGB color chart
- C 82
- M 58
- Y 0
- K 12
CMYK color chart

● #285fe1 color description : Bright blue.

The hexadecimal color #285fe1 has RGB values of R:40, G:95, B:225 and CMYK values of C:0.82, M:0.58, Y:0, K:0.12. Its decimal value is 2645985.

Hex triplet	285fe1	`#285fe1`
RGB Decimal	40, 95, 225	`rgb(40,95,225)`
RGB Percent	15.7, 37.3, 88.2	`rgb(15.7%,37.3%,88.2%)`
CMYK	82, 58, 0, 12
HSL	222.2°, 75.5, 52	`hsl(222.2,75.5%,52%)`
HSV (or HSB)	222.2°, 82.2, 88.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.334, 29.994, -70.996
XYZ	18.555, 14.07, 72.968
xyY	0.176, 0.133, 14.07
CIE-LCH	44.334, 77.072, 292.903
CIE-LUV	44.334, -18.65, -107.197
Hunter-Lab	37.51, 22.654, -89.078
Binary	00101000, 01011111, 11100001

#285fe1
```
#285fe1 rgb(40,95,225)
```
#e1aa28
```
#e1aa28 rgb(225,170,40)
```

Complementary Color

#28bce1
```
#28bce1 rgb(40,188,225)
```
#285fe1
```
#285fe1 rgb(40,95,225)
```
#4e28e1
```
#4e28e1 rgb(78,40,225)
```

Analogous Color

#bce128
```
#bce128 rgb(188,225,40)
```
#285fe1
```
#285fe1 rgb(40,95,225)
```
#e14d28
```
#e14d28 rgb(225,77,40)
```

Split Complementary Color

#5fe128
```
#5fe128 rgb(95,225,40)
```
#285fe1
```
#285fe1 rgb(40,95,225)
```
#e1285f
```
#e1285f rgb(225,40,95)
```

Triadic Color

#28e1aa
```
#28e1aa rgb(40,225,170)
```
#285fe1
```
#285fe1 rgb(40,95,225)
```
#e1285f
```
#e1285f rgb(225,40,95)
```
#e1aa28
```
#e1aa28 rgb(225,170,40)
```

Tetradic Color

#1741a5
```
#1741a5 rgb(23,65,165)
```
#1a4abc
```
#1a4abc rgb(26,74,188)
```
#1d53d2
```
#1d53d2 rgb(29,83,210)
```
#285fe1
```
#285fe1 rgb(40,95,225)
```
#3e70e4
```
#3e70e4 rgb(62,112,228)
```
#5580e7
```
#5580e7 rgb(85,128,231)
```
#6b91ea
```
#6b91ea rgb(107,145,234)
```

Monochromatic Color

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

#288de1
```
#288de1 rgb(40,141,225)
```
#287ee1
```
#287ee1 rgb(40,126,225)
```
#286ee1
```
#286ee1 rgb(40,110,225)
```
#285fe1
```
#285fe1 rgb(40,95,225)
```
#2850e1
```
#2850e1 rgb(40,80,225)
```
#2840e1
```
#2840e1 rgb(40,64,225)
```
#2831e1
```
#2831e1 rgb(40,49,225)
```

Similar Colors

Text with hexadecimal color #285fe1

This text has a font color of #285fe1.

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

#285fe1 background color

This paragraph has a background color of #285fe1.

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

#285fe1 border color

This element has a border color of #285fe1.

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

CSS codes

.text {color:#285fe1;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#040a1a
```
#040a1a rgb(4,10,26)
```
#06112b
```
#06112b rgb(6,17,43)
```
#08183c
```
#08183c rgb(8,24,60)
```
#0b1f4e
```
#0b1f4e rgb(11,31,78)
```
#0d255f
```
#0d255f rgb(13,37,95)
```
#102c70
```
#102c70 rgb(16,44,112)
```
#123381
```
#123381 rgb(18,51,129)
```
#143a92
```
#143a92 rgb(20,58,146)
```
#1741a4
```
#1741a4 rgb(23,65,164)
```
#1948b5
```
#1948b5 rgb(25,72,181)
```
#1c4ec6
```
#1c4ec6 rgb(28,78,198)
```
#1e55d7
```
#1e55d7 rgb(30,85,215)
```

Shade Color Variation

#285fe1
```
#285fe1 rgb(40,95,225)
```
#396ce3
```
#396ce3 rgb(57,108,227)
```
#4a79e6
```
#4a79e6 rgb(74,121,230)
```
#5c85e8
```
#5c85e8 rgb(92,133,232)
```
#6d92eb
```
#6d92eb rgb(109,146,235)
```
#7e9fed
```
#7e9fed rgb(126,159,237)
```
#8facef
```
#8facef rgb(143,172,239)
```
#a0b9f2
```
#a0b9f2 rgb(160,185,242)
```
#b2c5f4
```
#b2c5f4 rgb(178,197,244)
```
#c3d2f7
```
#c3d2f7 rgb(195,210,247)
```
#d4dff9
```
#d4dff9 rgb(212,223,249)
```
#e5ecfb
```
#e5ecfb rgb(229,236,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d818c is the less saturated color, while #0c54fd is the most saturated one.

#7d818c
```
#7d818c rgb(125,129,140)
```
#737e96
```
#737e96 rgb(115,126,150)
```
#6a7a9f
```
#6a7a9f rgb(106,122,159)
```
#6176a8
```
#6176a8 rgb(97,118,168)
```
#5772b2
```
#5772b2 rgb(87,114,178)
```
#4e6ebb
```
#4e6ebb rgb(78,110,187)
```
#446ac5
```
#446ac5 rgb(68,106,197)
```
#3b67ce
```
#3b67ce rgb(59,103,206)
```
#3163d8
```
#3163d8 rgb(49,99,216)
```
#285fe1
```
#285fe1 rgb(40,95,225)
```
#1f5bea
```
#1f5bea rgb(31,91,234)
```
#1557f4
```
#1557f4 rgb(21,87,244)
```
#0c54fd
```
#0c54fd rgb(12,84,253)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#525d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#0e68d9 Protanomaly 1% of men, 0.01% of women
#0e6bc8 Deuteranomaly 6% of men, 0.4% of women
#0e71a4 Tritanomaly 0.01% of the population

#285fe1 hex color

#285fe1 Color Information

#285fe1 Color Conversion

Color Schemes with #285fe1

Alternatives to #285fe1

#285fe1 Preview

Shades and Tints of #285fe1

Tones of #285fe1

Color Blindness Simulator