#285aed hex color

In a RGB color space, hex #285aed is composed of 15.7% red, 35.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 62% magenta, 0% yellow and 7.1% black. It has a hue angle of 224.8 degrees, a saturation of 84.5% and a lightness of 54.3%. #285aed color hex could be obtained by blending #50b4ff with #0000db. Closest websafe color is: #3366ff.

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

● #285aed color description : Bright blue.

The hexadecimal color #285aed has RGB values of R:40, G:90, B:237 and CMYK values of C:0.83, M:0.62, Y:0, K:0.07. Its decimal value is 2644717.

Hex triplet	285aed	`#285aed`
RGB Decimal	40, 90, 237	`rgb(40,90,237)`
RGB Percent	15.7, 35.3, 92.9	`rgb(15.7%,35.3%,92.9%)`
CMYK	83, 62, 0, 7
HSL	224.8°, 84.5, 54.3	`hsl(224.8,84.5%,54.3%)`
HSV (or HSB)	224.8°, 83.1, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.055, 37.613, -78.234
XYZ	19.814, 13.876, 81.75
xyY	0.172, 0.12, 13.876
CIE-LCH	44.055, 86.806, 295.677
CIE-LUV	44.055, -17.384, -117.075
Hunter-Lab	37.251, 29.756, -104.041
Binary	00101000, 01011010, 11101101

#285aed
```
#285aed rgb(40,90,237)
```
#edbb28
```
#edbb28 rgb(237,187,40)
```

Complementary Color

#28bded
```
#28bded rgb(40,189,237)
```
#285aed
```
#285aed rgb(40,90,237)
```
#5828ed
```
#5828ed rgb(88,40,237)
```

Analogous Color

#bded28
```
#bded28 rgb(189,237,40)
```
#285aed
```
#285aed rgb(40,90,237)
```
#ed5828
```
#ed5828 rgb(237,88,40)
```

Split Complementary Color

#5aed28
```
#5aed28 rgb(90,237,40)
```
#285aed
```
#285aed rgb(40,90,237)
```
#ed285a
```
#ed285a rgb(237,40,90)
```

Triadic Color

#28edbb
```
#28edbb rgb(40,237,187)
```
#285aed
```
#285aed rgb(40,90,237)
```
#ed285a
```
#ed285a rgb(237,40,90)
```
#edbb28
```
#edbb28 rgb(237,187,40)
```

Tetradic Color

#0f3bb9
```
#0f3bb9 rgb(15,59,185)
```
#1142d1
```
#1142d1 rgb(17,66,209)
```
#1349e8
```
#1349e8 rgb(19,73,232)
```
#285aed
```
#285aed rgb(40,90,237)
```
#406cef
```
#406cef rgb(64,108,239)
```
#577ef1
```
#577ef1 rgb(87,126,241)
```
#6f90f3
```
#6f90f3 rgb(111,144,243)
```

Monochromatic Color

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

#288bed
```
#288bed rgb(40,139,237)
```
#287bed
```
#287bed rgb(40,123,237)
```
#286aed
```
#286aed rgb(40,106,237)
```
#285aed
```
#285aed rgb(40,90,237)
```
#284aed
```
#284aed rgb(40,74,237)
```
#2839ed
```
#2839ed rgb(40,57,237)
```
#2829ed
```
#2829ed rgb(40,41,237)
```

Similar Colors

Text with hexadecimal color #285aed

This text has a font color of #285aed.

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

#285aed background color

This paragraph has a background color of #285aed.

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

#285aed border color

This element has a border color of #285aed.

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

CSS codes

.text {color:#285aed;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020614
```
#020614 rgb(2,6,20)
```
#030c26
```
#030c26 rgb(3,12,38)
```
#051239
```
#051239 rgb(5,18,57)
```
#06184b
```
#06184b rgb(6,24,75)
```
#081d5d
```
#081d5d rgb(8,29,93)
```
#09236f
```
#09236f rgb(9,35,111)
```
#0b2981
```
#0b2981 rgb(11,41,129)
```
#0c2e93
```
#0c2e93 rgb(12,46,147)
```
#0e34a5
```
#0e34a5 rgb(14,52,165)
```
#0f3ab7
```
#0f3ab7 rgb(15,58,183)
```
#1140c9
```
#1140c9 rgb(17,64,201)
```
#1245db
```
#1245db rgb(18,69,219)
```

Shade Color Variation

#164ceb
```
#164ceb rgb(22,76,235)
```
#285aed
```
#285aed rgb(40,90,237)
```
#3a68ef
```
#3a68ef rgb(58,104,239)
```
#4c76f0
```
#4c76f0 rgb(76,118,240)
```
#5e84f2
```
#5e84f2 rgb(94,132,242)
```
#7092f3
```
#7092f3 rgb(112,146,243)
```
#839ff5
```
#839ff5 rgb(131,159,245)
```
#95adf6
```
#95adf6 rgb(149,173,246)
```
#a7bbf8
```
#a7bbf8 rgb(167,187,248)
```
#b9c9f9
```
#b9c9f9 rgb(185,201,249)
```
#cbd7fb
```
#cbd7fb rgb(203,215,251)
```
#dde5fc
```
#dde5fc rgb(221,229,252)
```
#eff3fe
```
#eff3fe rgb(239,243,254)
```

Tint Color Variation

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

#828693
```
#828693 rgb(130,134,147)
```
#79829c
```
#79829c rgb(121,130,156)
```
#707da5
```
#707da5 rgb(112,125,165)
```
#6779ae
```
#6779ae rgb(103,121,174)
```
#5e74b7
```
#5e74b7 rgb(94,116,183)
```
#5570c0
```
#5570c0 rgb(85,112,192)
```
#4c6cc9
```
#4c6cc9 rgb(76,108,201)
```
#4367d2
```
#4367d2 rgb(67,103,210)
```
#3a63db
```
#3a63db rgb(58,99,219)
```
#315ee4
```
#315ee4 rgb(49,94,228)
```
#285aed
```
#285aed rgb(40,90,237)
```
#1f56f6
```
#1f56f6 rgb(31,86,246)
```
#1651ff
```
#1651ff rgb(22,81,255)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#525c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0e65dd Protanomaly 1% of men, 0.01% of women
#0e69cb Deuteranomaly 6% of men, 0.4% of women
#0e6fa8 Tritanomaly 0.01% of the population

#285aed hex color

#285aed Color Information

#285aed Color Conversion

Color Schemes with #285aed

Alternatives to #285aed

#285aed Preview

Shades and Tints of #285aed

Tones of #285aed

Color Blindness Simulator