colorhexa.com

#285cb5 hex color

In a RGB color space, hex #285cb5 is composed of 15.7% red, 36.1% green and 71% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 49.2% magenta, 0% yellow and 29% black. It has a hue angle of 217.9 degrees, a saturation of 63.8% and a lightness of 43.3%. #285cb5 color hex could be obtained by blending #50b8ff with #00006b. Closest websafe color is: #3366cc.

- R 16
- G 36
- B 71
RGB color chart
- C 78
- M 49
- Y 0
- K 29
CMYK color chart

● #285cb5 color description : Strong blue.

The hexadecimal color #285cb5 has RGB values of R:40, G:92, B:181 and CMYK values of C:0.78, M:0.49, Y:0, K:0.29. Its decimal value is 2645173.

Hex triplet	285cb5	`#285cb5`
RGB Decimal	40, 92, 181	`rgb(40,92,181)`
RGB Percent	15.7, 36.1, 71	`rgb(15.7%,36.1%,71%)`
CMYK	78, 49, 0, 29
HSL	217.9°, 63.8, 43.3	`hsl(217.9,63.8%,43.3%)`
HSV (or HSB)	217.9°, 77.9, 71
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.313, 15.157, -52.142
XYZ	13.041, 11.441, 45.234
xyY	0.187, 0.164, 11.441
CIE-LCH	40.313, 54.301, 286.208
CIE-LUV	40.313, -18.347, -76.998
Hunter-Lab	33.824, 9.629, -55.615
Binary	00101000, 01011100, 10110101

#285cb5
```
#285cb5 rgb(40,92,181)
```
#b58128
```
#b58128 rgb(181,129,40)
```

Complementary Color

#28a3b5
```
#28a3b5 rgb(40,163,181)
```
#285cb5
```
#285cb5 rgb(40,92,181)
```
#3b28b5
```
#3b28b5 rgb(59,40,181)
```

Analogous Color

#a3b528
```
#a3b528 rgb(163,181,40)
```
#285cb5
```
#285cb5 rgb(40,92,181)
```
#b53b28
```
#b53b28 rgb(181,59,40)
```

Split Complementary Color

#5cb528
```
#5cb528 rgb(92,181,40)
```
#285cb5
```
#285cb5 rgb(40,92,181)
```
#b5285c
```
#b5285c rgb(181,40,92)
```

Triadic Color

#28b581
```
#28b581 rgb(40,181,129)
```
#285cb5
```
#285cb5 rgb(40,92,181)
```
#b5285c
```
#b5285c rgb(181,40,92)
```
#b58128
```
#b58128 rgb(181,129,40)
```

Tetradic Color

#1a3c76
```
#1a3c76 rgb(26,60,118)
```
#1f478b
```
#1f478b rgb(31,71,139)
```
#2351a0
```
#2351a0 rgb(35,81,160)
```
#285cb5
```
#285cb5 rgb(40,92,181)
```
#2d67ca
```
#2d67ca rgb(45,103,202)
```
#3c74d4
```
#3c74d4 rgb(60,116,212)
```
#5183d9
```
#5183d9 rgb(81,131,217)
```

Monochromatic Color

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

#287fb5
```
#287fb5 rgb(40,127,181)
```
#2874b5
```
#2874b5 rgb(40,116,181)
```
#2868b5
```
#2868b5 rgb(40,104,181)
```
#285cb5
```
#285cb5 rgb(40,92,181)
```
#2850b5
```
#2850b5 rgb(40,80,181)
```
#2845b5
```
#2845b5 rgb(40,69,181)
```
#2839b5
```
#2839b5 rgb(40,57,181)
```

Similar Colors

Text with hexadecimal color #285cb5

This text has a font color of #285cb5.

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

#285cb5 background color

This paragraph has a background color of #285cb5.

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

#285cb5 border color

This element has a border color of #285cb5.

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

CSS codes

.text {color:#285cb5;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040a14
```
#040a14 rgb(4,10,20)
```
#081324
```
#081324 rgb(8,19,36)
```
#0c1b34
```
#0c1b34 rgb(12,27,52)
```
#0f2345
```
#0f2345 rgb(15,35,69)
```
#132b55
```
#132b55 rgb(19,43,85)
```
#163365
```
#163365 rgb(22,51,101)
```
#1a3b75
```
#1a3b75 rgb(26,59,117)
```
#1d4485
```
#1d4485 rgb(29,68,133)
```
#214c95
```
#214c95 rgb(33,76,149)
```
#2454a5
```
#2454a5 rgb(36,84,165)
```
#285cb5
```
#285cb5 rgb(40,92,181)
```
#2c64c5
```
#2c64c5 rgb(44,100,197)
```

Shade Color Variation

#326dd2
```
#326dd2 rgb(50,109,210)
```
#4379d5
```
#4379d5 rgb(67,121,213)
```
#5384d9
```
#5384d9 rgb(83,132,217)
```
#6390dc
```
#6390dc rgb(99,144,220)
```
#739be0
```
#739be0 rgb(115,155,224)
```
#83a6e4
```
#83a6e4 rgb(131,166,228)
```
#93b2e7
```
#93b2e7 rgb(147,178,231)
```
#a3bdeb
```
#a3bdeb rgb(163,189,235)
```
#b3c9ee
```
#b3c9ee rgb(179,201,238)
```
#c3d4f2
```
#c3d4f2 rgb(195,212,242)
```
#d3e0f5
```
#d3e0f5 rgb(211,224,245)
```
#e3ebf9
```
#e3ebf9 rgb(227,235,249)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6e71 is the less saturated color, while #0653d7 is the most saturated one.

#6c6e71
```
#6c6e71 rgb(108,110,113)
```
#646c7a
```
#646c7a rgb(100,108,122)
```
#5b6982
```
#5b6982 rgb(91,105,130)
```
#53678b
```
#53678b rgb(83,103,139)
```
#4a6593
```
#4a6593 rgb(74,101,147)
```
#42639c
```
#42639c rgb(66,99,156)
```
#3960a4
```
#3960a4 rgb(57,96,164)
```
#315ead
```
#315ead rgb(49,94,173)
```
#285cb5
```
#285cb5 rgb(40,92,181)
```
#205abe
```
#205abe rgb(32,90,190)
```
#1758c6
```
#1758c6 rgb(23,88,198)
```
#0f55cf
```
#0f55cf rgb(15,85,207)
```
#0653d7
```
#0653d7 rgb(6,83,215)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e586a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3264b8 Protanopia 1% of men
#0069ad Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#2e61b7 Protanomaly 1% of men, 0.01% of women
#0e64b0 Deuteranomaly 6% of men, 0.4% of women
#0e698e Tritanomaly 0.01% of the population