#285a97 hex color

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

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

● #285a97 color description : Dark blue.

The hexadecimal color #285a97 has RGB values of R:40, G:90, B:151 and CMYK values of C:0.74, M:0.4, Y:0, K:0.41. Its decimal value is 2644631.

Hex triplet	285a97	`#285a97`
RGB Decimal	40, 90, 151	`rgb(40,90,151)`
RGB Percent	15.7, 35.3, 59.2	`rgb(15.7%,35.3%,59.2%)`
CMYK	74, 40, 0, 41
HSL	213°, 58.1, 37.5	`hsl(213,58.1%,37.5%)`
HSV (or HSB)	213°, 73.5, 59.2
Web Safe	336699	`#336699`

CIE-LAB	37.837, 4.894, -38.285
XYZ	10.116, 9.997, 30.673
xyY	0.199, 0.197, 9.997
CIE-LCH	37.837, 38.597, 277.285
CIE-LUV	37.837, -18.361, -54.809
Hunter-Lab	31.618, 1.777, -35.385
Binary	00101000, 01011010, 10010111

#285a97
```
#285a97 rgb(40,90,151)
```
#976528
```
#976528 rgb(151,101,40)
```

Complementary Color

#289297
```
#289297 rgb(40,146,151)
```
#285a97
```
#285a97 rgb(40,90,151)
```
#2d2897
```
#2d2897 rgb(45,40,151)
```

Analogous Color

#929728
```
#929728 rgb(146,151,40)
```
#285a97
```
#285a97 rgb(40,90,151)
```
#972d28
```
#972d28 rgb(151,45,40)
```

Split Complementary Color

#5a9728
```
#5a9728 rgb(90,151,40)
```
#285a97
```
#285a97 rgb(40,90,151)
```
#97285a
```
#97285a rgb(151,40,90)
```

Triadic Color

#289765
```
#289765 rgb(40,151,101)
```
#285a97
```
#285a97 rgb(40,90,151)
```
#97285a
```
#97285a rgb(151,40,90)
```
#976528
```
#976528 rgb(151,101,40)
```

Tetradic Color

#18365b
```
#18365b rgb(24,54,91)
```
#1d426f
```
#1d426f rgb(29,66,111)
```
#234e83
```
#234e83 rgb(35,78,131)
```
#285a97
```
#285a97 rgb(40,90,151)
```
#2d66ab
```
#2d66ab rgb(45,102,171)
```
#3372bf
```
#3372bf rgb(51,114,191)
```
#3f7fcc
```
#3f7fcc rgb(63,127,204)
```

Monochromatic Color

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

#287697
```
#287697 rgb(40,118,151)
```
#286d97
```
#286d97 rgb(40,109,151)
```
#286397
```
#286397 rgb(40,99,151)
```
#285a97
```
#285a97 rgb(40,90,151)
```
#285197
```
#285197 rgb(40,81,151)
```
#284897
```
#284897 rgb(40,72,151)
```
#283e97
```
#283e97 rgb(40,62,151)
```

Similar Colors

Text with hexadecimal color #285a97

This text has a font color of #285a97.

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

#285a97 background color

This paragraph has a background color of #285a97.

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

#285a97 border color

This element has a border color of #285a97.

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

CSS codes

.text {color:#285a97;}

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

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

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)
```
#07101b
```
#07101b rgb(7,16,27)
```
#0b192a
```
#0b192a rgb(11,25,42)
```
#0f233a
```
#0f233a rgb(15,35,58)
```
#132c49
```
#132c49 rgb(19,44,73)
```
#183559
```
#183559 rgb(24,53,89)
```
#1c3e68
```
#1c3e68 rgb(28,62,104)
```
#204878
```
#204878 rgb(32,72,120)
```
#245187
```
#245187 rgb(36,81,135)
```
#285a97
```
#285a97 rgb(40,90,151)
```
#2c63a7
```
#2c63a7 rgb(44,99,167)
```
#306cb6
```
#306cb6 rgb(48,108,182)
```
#3476c6
```
#3476c6 rgb(52,118,198)
```

Shade Color Variation

#4180cd
```
#4180cd rgb(65,128,205)
```
#508ad1
```
#508ad1 rgb(80,138,209)
```
#6095d5
```
#6095d5 rgb(96,149,213)
```
#6f9fd9
```
#6f9fd9 rgb(111,159,217)
```
#7fa9dd
```
#7fa9dd rgb(127,169,221)
```
#8eb4e1
```
#8eb4e1 rgb(142,180,225)
```
#9ebee5
```
#9ebee5 rgb(158,190,229)
```
#adc8e9
```
#adc8e9 rgb(173,200,233)
```
#bdd3ed
```
#bdd3ed rgb(189,211,237)
```
#ccddf2
```
#ccddf2 rgb(204,221,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 #0356bc is the most saturated one.

#5b5f64
```
#5b5f64 rgb(91,95,100)
```
#545e6b
```
#545e6b rgb(84,94,107)
```
#4d5e72
```
#4d5e72 rgb(77,94,114)
```
#455d7a
```
#455d7a rgb(69,93,122)
```
#3e5c81
```
#3e5c81 rgb(62,92,129)
```
#375b88
```
#375b88 rgb(55,91,136)
```
#2f5b90
```
#2f5b90 rgb(47,91,144)
```
#285a97
```
#285a97 rgb(40,90,151)
```
#21599e
```
#21599e rgb(33,89,158)
```
#1959a6
```
#1959a6 rgb(25,89,166)
```
#1258ad
```
#1258ad rgb(18,88,173)
```
#0b57b4
```
#0b57b4 rgb(11,87,180)
```
#0356bc
```
#0356bc rgb(3,86,188)
```

Tone Color Variation

Below, you can see how #285a97 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
#4a5460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475f9a Protanopia 1% of men
#34629c Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#3c5d99 Protanomaly 1% of men, 0.01% of women
#2f5f9a Deuteranomaly 6% of men, 0.4% of women
#0e647f Tritanomaly 0.01% of the population

#285a97 hex color

#285a97 Color Information

#285a97 Color Conversion

Color Schemes with #285a97

Alternatives to #285a97

#285a97 Preview

Shades and Tints of #285a97

Tones of #285a97

Color Blindness Simulator