#285ae1 hex color

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

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

● #285ae1 color description : Bright blue.

The hexadecimal color #285ae1 has RGB values of R:40, G:90, B:225 and CMYK values of C:0.82, M:0.6, Y:0, K:0.12. Its decimal value is 2644705.

Hex triplet	285ae1	`#285ae1`
RGB Decimal	40, 90, 225	`rgb(40,90,225)`
RGB Percent	15.7, 35.3, 88.2	`rgb(15.7%,35.3%,88.2%)`
CMYK	82, 60, 0, 12
HSL	223.8°, 75.5, 52	`hsl(223.8,75.5%,52%)`
HSV (or HSB)	223.8°, 82.2, 88.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.061, 33.192, -73.075
XYZ	18.119, 13.198, 72.823
xyY	0.174, 0.127, 13.198
CIE-LCH	43.061, 80.26, 294.428
CIE-LUV	43.061, -17.387, -109.154
Hunter-Lab	36.329, 25.449, -93.417
Binary	00101000, 01011010, 11100001

#285ae1
```
#285ae1 rgb(40,90,225)
```
#e1af28
```
#e1af28 rgb(225,175,40)
```

Complementary Color

#28b7e1
```
#28b7e1 rgb(40,183,225)
```
#285ae1
```
#285ae1 rgb(40,90,225)
```
#5228e1
```
#5228e1 rgb(82,40,225)
```

Analogous Color

#b7e128
```
#b7e128 rgb(183,225,40)
```
#285ae1
```
#285ae1 rgb(40,90,225)
```
#e15228
```
#e15228 rgb(225,82,40)
```

Split Complementary Color

#5ae128
```
#5ae128 rgb(90,225,40)
```
#285ae1
```
#285ae1 rgb(40,90,225)
```
#e1285a
```
#e1285a rgb(225,40,90)
```

Triadic Color

#28e1af
```
#28e1af rgb(40,225,175)
```
#285ae1
```
#285ae1 rgb(40,90,225)
```
#e1285a
```
#e1285a rgb(225,40,90)
```
#e1af28
```
#e1af28 rgb(225,175,40)
```

Tetradic Color

#173ea5
```
#173ea5 rgb(23,62,165)
```
#1a46bc
```
#1a46bc rgb(26,70,188)
```
#1d4ed2
```
#1d4ed2 rgb(29,78,210)
```
#285ae1
```
#285ae1 rgb(40,90,225)
```
#3e6be4
```
#3e6be4 rgb(62,107,228)
```
#557ce7
```
#557ce7 rgb(85,124,231)
```
#6b8eea
```
#6b8eea rgb(107,142,234)
```

Monochromatic Color

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

#2888e1
```
#2888e1 rgb(40,136,225)
```
#2879e1
```
#2879e1 rgb(40,121,225)
```
#2869e1
```
#2869e1 rgb(40,105,225)
```
#285ae1
```
#285ae1 rgb(40,90,225)
```
#284be1
```
#284be1 rgb(40,75,225)
```
#283be1
```
#283be1 rgb(40,59,225)
```
#282ce1
```
#282ce1 rgb(40,44,225)
```

Similar Colors

Text with hexadecimal color #285ae1

This text has a font color of #285ae1.

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

#285ae1 background color

This paragraph has a background color of #285ae1.

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

#285ae1 border color

This element has a border color of #285ae1.

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

CSS codes

.text {color:#285ae1;}

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

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

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)
```
#06102b
```
#06102b rgb(6,16,43)
```
#08163c
```
#08163c rgb(8,22,60)
```
#0b1d4e
```
#0b1d4e rgb(11,29,78)
```
#0d235f
```
#0d235f rgb(13,35,95)
```
#102a70
```
#102a70 rgb(16,42,112)
```
#123081
```
#123081 rgb(18,48,129)
```
#143792
```
#143792 rgb(20,55,146)
```
#173da4
```
#173da4 rgb(23,61,164)
```
#1943b5
```
#1943b5 rgb(25,67,181)
```
#1c4ac6
```
#1c4ac6 rgb(28,74,198)
```
#1e50d7
```
#1e50d7 rgb(30,80,215)
```

Shade Color Variation

#285ae1
```
#285ae1 rgb(40,90,225)
```
#3967e3
```
#3967e3 rgb(57,103,227)
```
#4a74e6
```
#4a74e6 rgb(74,116,230)
```
#5c82e8
```
#5c82e8 rgb(92,130,232)
```
#6d8feb
```
#6d8feb rgb(109,143,235)
```
#7e9ced
```
#7e9ced rgb(126,156,237)
```
#8fa9ef
```
#8fa9ef rgb(143,169,239)
```
#a0b6f2
```
#a0b6f2 rgb(160,182,242)
```
#b2c4f4
```
#b2c4f4 rgb(178,196,244)
```
#c3d1f7
```
#c3d1f7 rgb(195,209,247)
```
#d4def9
```
#d4def9 rgb(212,222,249)
```
#e5ebfb
```
#e5ebfb rgb(229,235,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 #0c4dfd is the most saturated one.

#7d818c
```
#7d818c rgb(125,129,140)
```
#737d96
```
#737d96 rgb(115,125,150)
```
#6a789f
```
#6a789f rgb(106,120,159)
```
#6174a8
```
#6174a8 rgb(97,116,168)
```
#5770b2
```
#5770b2 rgb(87,112,178)
```
#4e6bbb
```
#4e6bbb rgb(78,107,187)
```
#4467c5
```
#4467c5 rgb(68,103,197)
```
#3b63ce
```
#3b63ce rgb(59,99,206)
```
#315ed8
```
#315ed8 rgb(49,94,216)
```
#285ae1
```
#285ae1 rgb(40,90,225)
```
#1f56ea
```
#1f56ea rgb(31,86,234)
```
#1551f4
```
#1551f4 rgb(21,81,244)
```
#0c4dfd
```
#0c4dfd rgb(12,77,253)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#505a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#0e64d6 Protanomaly 1% of men, 0.01% of women
#0e68c5 Deuteranomaly 6% of men, 0.4% of women
#0e6da2 Tritanomaly 0.01% of the population

#285ae1 hex color

#285ae1 Color Information

#285ae1 Color Conversion

Color Schemes with #285ae1

Alternatives to #285ae1

#285ae1 Preview

Shades and Tints of #285ae1

Tones of #285ae1

Color Blindness Simulator