#285cf0 hex color

In a RGB color space, hex #285cf0 is composed of 15.7% red, 36.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 61.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 224.4 degrees, a saturation of 87% and a lightness of 54.9%. #285cf0 color hex could be obtained by blending #50b8ff with #0000e1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 36
- B 94
RGB color chart
- C 83
- M 62
- Y 0
- K 6
CMYK color chart

● #285cf0 color description : Bright blue.

The hexadecimal color #285cf0 has RGB values of R:40, G:92, B:240 and CMYK values of C:0.83, M:0.62, Y:0, K:0.06. Its decimal value is 2645232.

Hex triplet	285cf0	`#285cf0`
RGB Decimal	40, 92, 240	`rgb(40,92,240)`
RGB Percent	15.7, 36.1, 94.1	`rgb(15.7%,36.1%,94.1%)`
CMYK	83, 62, 0, 6
HSL	224.4°, 87, 54.9	`hsl(224.4,87%,54.9%)`
HSV (or HSB)	224.4°, 83.3, 94.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.794, 37.453, -78.71
XYZ	20.427, 14.395, 84.135
xyY	0.172, 0.121, 14.395
CIE-LCH	44.794, 87.167, 295.447
CIE-LUV	44.794, -17.857, -118.367
Hunter-Lab	37.941, 29.707, -104.919
Binary	00101000, 01011100, 11110000

#285cf0
```
#285cf0 rgb(40,92,240)
```
#f0bc28
```
#f0bc28 rgb(240,188,40)
```

Complementary Color

#28c0f0
```
#28c0f0 rgb(40,192,240)
```
#285cf0
```
#285cf0 rgb(40,92,240)
```
#5828f0
```
#5828f0 rgb(88,40,240)
```

Analogous Color

#c0f028
```
#c0f028 rgb(192,240,40)
```
#285cf0
```
#285cf0 rgb(40,92,240)
```
#f05828
```
#f05828 rgb(240,88,40)
```

Split Complementary Color

#5cf028
```
#5cf028 rgb(92,240,40)
```
#285cf0
```
#285cf0 rgb(40,92,240)
```
#f0285c
```
#f0285c rgb(240,40,92)
```

Triadic Color

#28f0bc
```
#28f0bc rgb(40,240,188)
```
#285cf0
```
#285cf0 rgb(40,92,240)
```
#f0285c
```
#f0285c rgb(240,40,92)
```
#f0bc28
```
#f0bc28 rgb(240,188,40)
```

Tetradic Color

#0d3bbe
```
#0d3bbe rgb(13,59,190)
```
#0f43d6
```
#0f43d6 rgb(15,67,214)
```
#114aee
```
#114aee rgb(17,74,238)
```
#285cf0
```
#285cf0 rgb(40,92,240)
```
#406ef2
```
#406ef2 rgb(64,110,242)
```
#5880f3
```
#5880f3 rgb(88,128,243)
```
#7092f5
```
#7092f5 rgb(112,146,245)
```

Monochromatic Color

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

#288ef0
```
#288ef0 rgb(40,142,240)
```
#287df0
```
#287df0 rgb(40,125,240)
```
#286df0
```
#286df0 rgb(40,109,240)
```
#285cf0
```
#285cf0 rgb(40,92,240)
```
#284bf0
```
#284bf0 rgb(40,75,240)
```
#283bf0
```
#283bf0 rgb(40,59,240)
```
#282af0
```
#282af0 rgb(40,42,240)
```

Similar Colors

Text with hexadecimal color #285cf0

This text has a font color of #285cf0.

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

#285cf0 background color

This paragraph has a background color of #285cf0.

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

#285cf0 border color

This element has a border color of #285cf0.

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

CSS codes

.text {color:#285cf0;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020717
```
#020717 rgb(2,7,23)
```
#030d2a
```
#030d2a rgb(3,13,42)
```
#04133c
```
#04133c rgb(4,19,60)
```
#05184e
```
#05184e rgb(5,24,78)
```
#071e61
```
#071e61 rgb(7,30,97)
```
#082473
```
#082473 rgb(8,36,115)
```
#092a85
```
#092a85 rgb(9,42,133)
```
#0b2f98
```
#0b2f98 rgb(11,47,152)
```
#0c35aa
```
#0c35aa rgb(12,53,170)
```
#0d3bbc
```
#0d3bbc rgb(13,59,188)
```
#0e40cf
```
#0e40cf rgb(14,64,207)
```
#1046e1
```
#1046e1 rgb(16,70,225)
```

Shade Color Variation

#164eef
```
#164eef rgb(22,78,239)
```
#285cf0
```
#285cf0 rgb(40,92,240)
```
#3a6af1
```
#3a6af1 rgb(58,106,241)
```
#4d78f3
```
#4d78f3 rgb(77,120,243)
```
#5f86f4
```
#5f86f4 rgb(95,134,244)
```
#7194f5
```
#7194f5 rgb(113,148,245)
```
#84a2f6
```
#84a2f6 rgb(132,162,246)
```
#96aff8
```
#96aff8 rgb(150,175,248)
```
#a8bdf9
```
#a8bdf9 rgb(168,189,249)
```
#bbcbfa
```
#bbcbfa rgb(187,203,250)
```
#cdd9fc
```
#cdd9fc rgb(205,217,252)
```
#dfe7fd
```
#dfe7fd rgb(223,231,253)
```
#f2f5fe
```
#f2f5fe rgb(242,245,254)
```

Tint Color Variation

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

#898b8f
```
#898b8f rgb(137,139,143)
```
#808698
```
#808698 rgb(128,134,152)
```
#7882a0
```
#7882a0 rgb(120,130,160)
```
#6f7ea9
```
#6f7ea9 rgb(111,126,169)
```
#667ab2
```
#667ab2 rgb(102,122,178)
```
#5d75bb
```
#5d75bb rgb(93,117,187)
```
#5471c4
```
#5471c4 rgb(84,113,196)
```
#4b6dcd
```
#4b6dcd rgb(75,109,205)
```
#4369d5
```
#4369d5 rgb(67,105,213)
```
#3a64de
```
#3a64de rgb(58,100,222)
```
#3160e7
```
#3160e7 rgb(49,96,231)
```
#285cf0
```
#285cf0 rgb(40,92,240)
```
#1f58f9
```
#1f58f9 rgb(31,88,249)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#525d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0e67e0 Protanomaly 1% of men, 0.01% of women
#0e6bce Deuteranomaly 6% of men, 0.4% of women
#0e71aa Tritanomaly 0.01% of the population

#285cf0 hex color

#285cf0 Color Information

#285cf0 Color Conversion

Color Schemes with #285cf0

Alternatives to #285cf0

#285cf0 Preview

Shades and Tints of #285cf0

Tones of #285cf0

Color Blindness Simulator