#285b88 hex color

In a RGB color space, hex #285b88 is composed of 15.7% red, 35.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 33.1% magenta, 0% yellow and 46.7% black. It has a hue angle of 208.1 degrees, a saturation of 54.5% and a lightness of 34.5%. #285b88 color hex could be obtained by blending #50b6ff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 36
- B 53
RGB color chart
- C 71
- M 33
- Y 0
- K 47
CMYK color chart

● #285b88 color description : Dark blue.

The hexadecimal color #285b88 has RGB values of R:40, G:91, B:136 and CMYK values of C:0.71, M:0.33, Y:0, K:0.47. Its decimal value is 2644872.

Hex triplet	285b88	`#285b88`
RGB Decimal	40, 91, 136	`rgb(40,91,136)`
RGB Percent	15.7, 35.7, 53.3	`rgb(15.7%,35.7%,53.3%)`
CMYK	71, 33, 0, 47
HSL	208.1°, 54.5, 34.5	`hsl(208.1,54.5%,34.5%)`
HSV (or HSB)	208.1°, 70.6, 53.3
Web Safe	336699	`#336699`

CIE-LAB	37.317, -1.422, -30.03
XYZ	9.059, 9.71, 24.688
xyY	0.208, 0.223, 9.71
CIE-LCH	37.317, 30.064, 267.29
CIE-LUV	37.317, -19.137, -41.885
Hunter-Lab	31.161, -2.639, -25.161
Binary	00101000, 01011011, 10001000

#285b88
```
#285b88 rgb(40,91,136)
```
#885528
```
#885528 rgb(136,85,40)
```

Complementary Color

#288885
```
#288885 rgb(40,136,133)
```
#285b88
```
#285b88 rgb(40,91,136)
```
#282b88
```
#282b88 rgb(40,43,136)
```

Analogous Color

#888528
```
#888528 rgb(136,133,40)
```
#285b88
```
#285b88 rgb(40,91,136)
```
#88282b
```
#88282b rgb(136,40,43)
```

Split Complementary Color

#5b8828
```
#5b8828 rgb(91,136,40)
```
#285b88
```
#285b88 rgb(40,91,136)
```
#88285b
```
#88285b rgb(136,40,91)
```

Triadic Color

#288855
```
#288855 rgb(40,136,85)
```
#285b88
```
#285b88 rgb(40,91,136)
```
#88285b
```
#88285b rgb(136,40,91)
```
#885528
```
#885528 rgb(136,85,40)
```

Tetradic Color

#17334d
```
#17334d rgb(23,51,77)
```
#1c4161
```
#1c4161 rgb(28,65,97)
```
#224e74
```
#224e74 rgb(34,78,116)
```
#285b88
```
#285b88 rgb(40,91,136)
```
#2e689c
```
#2e689c rgb(46,104,156)
```
#3475af
```
#3475af rgb(52,117,175)
```
#3983c3
```
#3983c3 rgb(57,131,195)
```

Monochromatic Color

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

#287388
```
#287388 rgb(40,115,136)
```
#286b88
```
#286b88 rgb(40,107,136)
```
#286388
```
#286388 rgb(40,99,136)
```
#285b88
```
#285b88 rgb(40,91,136)
```
#285388
```
#285388 rgb(40,83,136)
```
#284b88
```
#284b88 rgb(40,75,136)
```
#284388
```
#284388 rgb(40,67,136)
```

Similar Colors

Text with hexadecimal color #285b88

This text has a font color of #285b88.

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

#285b88 background color

This paragraph has a background color of #285b88.

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

#285b88 border color

This element has a border color of #285b88.

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

CSS codes

.text {color:#285b88;}

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

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

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, #040a0f is the darkest color, while #ffffff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#09141e
```
#09141e rgb(9,20,30)
```
#0d1e2d
```
#0d1e2d rgb(13,30,45)
```
#12283c
```
#12283c rgb(18,40,60)
```
#16324b
```
#16324b rgb(22,50,75)
```
#1b3d5b
```
#1b3d5b rgb(27,61,91)
```
#1f476a
```
#1f476a rgb(31,71,106)
```
#245179
```
#245179 rgb(36,81,121)
```
#285b88
```
#285b88 rgb(40,91,136)
```
#2c6597
```
#2c6597 rgb(44,101,151)
```
#316fa6
```
#316fa6 rgb(49,111,166)
```
#3579b5
```
#3579b5 rgb(53,121,181)
```
#3a84c5
```
#3a84c5 rgb(58,132,197)
```

Shade Color Variation

#498dc9
```
#498dc9 rgb(73,141,201)
```
#5897ce
```
#5897ce rgb(88,151,206)
```
#67a0d2
```
#67a0d2 rgb(103,160,210)
```
#76a9d7
```
#76a9d7 rgb(118,169,215)
```
#85b3db
```
#85b3db rgb(133,179,219)
```
#94bce0
```
#94bce0 rgb(148,188,224)
```
#a4c6e4
```
#a4c6e4 rgb(164,198,228)
```
#b3cfe9
```
#b3cfe9 rgb(179,207,233)
```
#c2d9ed
```
#c2d9ed rgb(194,217,237)
```
#d1e2f2
```
#d1e2f2 rgb(209,226,242)
```
#e0ecf6
```
#e0ecf6 rgb(224,236,246)
```
#eff5fa
```
#eff5fa rgb(239,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575859 is the less saturated color, while #065daa is the most saturated one.

#575859
```
#575859 rgb(87,88,89)
```
#51585f
```
#51585f rgb(81,88,95)
```
#4a5966
```
#4a5966 rgb(74,89,102)
```
#43596d
```
#43596d rgb(67,89,109)
```
#3c5a74
```
#3c5a74 rgb(60,90,116)
```
#365a7a
```
#365a7a rgb(54,90,122)
```
#2f5b81
```
#2f5b81 rgb(47,91,129)
```
#285b88
```
#285b88 rgb(40,91,136)
```
#215b8f
```
#215b8f rgb(33,91,143)
```
#1a5c96
```
#1a5c96 rgb(26,92,150)
```
#145c9c
```
#145c9c rgb(20,92,156)
```
#0d5da3
```
#0d5da3 rgb(13,93,163)
```
#065daa
```
#065daa rgb(6,93,170)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#49535c Atypical Achromatopsia 0.001% of the population

Dichromacy

#505f8a Protanopia 1% of men
#46608f Deuteranopia 1% of men
#166971 Tritanopia 0.001% of the population

Trichromacy

#415d89 Protanomaly 1% of men, 0.01% of women
#3b5e8c Deuteranomaly 6% of men, 0.4% of women
#1d6479 Tritanomaly 0.01% of the population

#285b88 hex color

#285b88 Color Information

#285b88 Color Conversion

Color Schemes with #285b88

Alternatives to #285b88

#285b88 Preview

Shades and Tints of #285b88

Tones of #285b88

Color Blindness Simulator