#285cc2 hex color

In a RGB color space, hex #285cc2 is composed of 15.7% red, 36.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 52.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 219.7 degrees, a saturation of 65.8% and a lightness of 45.9%. #285cc2 color hex could be obtained by blending #50b8ff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 36
- B 76
RGB color chart
- C 79
- M 53
- Y 0
- K 24
CMYK color chart

● #285cc2 color description : Strong blue.

The hexadecimal color #285cc2 has RGB values of R:40, G:92, B:194 and CMYK values of C:0.79, M:0.53, Y:0, K:0.24. Its decimal value is 2645186.

Hex triplet	285cc2	`#285cc2`
RGB Decimal	40, 92, 194	`rgb(40,92,194)`
RGB Percent	15.7, 36.1, 76.1	`rgb(15.7%,36.1%,76.1%)`
CMYK	79, 53, 0, 24
HSL	219.7°, 65.8, 45.9	`hsl(219.7,65.8%,45.9%)`
HSV (or HSB)	219.7°, 79.4, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.215, 20.165, -58.274
XYZ	14.438, 11.999, 52.591
xyY	0.183, 0.152, 11.999
CIE-LCH	41.215, 61.665, 289.088
CIE-LUV	41.215, -18.147, -86.644
Hunter-Lab	34.64, 13.777, -65.767
Binary	00101000, 01011100, 11000010

#285cc2
```
#285cc2 rgb(40,92,194)
```
#c28e28
```
#c28e28 rgb(194,142,40)
```

Complementary Color

#28a9c2
```
#28a9c2 rgb(40,169,194)
```
#285cc2
```
#285cc2 rgb(40,92,194)
```
#4128c2
```
#4128c2 rgb(65,40,194)
```

Analogous Color

#a9c228
```
#a9c228 rgb(169,194,40)
```
#285cc2
```
#285cc2 rgb(40,92,194)
```
#c24128
```
#c24128 rgb(194,65,40)
```

Split Complementary Color

#5cc228
```
#5cc228 rgb(92,194,40)
```
#285cc2
```
#285cc2 rgb(40,92,194)
```
#c2285c
```
#c2285c rgb(194,40,92)
```

Triadic Color

#28c28e
```
#28c28e rgb(40,194,142)
```
#285cc2
```
#285cc2 rgb(40,92,194)
```
#c2285c
```
#c2285c rgb(194,40,92)
```
#c28e28
```
#c28e28 rgb(194,142,40)
```

Tetradic Color

#1b3e83
```
#1b3e83 rgb(27,62,131)
```
#1f4898
```
#1f4898 rgb(31,72,152)
```
#2452ad
```
#2452ad rgb(36,82,173)
```
#285cc2
```
#285cc2 rgb(40,92,194)
```
#2f67d4
```
#2f67d4 rgb(47,103,212)
```
#4476d9
```
#4476d9 rgb(68,118,217)
```
#5a86dd
```
#5a86dd rgb(90,134,221)
```

Monochromatic Color

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

#2883c2
```
#2883c2 rgb(40,131,194)
```
#2876c2
```
#2876c2 rgb(40,118,194)
```
#2869c2
```
#2869c2 rgb(40,105,194)
```
#285cc2
```
#285cc2 rgb(40,92,194)
```
#284fc2
```
#284fc2 rgb(40,79,194)
```
#2842c2
```
#2842c2 rgb(40,66,194)
```
#2835c2
```
#2835c2 rgb(40,53,194)
```

Similar Colors

Text with hexadecimal color #285cc2

This text has a font color of #285cc2.

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

#285cc2 background color

This paragraph has a background color of #285cc2.

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

#285cc2 border color

This element has a border color of #285cc2.

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

CSS codes

.text {color:#285cc2;}

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

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

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, #03070f is the darkest color, while #fefeff is the lightest one.

#03070f
```
#03070f rgb(3,7,15)
```
#060f1f
```
#060f1f rgb(6,15,31)
```
#0a1730
```
#0a1730 rgb(10,23,48)
```
#0d1e40
```
#0d1e40 rgb(13,30,64)
```
#112650
```
#112650 rgb(17,38,80)
```
#142e60
```
#142e60 rgb(20,46,96)
```
#173571
```
#173571 rgb(23,53,113)
```
#1b3d81
```
#1b3d81 rgb(27,61,129)
```
#1e4591
```
#1e4591 rgb(30,69,145)
```
#214da1
```
#214da1 rgb(33,77,161)
```
#2554b2
```
#2554b2 rgb(37,84,178)
```
#285cc2
```
#285cc2 rgb(40,92,194)
```
#2b64d2
```
#2b64d2 rgb(43,100,210)
```

Shade Color Variation

#3b6fd7
```
#3b6fd7 rgb(59,111,215)
```
#4b7bda
```
#4b7bda rgb(75,123,218)
```
#5b87dd
```
#5b87dd rgb(91,135,221)
```
#6b93e1
```
#6b93e1 rgb(107,147,225)
```
#7c9fe4
```
#7c9fe4 rgb(124,159,228)
```
#8cabe7
```
#8cabe7 rgb(140,171,231)
```
#9cb7eb
```
#9cb7eb rgb(156,183,235)
```
#adc3ee
```
#adc3ee rgb(173,195,238)
```
#bdcff1
```
#bdcff1 rgb(189,207,241)
```
#cddaf5
```
#cddaf5 rgb(205,218,245)
```
#dde6f8
```
#dde6f8 rgb(221,230,248)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70737a is the less saturated color, while #0450e6 is the most saturated one.

#70737a
```
#70737a rgb(112,115,122)
```
#677083
```
#677083 rgb(103,112,131)
```
#5e6e8c
```
#5e6e8c rgb(94,110,140)
```
#556b95
```
#556b95 rgb(85,107,149)
```
#4c689e
```
#4c689e rgb(76,104,158)
```
#4365a7
```
#4365a7 rgb(67,101,167)
```
#3a62b0
```
#3a62b0 rgb(58,98,176)
```
#315fb9
```
#315fb9 rgb(49,95,185)
```
#285cc2
```
#285cc2 rgb(40,92,194)
```
#1f59cb
```
#1f59cb rgb(31,89,203)
```
#1656d4
```
#1656d4 rgb(22,86,212)
```
#0d53dd
```
#0d53dd rgb(13,83,221)
```
#0450e6
```
#0450e6 rgb(4,80,230)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4e596d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1866c6 Protanopia 1% of men
#006bb0 Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#1d62c5 Protanomaly 1% of men, 0.01% of women
#0e65b6 Deuteranomaly 6% of men, 0.4% of women
#0e6b94 Tritanomaly 0.01% of the population

#285cc2 hex color

#285cc2 Color Information

#285cc2 Color Conversion

Color Schemes with #285cc2

Alternatives to #285cc2

#285cc2 Preview

Shades and Tints of #285cc2

Tones of #285cc2

Color Blindness Simulator