#285cff hex color

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

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

● #285cff color description : Vivid blue.

The hexadecimal color #285cff has RGB values of R:40, G:92, B:255 and CMYK values of C:0.84, M:0.64, Y:0, K:0. Its decimal value is 2645247.

Hex triplet	285cff	`#285cff`
RGB Decimal	40, 92, 255	`rgb(40,92,255)`
RGB Percent	15.7, 36.1, 100	`rgb(15.7%,36.1%,100%)`
CMYK	84, 64, 0, 0
HSL	225.5°, 100, 57.8	`hsl(225.5,100%,57.8%)`
HSV (or HSB)	225.5°, 84.3, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.074, 42.876, -84.994
XYZ	22.748, 15.324, 96.361
xyY	0.169, 0.114, 15.324
CIE-LCH	46.074, 95.196, 296.769
CIE-LUV	46.074, -17.884, -128.021
Hunter-Lab	39.145, 35.227, -118.548
Binary	00101000, 01011100, 11111111

#285cff
```
#285cff rgb(40,92,255)
```
#ffcb28
```
#ffcb28 rgb(255,203,40)
```

Complementary Color

#28c8ff
```
#28c8ff rgb(40,200,255)
```
#285cff
```
#285cff rgb(40,92,255)
```
#6028ff
```
#6028ff rgb(96,40,255)
```

Analogous Color

#c8ff28
```
#c8ff28 rgb(200,255,40)
```
#285cff
```
#285cff rgb(40,92,255)
```
#ff6028
```
#ff6028 rgb(255,96,40)
```

Split Complementary Color

#5cff28
```
#5cff28 rgb(92,255,40)
```
#285cff
```
#285cff rgb(40,92,255)
```
#ff285c
```
#ff285c rgb(255,40,92)
```

Triadic Color

#28ffcb
```
#28ffcb rgb(40,255,203)
```
#285cff
```
#285cff rgb(40,92,255)
```
#ff285c
```
#ff285c rgb(255,40,92)
```
#ffcb28
```
#ffcb28 rgb(255,203,40)
```

Tetradic Color

#0035db
```
#0035db rgb(0,53,219)
```
#003bf4
```
#003bf4 rgb(0,59,244)
```
#0f49ff
```
#0f49ff rgb(15,73,255)
```
#285cff
```
#285cff rgb(40,92,255)
```
#426fff
```
#426fff rgb(66,111,255)
```
#5b83ff
```
#5b83ff rgb(91,131,255)
```
#7596ff
```
#7596ff rgb(117,150,255)
```

Monochromatic Color

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

#2892ff
```
#2892ff rgb(40,146,255)
```
#2880ff
```
#2880ff rgb(40,128,255)
```
#286eff
```
#286eff rgb(40,110,255)
```
#285cff
```
#285cff rgb(40,92,255)
```
#284aff
```
#284aff rgb(40,74,255)
```
#2838ff
```
#2838ff rgb(40,56,255)
```
#2a28ff
```
#2a28ff rgb(42,40,255)
```

Similar Colors

Text with hexadecimal color #285cff

This text has a font color of #285cff.

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

#285cff background color

This paragraph has a background color of #285cff.

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

#285cff border color

This element has a border color of #285cff.

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

CSS codes

.text {color:#285cff;}

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

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

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)
```
#000a28
```
#000a28 rgb(0,10,40)
```
#000e3c
```
#000e3c rgb(0,14,60)
```
#00134f
```
#00134f rgb(0,19,79)
```
#001863
```
#001863 rgb(0,24,99)
```
#001d76
```
#001d76 rgb(0,29,118)
```
#00218a
```
#00218a rgb(0,33,138)
```
#00269e
```
#00269e rgb(0,38,158)
```
#002bb1
```
#002bb1 rgb(0,43,177)
```
#0030c5
```
#0030c5 rgb(0,48,197)
```
#0034d9
```
#0034d9 rgb(0,52,217)
```
#0039ec
```
#0039ec rgb(0,57,236)
```

Shade Color Variation

#013eff
```
#013eff rgb(1,62,255)
```
#144dff
```
#144dff rgb(20,77,255)
```
#285cff
```
#285cff rgb(40,92,255)
```
#3c6bff
```
#3c6bff rgb(60,107,255)
```
#4f7aff
```
#4f7aff rgb(79,122,255)
```
#6389ff
```
#6389ff rgb(99,137,255)
```
#7697ff
```
#7697ff rgb(118,151,255)
```
#8aa6ff
```
#8aa6ff rgb(138,166,255)
```
#9eb5ff
```
#9eb5ff rgb(158,181,255)
```
#b1c4ff
```
#b1c4ff rgb(177,196,255)
```
#c5d3ff
```
#c5d3ff rgb(197,211,255)
```
#d9e2ff
```
#d9e2ff rgb(217,226,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 #285cff is the most saturated one.

#8b8f9c
```
#8b8f9c rgb(139,143,156)
```
#838ba4
```
#838ba4 rgb(131,139,164)
```
#7b87ac
```
#7b87ac rgb(123,135,172)
```
#7282b5
```
#7282b5 rgb(114,130,181)
```
#6a7ebd
```
#6a7ebd rgb(106,126,189)
```
#627ac5
```
#627ac5 rgb(98,122,197)
```
#5a76cd
```
#5a76cd rgb(90,118,205)
```
#5171d6
```
#5171d6 rgb(81,113,214)
```
#496dde
```
#496dde rgb(73,109,222)
```
#4169e6
```
#4169e6 rgb(65,105,230)
```
#3965ee
```
#3965ee rgb(57,101,238)
```
#3060f7
```
#3060f7 rgb(48,96,247)
```
#285cff
```
#285cff rgb(40,92,255)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#545e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008086 Tritanopia 0.001% of the population

Trichromacy

#0e69e9 Protanomaly 1% of men, 0.01% of women
#0e6dd6 Deuteranomaly 6% of men, 0.4% of women
#0e73b2 Tritanomaly 0.01% of the population

#285cff hex color

#285cff Color Information

#285cff Color Conversion

Color Schemes with #285cff

Alternatives to #285cff

#285cff Preview

Shades and Tints of #285cff

Tones of #285cff

Color Blindness Simulator