#285d85 hex color

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

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

● #285d85 color description : Dark moderate blue.

The hexadecimal color #285d85 has RGB values of R:40, G:93, B:133 and CMYK values of C:0.7, M:0.3, Y:0, K:0.48. Its decimal value is 2645381.

Hex triplet	285d85	`#285d85`
RGB Decimal	40, 93, 133	`rgb(40,93,133)`
RGB Percent	15.7, 36.5, 52.2	`rgb(15.7%,36.5%,52.2%)`
CMYK	70, 30, 0, 48
HSL	205.8°, 53.8, 33.9	`hsl(205.8,53.8%,33.9%)`
HSV (or HSB)	205.8°, 69.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	37.793, -3.785, -27.456
XYZ	9.022, 9.973, 23.638
xyY	0.212, 0.234, 9.973
CIE-LCH	37.793, 27.716, 262.152
CIE-LUV	37.793, -19.953, -37.978
Hunter-Lab	31.579, -4.268, -22.275
Binary	00101000, 01011101, 10000101

#285d85
```
#285d85 rgb(40,93,133)
```
#855028
```
#855028 rgb(133,80,40)
```

Complementary Color

#28857f
```
#28857f rgb(40,133,127)
```
#285d85
```
#285d85 rgb(40,93,133)
```
#282f85
```
#282f85 rgb(40,47,133)
```

Analogous Color

#857f28
```
#857f28 rgb(133,127,40)
```
#285d85
```
#285d85 rgb(40,93,133)
```
#85282f
```
#85282f rgb(133,40,47)
```

Split Complementary Color

#5d8528
```
#5d8528 rgb(93,133,40)
```
#285d85
```
#285d85 rgb(40,93,133)
```
#85285d
```
#85285d rgb(133,40,93)
```

Triadic Color

#288550
```
#288550 rgb(40,133,80)
```
#285d85
```
#285d85 rgb(40,93,133)
```
#85285d
```
#85285d rgb(133,40,93)
```
#855028
```
#855028 rgb(133,80,40)
```

Tetradic Color

#16344a
```
#16344a rgb(22,52,74)
```
#1c425e
```
#1c425e rgb(28,66,94)
```
#224f71
```
#224f71 rgb(34,79,113)
```
#285d85
```
#285d85 rgb(40,93,133)
```
#2e6b99
```
#2e6b99 rgb(46,107,153)
```
#3478ac
```
#3478ac rgb(52,120,172)
```
#3a86c0
```
#3a86c0 rgb(58,134,192)
```

Monochromatic Color

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

#287485
```
#287485 rgb(40,116,133)
```
#286d85
```
#286d85 rgb(40,109,133)
```
#286585
```
#286585 rgb(40,101,133)
```
#285d85
```
#285d85 rgb(40,93,133)
```
#285585
```
#285585 rgb(40,85,133)
```
#284e85
```
#284e85 rgb(40,78,133)
```
#284685
```
#284685 rgb(40,70,133)
```

Similar Colors

Text with hexadecimal color #285d85

This text has a font color of #285d85.

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

#285d85 background color

This paragraph has a background color of #285d85.

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

#285d85 border color

This element has a border color of #285d85.

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

CSS codes

.text {color:#285d85;}

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

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

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

#04090c
```
#04090c rgb(4,9,12)
```
#08131b
```
#08131b rgb(8,19,27)
```
#0d1e2b
```
#0d1e2b rgb(13,30,43)
```
#11283a
```
#11283a rgb(17,40,58)
```
#163349
```
#163349 rgb(22,51,73)
```
#1a3d58
```
#1a3d58 rgb(26,61,88)
```
#1f4867
```
#1f4867 rgb(31,72,103)
```
#235276
```
#235276 rgb(35,82,118)
```
#285d85
```
#285d85 rgb(40,93,133)
```
#2d6894
```
#2d6894 rgb(45,104,148)
```
#3172a3
```
#3172a3 rgb(49,114,163)
```
#367db2
```
#367db2 rgb(54,125,178)
```
#3a87c1
```
#3a87c1 rgb(58,135,193)
```

Shade Color Variation

#4791c8
```
#4791c8 rgb(71,145,200)
```
#569acc
```
#569acc rgb(86,154,204)
```
#65a3d1
```
#65a3d1 rgb(101,163,209)
```
#75acd5
```
#75acd5 rgb(117,172,213)
```
#84b5da
```
#84b5da rgb(132,181,218)
```
#93bede
```
#93bede rgb(147,190,222)
```
#a2c7e3
```
#a2c7e3 rgb(162,199,227)
```
#b1d0e8
```
#b1d0e8 rgb(177,208,232)
```
#c0d9ec
```
#c0d9ec rgb(192,217,236)
```
#cfe2f1
```
#cfe2f1 rgb(207,226,241)
```
#deebf5
```
#deebf5 rgb(222,235,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 #0063ad is the most saturated one.

#50575d
```
#50575d rgb(80,87,93)
```
#495864
```
#495864 rgb(73,88,100)
```
#43596a
```
#43596a rgb(67,89,106)
```
#3c5a71
```
#3c5a71 rgb(60,90,113)
```
#355b78
```
#355b78 rgb(53,91,120)
```
#2f5c7e
```
#2f5c7e rgb(47,92,126)
```
#285d85
```
#285d85 rgb(40,93,133)
```
#215e8c
```
#215e8c rgb(33,94,140)
```
#1b5f92
```
#1b5f92 rgb(27,95,146)
```
#146099
```
#146099 rgb(20,96,153)
```
#0d61a0
```
#0d61a0 rgb(13,97,160)
```
#0762a6
```
#0762a6 rgb(7,98,166)
```
#0063ad
```
#0063ad rgb(0,99,173)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4a545c Atypical Achromatopsia 0.001% of the population

Dichromacy

#546087 Protanopia 1% of men
#4b618d Deuteranopia 1% of men
#1d6a72 Tritanopia 0.001% of the population

Trichromacy

#445f86 Protanomaly 1% of men, 0.01% of women
#3e5f8a Deuteranomaly 6% of men, 0.4% of women
#216579 Tritanomaly 0.01% of the population

#285d85 hex color

#285d85 Color Information

#285d85 Color Conversion

Color Schemes with #285d85

Alternatives to #285d85

#285d85 Preview

Shades and Tints of #285d85

Tones of #285d85

Color Blindness Simulator