#285afe hex color

In a RGB color space, hex #285afe is composed of 15.7% red, 35.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 64.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 226 degrees, a saturation of 99.1% and a lightness of 57.6%. #285afe color hex could be obtained by blending #50b4ff with #0000fd. 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

● #285afe color description : Bright blue.

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

Hex triplet	285afe	`#285afe`
RGB Decimal	40, 90, 254	`rgb(40,90,254)`
RGB Percent	15.7, 35.3, 99.6	`rgb(15.7%,35.3%,99.6%)`
CMYK	84, 65, 0, 0
HSL	226°, 99.1, 57.6	`hsl(226,99.1%,57.6%)`
HSV (or HSB)	226°, 84.3, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.521, 43.746, -85.347
XYZ	22.417, 14.917, 95.458
xyY	0.169, 0.112, 14.917
CIE-LCH	45.521, 95.905, 297.138
CIE-LUV	45.521, -17.438, -127.962
Hunter-Lab	38.623, 36.011, -119.501
Binary	00101000, 01011010, 11111110

#285afe
```
#285afe rgb(40,90,254)
```
#fecc28
```
#fecc28 rgb(254,204,40)
```

Complementary Color

#28c5fe
```
#28c5fe rgb(40,197,254)
```
#285afe
```
#285afe rgb(40,90,254)
```
#6128fe
```
#6128fe rgb(97,40,254)
```

Analogous Color

#c5fe28
```
#c5fe28 rgb(197,254,40)
```
#285afe
```
#285afe rgb(40,90,254)
```
#fe6128
```
#fe6128 rgb(254,97,40)
```

Split Complementary Color

#5afe28
```
#5afe28 rgb(90,254,40)
```
#285afe
```
#285afe rgb(40,90,254)
```
#fe285a
```
#fe285a rgb(254,40,90)
```

Triadic Color

#28fecc
```
#28fecc rgb(40,254,204)
```
#285afe
```
#285afe rgb(40,90,254)
```
#fe285a
```
#fe285a rgb(254,40,90)
```
#fecc28
```
#fecc28 rgb(254,204,40)
```

Tetradic Color

#0133d8
```
#0133d8 rgb(1,51,216)
```
#0139f2
```
#0139f2 rgb(1,57,242)
```
#0f47fe
```
#0f47fe rgb(15,71,254)
```
#285afe
```
#285afe rgb(40,90,254)
```
#416dfe
```
#416dfe rgb(65,109,254)
```
#5b81fe
```
#5b81fe rgb(91,129,254)
```
#7494fe
```
#7494fe rgb(116,148,254)
```

Monochromatic Color

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

#2890fe
```
#2890fe rgb(40,144,254)
```
#287efe
```
#287efe rgb(40,126,254)
```
#286cfe
```
#286cfe rgb(40,108,254)
```
#285afe
```
#285afe rgb(40,90,254)
```
#2848fe
```
#2848fe rgb(40,72,254)
```
#2836fe
```
#2836fe rgb(40,54,254)
```
#2c28fe
```
#2c28fe rgb(44,40,254)
```

Similar Colors

Text with hexadecimal color #285afe

This text has a font color of #285afe.

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

#285afe background color

This paragraph has a background color of #285afe.

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

#285afe border color

This element has a border color of #285afe.

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

CSS codes

.text {color:#285afe;}

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

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

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

#000513
```
#000513 rgb(0,5,19)
```
#000927
```
#000927 rgb(0,9,39)
```
#000e3a
```
#000e3a rgb(0,14,58)
```
#00124e
```
#00124e rgb(0,18,78)
```
#001761
```
#001761 rgb(0,23,97)
```
#011c75
```
#011c75 rgb(1,28,117)
```
#012088
```
#012088 rgb(1,32,136)
```
#01259c
```
#01259c rgb(1,37,156)
```
#012aaf
```
#012aaf rgb(1,42,175)
```
#012ec3
```
#012ec3 rgb(1,46,195)
```
#0133d7
```
#0133d7 rgb(1,51,215)
```
#0138ea
```
#0138ea rgb(1,56,234)
```
#013cfe
```
#013cfe rgb(1,60,254)
```

Shade Color Variation

#144bfe
```
#144bfe rgb(20,75,254)
```
#285afe
```
#285afe rgb(40,90,254)
```
#3c69fe
```
#3c69fe rgb(60,105,254)
```
#4f78fe
```
#4f78fe rgb(79,120,254)
```
#6387fe
```
#6387fe rgb(99,135,254)
```
#7696fe
```
#7696fe rgb(118,150,254)
```
#8aa5fe
```
#8aa5fe rgb(138,165,254)
```
#9db4ff
```
#9db4ff rgb(157,180,255)
```
#b1c3ff
```
#b1c3ff rgb(177,195,255)
```
#c4d2ff
```
#c4d2ff rgb(196,210,255)
```
#d8e1ff
```
#d8e1ff rgb(216,225,255)
```
#ebf0ff
```
#ebf0ff rgb(235,240,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8c8f9a
```
#8c8f9a rgb(140,143,154)
```
#838ba3
```
#838ba3 rgb(131,139,163)
```
#7b86ab
```
#7b86ab rgb(123,134,171)
```
#7382b3
```
#7382b3 rgb(115,130,179)
```
#6a7dbc
```
#6a7dbc rgb(106,125,188)
```
#6279c4
```
#6279c4 rgb(98,121,196)
```
#5a75cc
```
#5a75cc rgb(90,117,204)
```
#5270d4
```
#5270d4 rgb(82,112,212)
```
#496cdd
```
#496cdd rgb(73,108,221)
```
#4167e5
```
#4167e5 rgb(65,103,229)
```
#3963ed
```
#3963ed rgb(57,99,237)
```
#305ef6
```
#305ef6 rgb(48,94,246)
```
#285afe
```
#285afe rgb(40,90,254)
```

Tone Color Variation

Below, you can see how #285afe 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
#0076bd Deuteranopia 1% of men
#007e85 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

#285afe hex color

#285afe Color Information

#285afe Color Conversion

Color Schemes with #285afe

Alternatives to #285afe

#285afe Preview

Shades and Tints of #285afe

Tones of #285afe

Color Blindness Simulator