#285cb1 hex color

In a RGB color space, hex #285cb1 is composed of 15.7% red, 36.1% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 48% magenta, 0% yellow and 30.6% black. It has a hue angle of 217.2 degrees, a saturation of 63.1% and a lightness of 42.5%. #285cb1 color hex could be obtained by blending #50b8ff with #000063. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 36
- B 69
RGB color chart
- C 77
- M 48
- Y 0
- K 31
CMYK color chart

● #285cb1 color description : Dark blue.

The hexadecimal color #285cb1 has RGB values of R:40, G:92, B:177 and CMYK values of C:0.77, M:0.48, Y:0, K:0.31. Its decimal value is 2645169.

Hex triplet	285cb1	`#285cb1`
RGB Decimal	40, 92, 177	`rgb(40,92,177)`
RGB Percent	15.7, 36.1, 69.4	`rgb(15.7%,36.1%,69.4%)`
CMYK	77, 48, 0, 31
HSL	217.2°, 63.1, 42.5	`hsl(217.2,63.1%,42.5%)`
HSV (or HSB)	217.2°, 77.4, 69.4
Web Safe	336699	`#336699`

CIE-LAB	40.046, 13.612, -50.221
XYZ	12.636, 11.279, 43.104
xyY	0.189, 0.168, 11.279
CIE-LCH	40.046, 52.033, 285.165
CIE-LUV	40.046, -18.42, -73.965
Hunter-Lab	33.584, 8.391, -52.588
Binary	00101000, 01011100, 10110001

#285cb1
```
#285cb1 rgb(40,92,177)
```
#b17d28
```
#b17d28 rgb(177,125,40)
```

Complementary Color

#28a1b1
```
#28a1b1 rgb(40,161,177)
```
#285cb1
```
#285cb1 rgb(40,92,177)
```
#3828b1
```
#3828b1 rgb(56,40,177)
```

Analogous Color

#a1b128
```
#a1b128 rgb(161,177,40)
```
#285cb1
```
#285cb1 rgb(40,92,177)
```
#b13828
```
#b13828 rgb(177,56,40)
```

Split Complementary Color

#5cb128
```
#5cb128 rgb(92,177,40)
```
#285cb1
```
#285cb1 rgb(40,92,177)
```
#b1285c
```
#b1285c rgb(177,40,92)
```

Triadic Color

#28b17d
```
#28b17d rgb(40,177,125)
```
#285cb1
```
#285cb1 rgb(40,92,177)
```
#b1285c
```
#b1285c rgb(177,40,92)
```
#b17d28
```
#b17d28 rgb(177,125,40)
```

Tetradic Color

#1a3c73
```
#1a3c73 rgb(26,60,115)
```
#1f4687
```
#1f4687 rgb(31,70,135)
```
#23519c
```
#23519c rgb(35,81,156)
```
#285cb1
```
#285cb1 rgb(40,92,177)
```
#2d67c6
```
#2d67c6 rgb(45,103,198)
```
#3a74d2
```
#3a74d2 rgb(58,116,210)
```
#4e82d7
```
#4e82d7 rgb(78,130,215)
```

Monochromatic Color

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

#287eb1
```
#287eb1 rgb(40,126,177)
```
#2873b1
```
#2873b1 rgb(40,115,177)
```
#2867b1
```
#2867b1 rgb(40,103,177)
```
#285cb1
```
#285cb1 rgb(40,92,177)
```
#2851b1
```
#2851b1 rgb(40,81,177)
```
#2845b1
```
#2845b1 rgb(40,69,177)
```
#283ab1
```
#283ab1 rgb(40,58,177)
```

Similar Colors

Text with hexadecimal color #285cb1

This text has a font color of #285cb1.

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

#285cb1 background color

This paragraph has a background color of #285cb1.

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

#285cb1 border color

This element has a border color of #285cb1.

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

CSS codes

.text {color:#285cb1;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040911
```
#040911 rgb(4,9,17)
```
#071121
```
#071121 rgb(7,17,33)
```
#0b1931
```
#0b1931 rgb(11,25,49)
```
#0f2241
```
#0f2241 rgb(15,34,65)
```
#122a51
```
#122a51 rgb(18,42,81)
```
#163261
```
#163261 rgb(22,50,97)
```
#1a3b71
```
#1a3b71 rgb(26,59,113)
```
#1d4381
```
#1d4381 rgb(29,67,129)
```
#214b91
```
#214b91 rgb(33,75,145)
```
#2454a1
```
#2454a1 rgb(36,84,161)
```
#285cb1
```
#285cb1 rgb(40,92,177)
```
#2c64c1
```
#2c64c1 rgb(44,100,193)
```

Shade Color Variation

#306dd0
```
#306dd0 rgb(48,109,208)
```
#4078d4
```
#4078d4 rgb(64,120,212)
```
#5083d7
```
#5083d7 rgb(80,131,215)
```
#608fdb
```
#608fdb rgb(96,143,219)
```
#709adf
```
#709adf rgb(112,154,223)
```
#80a5e2
```
#80a5e2 rgb(128,165,226)
```
#90b1e6
```
#90b1e6 rgb(144,177,230)
```
#a0bcea
```
#a0bcea rgb(160,188,234)
```
#b0c7ed
```
#b0c7ed rgb(176,199,237)
```
#c0d3f1
```
#c0d3f1 rgb(192,211,241)
```
#d0def4
```
#d0def4 rgb(208,222,244)
```
#e0e9f8
```
#e0e9f8 rgb(224,233,248)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

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

#6b6c6e
```
#6b6c6e rgb(107,108,110)
```
#626a77
```
#626a77 rgb(98,106,119)
```
#5a687f
```
#5a687f rgb(90,104,127)
```
#526687
```
#526687 rgb(82,102,135)
```
#496490
```
#496490 rgb(73,100,144)
```
#416298
```
#416298 rgb(65,98,152)
```
#3960a0
```
#3960a0 rgb(57,96,160)
```
#305ea9
```
#305ea9 rgb(48,94,169)
```
#285cb1
```
#285cb1 rgb(40,92,177)
```
#205ab9
```
#205ab9 rgb(32,90,185)
```
#1758c2
```
#1758c2 rgb(23,88,194)
```
#0f56ca
```
#0f56ca rgb(15,86,202)
```
#0754d2
```
#0754d2 rgb(7,84,210)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4d5768 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3764b4 Protanopia 1% of men
#0068ad Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#3161b3 Protanomaly 1% of men, 0.01% of women
#0e64ae Deuteranomaly 6% of men, 0.4% of women
#0e698c Tritanomaly 0.01% of the population

#285cb1 hex color

#285cb1 Color Information

#285cb1 Color Conversion

Color Schemes with #285cb1

Alternatives to #285cb1

#285cb1 Preview

Shades and Tints of #285cb1

Tones of #285cb1

Color Blindness Simulator