#285d97 hex color

In a RGB color space, hex #285d97 is composed of 15.7% red, 36.5% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 38.4% magenta, 0% yellow and 40.8% black. It has a hue angle of 211.4 degrees, a saturation of 58.1% and a lightness of 37.5%. #285d97 color hex could be obtained by blending #50baff with #00002f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 36
- B 59
RGB color chart
- C 74
- M 38
- Y 0
- K 41
CMYK color chart

● #285d97 color description : Dark blue.

The hexadecimal color #285d97 has RGB values of R:40, G:93, B:151 and CMYK values of C:0.74, M:0.38, Y:0, K:0.41. Its decimal value is 2645399.

Hex triplet	285d97	`#285d97`
RGB Decimal	40, 93, 151	`rgb(40,93,151)`
RGB Percent	15.7, 36.5, 59.2	`rgb(15.7%,36.5%,59.2%)`
CMYK	74, 38, 0, 41
HSL	211.4°, 58.1, 37.5	`hsl(211.4,58.1%,37.5%)`
HSV (or HSB)	211.4°, 73.5, 59.2
Web Safe	336699	`#336699`

CIE-LAB	38.749, 2.965, -36.836
XYZ	10.374, 10.513, 30.759
xyY	0.201, 0.204, 10.513
CIE-LCH	38.749, 36.955, 274.602
CIE-LUV	38.749, -19.371, -52.843
Hunter-Lab	32.424, 0.368, -33.548
Binary	00101000, 01011101, 10010111

#285d97
```
#285d97 rgb(40,93,151)
```
#976228
```
#976228 rgb(151,98,40)
```

Complementary Color

#289597
```
#289597 rgb(40,149,151)
```
#285d97
```
#285d97 rgb(40,93,151)
```
#2a2897
```
#2a2897 rgb(42,40,151)
```

Analogous Color

#959728
```
#959728 rgb(149,151,40)
```
#285d97
```
#285d97 rgb(40,93,151)
```
#972a28
```
#972a28 rgb(151,42,40)
```

Split Complementary Color

#5d9728
```
#5d9728 rgb(93,151,40)
```
#285d97
```
#285d97 rgb(40,93,151)
```
#97285d
```
#97285d rgb(151,40,93)
```

Triadic Color

#289762
```
#289762 rgb(40,151,98)
```
#285d97
```
#285d97 rgb(40,93,151)
```
#97285d
```
#97285d rgb(151,40,93)
```
#976228
```
#976228 rgb(151,98,40)
```

Tetradic Color

#18385b
```
#18385b rgb(24,56,91)
```
#1d446f
```
#1d446f rgb(29,68,111)
```
#235183
```
#235183 rgb(35,81,131)
```
#285d97
```
#285d97 rgb(40,93,151)
```
#2d69ab
```
#2d69ab rgb(45,105,171)
```
#3376bf
```
#3376bf rgb(51,118,191)
```
#3f83cc
```
#3f83cc rgb(63,131,204)
```

Monochromatic Color

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

#287997
```
#287997 rgb(40,121,151)
```
#287097
```
#287097 rgb(40,112,151)
```
#286697
```
#286697 rgb(40,102,151)
```
#285d97
```
#285d97 rgb(40,93,151)
```
#285497
```
#285497 rgb(40,84,151)
```
#284b97
```
#284b97 rgb(40,75,151)
```
#284197
```
#284197 rgb(40,65,151)
```

Similar Colors

Text with hexadecimal color #285d97

This text has a font color of #285d97.

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

#285d97 background color

This paragraph has a background color of #285d97.

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

#285d97 border color

This element has a border color of #285d97.

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

CSS codes

.text {color:#285d97;}

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

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

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, #03070b is the darkest color, while #fbfcfe is the lightest one.

#03070b
```
#03070b rgb(3,7,11)
```
#07111b
```
#07111b rgb(7,17,27)
```
#0b1a2a
```
#0b1a2a rgb(11,26,42)
```
#0f243a
```
#0f243a rgb(15,36,58)
```
#132d49
```
#132d49 rgb(19,45,73)
```
#183759
```
#183759 rgb(24,55,89)
```
#1c4068
```
#1c4068 rgb(28,64,104)
```
#204a78
```
#204a78 rgb(32,74,120)
```
#245387
```
#245387 rgb(36,83,135)
```
#285d97
```
#285d97 rgb(40,93,151)
```
#2c67a7
```
#2c67a7 rgb(44,103,167)
```
#3070b6
```
#3070b6 rgb(48,112,182)
```
#347ac6
```
#347ac6 rgb(52,122,198)
```

Shade Color Variation

#4184cd
```
#4184cd rgb(65,132,205)
```
#508ed1
```
#508ed1 rgb(80,142,209)
```
#6098d5
```
#6098d5 rgb(96,152,213)
```
#6fa2d9
```
#6fa2d9 rgb(111,162,217)
```
#7facdd
```
#7facdd rgb(127,172,221)
```
#8eb6e1
```
#8eb6e1 rgb(142,182,225)
```
#9ec0e5
```
#9ec0e5 rgb(158,192,229)
```
#adcae9
```
#adcae9 rgb(173,202,233)
```
#bdd4ed
```
#bdd4ed rgb(189,212,237)
```
#ccdef2
```
#ccdef2 rgb(204,222,242)
```
#dce8f6
```
#dce8f6 rgb(220,232,246)
```
#ebf2fa
```
#ebf2fa rgb(235,242,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5f64 is the less saturated color, while #035bbc is the most saturated one.

#5b5f64
```
#5b5f64 rgb(91,95,100)
```
#545f6b
```
#545f6b rgb(84,95,107)
```
#4d5f72
```
#4d5f72 rgb(77,95,114)
```
#455e7a
```
#455e7a rgb(69,94,122)
```
#3e5e81
```
#3e5e81 rgb(62,94,129)
```
#375e88
```
#375e88 rgb(55,94,136)
```
#2f5d90
```
#2f5d90 rgb(47,93,144)
```
#285d97
```
#285d97 rgb(40,93,151)
```
#215d9e
```
#215d9e rgb(33,93,158)
```
#195ca6
```
#195ca6 rgb(25,92,166)
```
#125cad
```
#125cad rgb(18,92,173)
```
#0b5cb4
```
#0b5cb4 rgb(11,92,180)
```
#035bbc
```
#035bbc rgb(3,91,188)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4b5661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6199 Protanopia 1% of men
#3b649c Deuteranopia 1% of men
#006d75 Tritanopia 0.001% of the population

Trichromacy

#3f6098 Protanomaly 1% of men, 0.01% of women
#34619a Deuteranomaly 6% of men, 0.4% of women
#0e6781 Tritanomaly 0.01% of the population

#285d97 hex color

#285d97 Color Information

#285d97 Color Conversion

Color Schemes with #285d97

Alternatives to #285d97

#285d97 Preview

Shades and Tints of #285d97

Tones of #285d97

Color Blindness Simulator