#285cf7 hex color

In a RGB color space, hex #285cf7 is composed of 15.7% red, 36.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 62.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 224.9 degrees, a saturation of 92.8% and a lightness of 56.3%. #285cf7 color hex could be obtained by blending #50b8ff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 36
- B 97
RGB color chart
- C 84
- M 63
- Y 0
- K 3
CMYK color chart

● #285cf7 color description : Bright blue.

The hexadecimal color #285cf7 has RGB values of R:40, G:92, B:247 and CMYK values of C:0.84, M:0.63, Y:0, K:0.03. Its decimal value is 2645239.

Hex triplet	285cf7	`#285cf7`
RGB Decimal	40, 92, 247	`rgb(40,92,247)`
RGB Percent	15.7, 36.1, 96.9	`rgb(15.7%,36.1%,96.9%)`
CMYK	84, 63, 0, 3
HSL	224.9°, 92.8, 56.3	`hsl(224.9,92.8%,56.3%)`
HSV (or HSB)	224.9°, 83.8, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.385, 39.998, -81.664
XYZ	21.487, 14.819, 89.718
xyY	0.17, 0.118, 14.819
CIE-LCH	45.385, 90.934, 296.095
CIE-LUV	45.385, -17.863, -122.909
Hunter-Lab	38.496, 32.266, -111.235
Binary	00101000, 01011100, 11110111

#285cf7
```
#285cf7 rgb(40,92,247)
```
#f7c328
```
#f7c328 rgb(247,195,40)
```

Complementary Color

#28c4f7
```
#28c4f7 rgb(40,196,247)
```
#285cf7
```
#285cf7 rgb(40,92,247)
```
#5c28f7
```
#5c28f7 rgb(92,40,247)
```

Analogous Color

#c4f728
```
#c4f728 rgb(196,247,40)
```
#285cf7
```
#285cf7 rgb(40,92,247)
```
#f75c28
```
#f75c28 rgb(247,92,40)
```

Split Complementary Color

#5cf728
```
#5cf728 rgb(92,247,40)
```
#285cf7
```
#285cf7 rgb(40,92,247)
```
#f7285c
```
#f7285c rgb(247,40,92)
```

Triadic Color

#28f7c3
```
#28f7c3 rgb(40,247,195)
```
#285cf7
```
#285cf7 rgb(40,92,247)
```
#f7285c
```
#f7285c rgb(247,40,92)
```
#f7c328
```
#f7c328 rgb(247,195,40)
```

Tetradic Color

#0839cb
```
#0839cb rgb(8,57,203)
```
#083fe4
```
#083fe4 rgb(8,63,228)
```
#0f49f6
```
#0f49f6 rgb(15,73,246)
```
#285cf7
```
#285cf7 rgb(40,92,247)
```
#416ff8
```
#416ff8 rgb(65,111,248)
```
#5981f9
```
#5981f9 rgb(89,129,249)
```
#7294fa
```
#7294fa rgb(114,148,250)
```

Monochromatic Color

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

#2890f7
```
#2890f7 rgb(40,144,247)
```
#287ff7
```
#287ff7 rgb(40,127,247)
```
#286df7
```
#286df7 rgb(40,109,247)
```
#285cf7
```
#285cf7 rgb(40,92,247)
```
#284bf7
```
#284bf7 rgb(40,75,247)
```
#283af7
```
#283af7 rgb(40,58,247)
```
#2828f7
```
#2828f7 rgb(40,40,247)
```

Similar Colors

Text with hexadecimal color #285cf7

This text has a font color of #285cf7.

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

#285cf7 background color

This paragraph has a background color of #285cf7.

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

#285cf7 border color

This element has a border color of #285cf7.

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

CSS codes

.text {color:#285cf7;}

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

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

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

#00030c
```
#00030c rgb(0,3,12)
```
#01091f
```
#01091f rgb(1,9,31)
```
#020e32
```
#020e32 rgb(2,14,50)
```
#031345
```
#031345 rgb(3,19,69)
```
#031858
```
#031858 rgb(3,24,88)
```
#041e6a
```
#041e6a rgb(4,30,106)
```
#05237d
```
#05237d rgb(5,35,125)
```
#052890
```
#052890 rgb(5,40,144)
```
#062ea3
```
#062ea3 rgb(6,46,163)
```
#0733b6
```
#0733b6 rgb(7,51,182)
```
#0738c9
```
#0738c9 rgb(7,56,201)
```
#083ddc
```
#083ddc rgb(8,61,220)
```
#0943ef
```
#0943ef rgb(9,67,239)
```

Shade Color Variation

#154ef6
```
#154ef6 rgb(21,78,246)
```
#285cf7
```
#285cf7 rgb(40,92,247)
```
#3b6af8
```
#3b6af8 rgb(59,106,248)
```
#4e79f8
```
#4e79f8 rgb(78,121,248)
```
#6187f9
```
#6187f9 rgb(97,135,249)
```
#7495fa
```
#7495fa rgb(116,149,250)
```
#87a4fb
```
#87a4fb rgb(135,164,251)
```
#99b2fb
```
#99b2fb rgb(153,178,251)
```
#acc0fc
```
#acc0fc rgb(172,192,252)
```
#bfcffd
```
#bfcffd rgb(191,207,253)
```
#d2ddfd
```
#d2ddfd rgb(210,221,253)
```
#e5ebfe
```
#e5ebfe rgb(229,235,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#8f8f90
```
#8f8f90 rgb(143,143,144)
```
#868b99
```
#868b99 rgb(134,139,153)
```
#7e87a1
```
#7e87a1 rgb(126,135,161)
```
#7582aa
```
#7582aa rgb(117,130,170)
```
#6d7eb2
```
#6d7eb2 rgb(109,126,178)
```
#647abb
```
#647abb rgb(100,122,187)
```
#5b76c4
```
#5b76c4 rgb(91,118,196)
```
#5371cc
```
#5371cc rgb(83,113,204)
```
#4a6dd5
```
#4a6dd5 rgb(74,109,213)
```
#4269dd
```
#4269dd rgb(66,105,221)
```
#3965e6
```
#3965e6 rgb(57,101,230)
```
#3160ee
```
#3160ee rgb(49,96,238)
```
#285cf7
```
#285cf7 rgb(40,92,247)
```

Tone Color Variation

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

Dichromacy

#006fd9 Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#0e68e4 Protanomaly 1% of men, 0.01% of women
#0e6cd2 Deuteranomaly 6% of men, 0.4% of women
#0e71ae Tritanomaly 0.01% of the population

#285cf7 hex color

#285cf7 Color Information

#285cf7 Color Conversion

Color Schemes with #285cf7

Alternatives to #285cf7

#285cf7 Preview

Shades and Tints of #285cf7

Tones of #285cf7

Color Blindness Simulator