#285ff5 hex color

In a RGB color space, hex #285ff5 is composed of 15.7% red, 37.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 61.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 223.9 degrees, a saturation of 91.1% and a lightness of 55.9%. #285ff5 color hex could be obtained by blending #50beff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 37
- B 96
RGB color chart
- C 84
- M 61
- Y 0
- K 4
CMYK color chart

● #285ff5 color description : Bright blue.

The hexadecimal color #285ff5 has RGB values of R:40, G:95, B:245 and CMYK values of C:0.84, M:0.61, Y:0, K:0.04. Its decimal value is 2646005.

Hex triplet	285ff5	`#285ff5`
RGB Decimal	40, 95, 245	`rgb(40,95,245)`
RGB Percent	15.7, 37.3, 96.1	`rgb(15.7%,37.3%,96.1%)`
CMYK	84, 61, 0, 4
HSL	223.9°, 91.1, 55.9	`hsl(223.9,91.1%,55.9%)`
HSV (or HSB)	223.9°, 83.7, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.943, 37.398, -79.632
XYZ	21.445, 15.226, 88.19
xyY	0.172, 0.122, 15.226
CIE-LCH	45.943, 87.977, 295.156
CIE-LUV	45.943, -18.565, -120.609
Hunter-Lab	39.021, 29.813, -106.684
Binary	00101000, 01011111, 11110101

#285ff5
```
#285ff5 rgb(40,95,245)
```
#f5be28
```
#f5be28 rgb(245,190,40)
```

Complementary Color

#28c6f5
```
#28c6f5 rgb(40,198,245)
```
#285ff5
```
#285ff5 rgb(40,95,245)
```
#5828f5
```
#5828f5 rgb(88,40,245)
```

Analogous Color

#c6f528
```
#c6f528 rgb(198,245,40)
```
#285ff5
```
#285ff5 rgb(40,95,245)
```
#f55828
```
#f55828 rgb(245,88,40)
```

Split Complementary Color

#5ff528
```
#5ff528 rgb(95,245,40)
```
#285ff5
```
#285ff5 rgb(40,95,245)
```
#f5285f
```
#f5285f rgb(245,40,95)
```

Triadic Color

#28f5be
```
#28f5be rgb(40,245,190)
```
#285ff5
```
#285ff5 rgb(40,95,245)
```
#f5285f
```
#f5285f rgb(245,40,95)
```
#f5be28
```
#f5be28 rgb(245,190,40)
```

Tetradic Color

#093cc7
```
#093cc7 rgb(9,60,199)
```
#0a44e0
```
#0a44e0 rgb(10,68,224)
```
#104df4
```
#104df4 rgb(16,77,244)
```
#285ff5
```
#285ff5 rgb(40,95,245)
```
#4071f6
```
#4071f6 rgb(64,113,246)
```
#5983f7
```
#5983f7 rgb(89,131,247)
```
#7195f8
```
#7195f8 rgb(113,149,248)
```

Monochromatic Color

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

#2892f5
```
#2892f5 rgb(40,146,245)
```
#2881f5
```
#2881f5 rgb(40,129,245)
```
#2870f5
```
#2870f5 rgb(40,112,245)
```
#285ff5
```
#285ff5 rgb(40,95,245)
```
#284ef5
```
#284ef5 rgb(40,78,245)
```
#283df5
```
#283df5 rgb(40,61,245)
```
#282cf5
```
#282cf5 rgb(40,44,245)
```

Similar Colors

Text with hexadecimal color #285ff5

This text has a font color of #285ff5.

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

#285ff5 background color

This paragraph has a background color of #285ff5.

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

#285ff5 border color

This element has a border color of #285ff5.

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

CSS codes

.text {color:#285ff5;}

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

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

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, #00030a is the darkest color, while #f6f8ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#01091d
```
#01091d rgb(1,9,29)
```
#020e2f
```
#020e2f rgb(2,14,47)
```
#031442
```
#031442 rgb(3,20,66)
```
#041a55
```
#041a55 rgb(4,26,85)
```
#051f68
```
#051f68 rgb(5,31,104)
```
#06257a
```
#06257a rgb(6,37,122)
```
#072b8d
```
#072b8d rgb(7,43,141)
```
#0730a0
```
#0730a0 rgb(7,48,160)
```
#0836b3
```
#0836b3 rgb(8,54,179)
```
#093cc5
```
#093cc5 rgb(9,60,197)
```
#0a41d8
```
#0a41d8 rgb(10,65,216)
```
#0b47eb
```
#0b47eb rgb(11,71,235)
```

Shade Color Variation

#1551f4
```
#1551f4 rgb(21,81,244)
```
#285ff5
```
#285ff5 rgb(40,95,245)
```
#3b6df6
```
#3b6df6 rgb(59,109,246)
```
#4d7bf7
```
#4d7bf7 rgb(77,123,247)
```
#6089f8
```
#6089f8 rgb(96,137,248)
```
#7397f8
```
#7397f8 rgb(115,151,248)
```
#86a5f9
```
#86a5f9 rgb(134,165,249)
```
#98b3fa
```
#98b3fa rgb(152,179,250)
```
#abc1fb
```
#abc1fb rgb(171,193,251)
```
#becffc
```
#becffc rgb(190,207,252)
```
#d1ddfd
```
#d1ddfd rgb(209,221,253)
```
#e3eafe
```
#e3eafe rgb(227,234,254)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878b96 is the less saturated color, while #1f5bfe is the most saturated one.

#878b96
```
#878b96 rgb(135,139,150)
```
#7f879e
```
#7f879e rgb(127,135,158)
```
#7683a7
```
#7683a7 rgb(118,131,167)
```
#6d7fb0
```
#6d7fb0 rgb(109,127,176)
```
#657bb8
```
#657bb8 rgb(101,123,184)
```
#5c77c1
```
#5c77c1 rgb(92,119,193)
```
#5373ca
```
#5373ca rgb(83,115,202)
```
#4b6fd2
```
#4b6fd2 rgb(75,111,210)
```
#426bdb
```
#426bdb rgb(66,107,219)
```
#3967e4
```
#3967e4 rgb(57,103,228)
```
#3163ec
```
#3163ec rgb(49,99,236)
```
#285ff5
```
#285ff5 rgb(40,95,245)
```
#1f5bfe
```
#1f5bfe rgb(31,91,254)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#55607e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#0e6ae5 Protanomaly 1% of men, 0.01% of women
#0e6ed3 Deuteranomaly 6% of men, 0.4% of women
#0e73ae Tritanomaly 0.01% of the population

#285ff5 hex color

#285ff5 Color Information

#285ff5 Color Conversion

Color Schemes with #285ff5

Alternatives to #285ff5

#285ff5 Preview

Shades and Tints of #285ff5

Tones of #285ff5

Color Blindness Simulator