#285a85 hex color

In a RGB color space, hex #285a85 is composed of 15.7% red, 35.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 32.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 207.7 degrees, a saturation of 53.8% and a lightness of 33.9%. #285a85 color hex could be obtained by blending #50b4ff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 35
- B 52
RGB color chart
- C 70
- M 32
- Y 0
- K 48
CMYK color chart

● #285a85 color description : Dark moderate blue.

The hexadecimal color #285a85 has RGB values of R:40, G:90, B:133 and CMYK values of C:0.7, M:0.32, Y:0, K:0.48. Its decimal value is 2644613.

Hex triplet	285a85	`#285a85`
RGB Decimal	40, 90, 133	`rgb(40,90,133)`
RGB Percent	15.7, 35.3, 52.2	`rgb(15.7%,35.3%,52.2%)`
CMYK	70, 32, 0, 48
HSL	207.7°, 53.8, 33.9	`hsl(207.7,53.8%,33.9%)`
HSV (or HSB)	207.7°, 69.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	36.848, -1.908, -28.939
XYZ	8.764, 9.456, 23.552
xyY	0.21, 0.226, 9.456
CIE-LCH	36.848, 29.002, 266.227
CIE-LUV	36.848, -18.877, -40.095
Hunter-Lab	30.751, -2.943, -23.885
Binary	00101000, 01011010, 10000101

#285a85
```
#285a85 rgb(40,90,133)
```
#855328
```
#855328 rgb(133,83,40)
```

Complementary Color

#288582
```
#288582 rgb(40,133,130)
```
#285a85
```
#285a85 rgb(40,90,133)
```
#282c85
```
#282c85 rgb(40,44,133)
```

Analogous Color

#858228
```
#858228 rgb(133,130,40)
```
#285a85
```
#285a85 rgb(40,90,133)
```
#85282c
```
#85282c rgb(133,40,44)
```

Split Complementary Color

#5a8528
```
#5a8528 rgb(90,133,40)
```
#285a85
```
#285a85 rgb(40,90,133)
```
#85285a
```
#85285a rgb(133,40,90)
```

Triadic Color

#288553
```
#288553 rgb(40,133,83)
```
#285a85
```
#285a85 rgb(40,90,133)
```
#85285a
```
#85285a rgb(133,40,90)
```
#855328
```
#855328 rgb(133,83,40)
```

Tetradic Color

#16324a
```
#16324a rgb(22,50,74)
```
#1c3f5e
```
#1c3f5e rgb(28,63,94)
```
#224d71
```
#224d71 rgb(34,77,113)
```
#285a85
```
#285a85 rgb(40,90,133)
```
#2e6799
```
#2e6799 rgb(46,103,153)
```
#3475ac
```
#3475ac rgb(52,117,172)
```
#3a82c0
```
#3a82c0 rgb(58,130,192)
```

Monochromatic Color

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

#287185
```
#287185 rgb(40,113,133)
```
#286a85
```
#286a85 rgb(40,106,133)
```
#286285
```
#286285 rgb(40,98,133)
```
#285a85
```
#285a85 rgb(40,90,133)
```
#285285
```
#285285 rgb(40,82,133)
```
#284b85
```
#284b85 rgb(40,75,133)
```
#284385
```
#284385 rgb(40,67,133)
```

Similar Colors

Text with hexadecimal color #285a85

This text has a font color of #285a85.

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

#285a85 background color

This paragraph has a background color of #285a85.

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

#285a85 border color

This element has a border color of #285a85.

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

CSS codes

.text {color:#285a85;}

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

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

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, #04080c is the darkest color, while #fcfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#08131b
```
#08131b rgb(8,19,27)
```
#0d1d2b
```
#0d1d2b rgb(13,29,43)
```
#11273a
```
#11273a rgb(17,39,58)
```
#163149
```
#163149 rgb(22,49,73)
```
#1a3b58
```
#1a3b58 rgb(26,59,88)
```
#1f4667
```
#1f4667 rgb(31,70,103)
```
#235076
```
#235076 rgb(35,80,118)
```
#285a85
```
#285a85 rgb(40,90,133)
```
#2d6494
```
#2d6494 rgb(45,100,148)
```
#316ea3
```
#316ea3 rgb(49,110,163)
```
#3679b2
```
#3679b2 rgb(54,121,178)
```
#3a83c1
```
#3a83c1 rgb(58,131,193)
```

Shade Color Variation

#478cc8
```
#478cc8 rgb(71,140,200)
```
#5696cc
```
#5696cc rgb(86,150,204)
```
#659fd1
```
#659fd1 rgb(101,159,209)
```
#75a9d5
```
#75a9d5 rgb(117,169,213)
```
#84b2da
```
#84b2da rgb(132,178,218)
```
#93bbde
```
#93bbde rgb(147,187,222)
```
#a2c5e3
```
#a2c5e3 rgb(162,197,227)
```
#b1cee8
```
#b1cee8 rgb(177,206,232)
```
#c0d8ec
```
#c0d8ec rgb(192,216,236)
```
#cfe1f1
```
#cfe1f1 rgb(207,225,241)
```
#deeaf5
```
#deeaf5 rgb(222,234,245)
```
#edf4fa
```
#edf4fa rgb(237,244,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #50575d is the less saturated color, while #005dad is the most saturated one.

#50575d
```
#50575d rgb(80,87,93)
```
#495764
```
#495764 rgb(73,87,100)
```
#43586a
```
#43586a rgb(67,88,106)
```
#3c5871
```
#3c5871 rgb(60,88,113)
```
#355978
```
#355978 rgb(53,89,120)
```
#2f597e
```
#2f597e rgb(47,89,126)
```
#285a85
```
#285a85 rgb(40,90,133)
```
#215b8c
```
#215b8c rgb(33,91,140)
```
#1b5b92
```
#1b5b92 rgb(27,91,146)
```
#145c99
```
#145c99 rgb(20,92,153)
```
#0d5ca0
```
#0d5ca0 rgb(13,92,160)
```
#075da6
```
#075da6 rgb(7,93,166)
```
#005dad
```
#005dad rgb(0,93,173)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#48525b Atypical Achromatopsia 0.001% of the population

Dichromacy

#505e87 Protanopia 1% of men
#465f8c Deuteranopia 1% of men
#1a686f Tritanopia 0.001% of the population

Trichromacy

#415c86 Protanomaly 1% of men, 0.01% of women
#3b5d89 Deuteranomaly 6% of men, 0.4% of women
#1f6377 Tritanomaly 0.01% of the population

#285a85 hex color

#285a85 Color Information

#285a85 Color Conversion

Color Schemes with #285a85

Alternatives to #285a85

#285a85 Preview

Shades and Tints of #285a85

Tones of #285a85

Color Blindness Simulator