#285aea hex color

In a RGB color space, hex #285aea is composed of 15.7% red, 35.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 61.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 224.5 degrees, a saturation of 82.2% and a lightness of 53.7%. #285aea color hex could be obtained by blending #50b4ff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 35
- B 92
RGB color chart
- C 83
- M 62
- Y 0
- K 8
CMYK color chart

● #285aea color description : Bright blue.

The hexadecimal color #285aea has RGB values of R:40, G:90, B:234 and CMYK values of C:0.83, M:0.62, Y:0, K:0.08. Its decimal value is 2644714.

Hex triplet	285aea	`#285aea`
RGB Decimal	40, 90, 234	`rgb(40,90,234)`
RGB Percent	15.7, 35.3, 91.8	`rgb(15.7%,35.3%,91.8%)`
CMYK	83, 62, 0, 8
HSL	224.5°, 82.2, 53.7	`hsl(224.5,82.2%,53.7%)`
HSV (or HSB)	224.5°, 82.9, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.803, 36.514, -76.955
XYZ	19.379, 13.702, 79.461
xyY	0.172, 0.122, 13.702
CIE-LCH	43.803, 85.179, 295.384
CIE-LUV	43.803, -17.381, -115.115
Hunter-Lab	37.017, 28.67, -101.361
Binary	00101000, 01011010, 11101010

#285aea
```
#285aea rgb(40,90,234)
```
#eab828
```
#eab828 rgb(234,184,40)
```

Complementary Color

#28bbea
```
#28bbea rgb(40,187,234)
```
#285aea
```
#285aea rgb(40,90,234)
```
#5728ea
```
#5728ea rgb(87,40,234)
```

Analogous Color

#bbea28
```
#bbea28 rgb(187,234,40)
```
#285aea
```
#285aea rgb(40,90,234)
```
#ea5728
```
#ea5728 rgb(234,87,40)
```

Split Complementary Color

#5aea28
```
#5aea28 rgb(90,234,40)
```
#285aea
```
#285aea rgb(40,90,234)
```
#ea285a
```
#ea285a rgb(234,40,90)
```

Triadic Color

#28eab8
```
#28eab8 rgb(40,234,184)
```
#285aea
```
#285aea rgb(40,90,234)
```
#ea285a
```
#ea285a rgb(234,40,90)
```
#eab828
```
#eab828 rgb(234,184,40)
```

Tetradic Color

#123bb4
```
#123bb4 rgb(18,59,180)
```
#1443cb
```
#1443cb rgb(20,67,203)
```
#164be2
```
#164be2 rgb(22,75,226)
```
#285aea
```
#285aea rgb(40,90,234)
```
#3f6cec
```
#3f6cec rgb(63,108,236)
```
#567eef
```
#567eef rgb(86,126,239)
```
#6e8ff1
```
#6e8ff1 rgb(110,143,241)
```

Monochromatic Color

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

#288bea
```
#288bea rgb(40,139,234)
```
#287aea
```
#287aea rgb(40,122,234)
```
#286aea
```
#286aea rgb(40,106,234)
```
#285aea
```
#285aea rgb(40,90,234)
```
#284aea
```
#284aea rgb(40,74,234)
```
#283aea
```
#283aea rgb(40,58,234)
```
#2829ea
```
#2829ea rgb(40,41,234)
```

Similar Colors

Text with hexadecimal color #285aea

This text has a font color of #285aea.

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

#285aea background color

This paragraph has a background color of #285aea.

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

#285aea border color

This element has a border color of #285aea.

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

CSS codes

.text {color:#285aea;}

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

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

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

#020611
```
#020611 rgb(2,6,17)
```
#030c23
```
#030c23 rgb(3,12,35)
```
#051235
```
#051235 rgb(5,18,53)
```
#071747
```
#071747 rgb(7,23,71)
```
#091d59
```
#091d59 rgb(9,29,89)
```
#0a236b
```
#0a236b rgb(10,35,107)
```
#0c297d
```
#0c297d rgb(12,41,125)
```
#0e2f8e
```
#0e2f8e rgb(14,47,142)
```
#1035a0
```
#1035a0 rgb(16,53,160)
```
#113bb2
```
#113bb2 rgb(17,59,178)
```
#1341c4
```
#1341c4 rgb(19,65,196)
```
#1547d6
```
#1547d6 rgb(21,71,214)
```
#174de8
```
#174de8 rgb(23,77,232)
```

Shade Color Variation

#285aea
```
#285aea rgb(40,90,234)
```
#3a68ec
```
#3a68ec rgb(58,104,236)
```
#4c75ed
```
#4c75ed rgb(76,117,237)
```
#5e83ef
```
#5e83ef rgb(94,131,239)
```
#6f91f1
```
#6f91f1 rgb(111,145,241)
```
#819ff3
```
#819ff3 rgb(129,159,243)
```
#93acf4
```
#93acf4 rgb(147,172,244)
```
#a5baf6
```
#a5baf6 rgb(165,186,246)
```
#b7c8f8
```
#b7c8f8 rgb(183,200,248)
```
#c9d5fa
```
#c9d5fa rgb(201,213,250)
```
#dbe3fb
```
#dbe3fb rgb(219,227,251)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83868f is the less saturated color, while #1651fc is the most saturated one.

#83868f
```
#83868f rgb(131,134,143)
```
#7a8298
```
#7a8298 rgb(122,130,152)
```
#717da1
```
#717da1 rgb(113,125,161)
```
#6879aa
```
#6879aa rgb(104,121,170)
```
#5e74b4
```
#5e74b4 rgb(94,116,180)
```
#5570bd
```
#5570bd rgb(85,112,189)
```
#4c6cc6
```
#4c6cc6 rgb(76,108,198)
```
#4367cf
```
#4367cf rgb(67,103,207)
```
#3a63d8
```
#3a63d8 rgb(58,99,216)
```
#315ee1
```
#315ee1 rgb(49,94,225)
```
#285aea
```
#285aea rgb(40,90,234)
```
#1f56f3
```
#1f56f3 rgb(31,86,243)
```
#1651fc
```
#1651fc rgb(22,81,252)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#515b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0e65db Protanomaly 1% of men, 0.01% of women
#0e69ca Deuteranomaly 6% of men, 0.4% of women
#0e6ea7 Tritanomaly 0.01% of the population

#285aea hex color

#285aea Color Information

#285aea Color Conversion

Color Schemes with #285aea

Alternatives to #285aea

#285aea Preview

Shades and Tints of #285aea

Tones of #285aea

Color Blindness Simulator