#285aff hex color

In a RGB color space, hex #285aff is composed of 15.7% red, 35.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 64.7% magenta, 0% yellow and 0% black. It has a hue angle of 226 degrees, a saturation of 100% and a lightness of 57.8%. #285aff color hex could be obtained by blending #50b4ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 35
- B 100
RGB color chart
- C 84
- M 65
- Y 0
- K 0
CMYK color chart

● #285aff color description : Vivid blue.

The hexadecimal color #285aff has RGB values of R:40, G:90, B:255 and CMYK values of C:0.84, M:0.65, Y:0, K:0. Its decimal value is 2644735.

Hex triplet	285aff	`#285aff`
RGB Decimal	40, 90, 255	`rgb(40,90,255)`
RGB Percent	15.7, 35.3, 100	`rgb(15.7%,35.3%,100%)`
CMYK	84, 65, 0, 0
HSL	226°, 100, 57.8	`hsl(226,100%,57.8%)`
HSV (or HSB)	226°, 84.3, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.609, 44.101, -85.758
XYZ	22.577, 14.982, 96.304
xyY	0.169, 0.112, 14.982
CIE-LCH	45.609, 96.434, 297.215
CIE-LUV	45.609, -17.443, -128.592
Hunter-Lab	38.706, 36.384, -120.424
Binary	00101000, 01011010, 11111111

#285aff
```
#285aff rgb(40,90,255)
```
#ffcd28
```
#ffcd28 rgb(255,205,40)
```

Complementary Color

#28c6ff
```
#28c6ff rgb(40,198,255)
```
#285aff
```
#285aff rgb(40,90,255)
```
#6128ff
```
#6128ff rgb(97,40,255)
```

Analogous Color

#c6ff28
```
#c6ff28 rgb(198,255,40)
```
#285aff
```
#285aff rgb(40,90,255)
```
#ff6128
```
#ff6128 rgb(255,97,40)
```

Split Complementary Color

#5aff28
```
#5aff28 rgb(90,255,40)
```
#285aff
```
#285aff rgb(40,90,255)
```
#ff285a
```
#ff285a rgb(255,40,90)
```

Triadic Color

#28ffcd
```
#28ffcd rgb(40,255,205)
```
#285aff
```
#285aff rgb(40,90,255)
```
#ff285a
```
#ff285a rgb(255,40,90)
```
#ffcd28
```
#ffcd28 rgb(255,205,40)
```

Tetradic Color

#0033db
```
#0033db rgb(0,51,219)
```
#0039f4
```
#0039f4 rgb(0,57,244)
```
#0f46ff
```
#0f46ff rgb(15,70,255)
```
#285aff
```
#285aff rgb(40,90,255)
```
#426eff
```
#426eff rgb(66,110,255)
```
#5b81ff
```
#5b81ff rgb(91,129,255)
```
#7595ff
```
#7595ff rgb(117,149,255)
```

Monochromatic Color

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

#2890ff
```
#2890ff rgb(40,144,255)
```
#287eff
```
#287eff rgb(40,126,255)
```
#286cff
```
#286cff rgb(40,108,255)
```
#285aff
```
#285aff rgb(40,90,255)
```
#2848ff
```
#2848ff rgb(40,72,255)
```
#2836ff
```
#2836ff rgb(40,54,255)
```
#2c28ff
```
#2c28ff rgb(44,40,255)
```

Similar Colors

Text with hexadecimal color #285aff

This text has a font color of #285aff.

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

#285aff background color

This paragraph has a background color of #285aff.

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

#285aff border color

This element has a border color of #285aff.

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

CSS codes

.text {color:#285aff;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000514
```
#000514 rgb(0,5,20)
```
#000928
```
#000928 rgb(0,9,40)
```
#000e3c
```
#000e3c rgb(0,14,60)
```
#00124f
```
#00124f rgb(0,18,79)
```
#001763
```
#001763 rgb(0,23,99)
```
#001c76
```
#001c76 rgb(0,28,118)
```
#00208a
```
#00208a rgb(0,32,138)
```
#00259e
```
#00259e rgb(0,37,158)
```
#0029b1
```
#0029b1 rgb(0,41,177)
```
#002ec5
```
#002ec5 rgb(0,46,197)
```
#0032d9
```
#0032d9 rgb(0,50,217)
```
#0037ec
```
#0037ec rgb(0,55,236)
```

Shade Color Variation

#013cff
```
#013cff rgb(1,60,255)
```
#144bff
```
#144bff rgb(20,75,255)
```
#285aff
```
#285aff rgb(40,90,255)
```
#3c69ff
```
#3c69ff rgb(60,105,255)
```
#4f78ff
```
#4f78ff rgb(79,120,255)
```
#6387ff
```
#6387ff rgb(99,135,255)
```
#7696ff
```
#7696ff rgb(118,150,255)
```
#8aa5ff
```
#8aa5ff rgb(138,165,255)
```
#9eb4ff
```
#9eb4ff rgb(158,180,255)
```
#b1c3ff
```
#b1c3ff rgb(177,195,255)
```
#c5d2ff
```
#c5d2ff rgb(197,210,255)
```
#d9e1ff
```
#d9e1ff rgb(217,225,255)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8f9c is the less saturated color, while #285aff is the most saturated one.

#8b8f9c
```
#8b8f9c rgb(139,143,156)
```
#838ba4
```
#838ba4 rgb(131,139,164)
```
#7b86ac
```
#7b86ac rgb(123,134,172)
```
#7282b5
```
#7282b5 rgb(114,130,181)
```
#6a7dbd
```
#6a7dbd rgb(106,125,189)
```
#6279c5
```
#6279c5 rgb(98,121,197)
```
#5a75cd
```
#5a75cd rgb(90,117,205)
```
#5170d6
```
#5170d6 rgb(81,112,214)
```
#496cde
```
#496cde rgb(73,108,222)
```
#4167e6
```
#4167e6 rgb(65,103,230)
```
#3963ee
```
#3963ee rgb(57,99,238)
```
#305ef7
```
#305ef7 rgb(48,94,247)
```
#285aff
```
#285aff rgb(40,90,255)
```

Tone Color Variation

Below, you can see how #285aff 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
#535d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007f85 Tritanopia 0.001% of the population

Trichromacy

#0e68e7 Protanomaly 1% of men, 0.01% of women
#0e6cd5 Deuteranomaly 6% of men, 0.4% of women
#0e71b1 Tritanomaly 0.01% of the population

#285aff hex color

#285aff Color Information

#285aff Color Conversion

Color Schemes with #285aff

Alternatives to #285aff

#285aff Preview

Shades and Tints of #285aff

Tones of #285aff

Color Blindness Simulator