colorhexa.com

#285f98 hex color

In a RGB color space, hex #285f98 is composed of 15.7% red, 37.3% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 37.5% magenta, 0% yellow and 40.4% black. It has a hue angle of 210.5 degrees, a saturation of 58.3% and a lightness of 37.6%. #285f98 color hex could be obtained by blending #50beff with #000031. Closest websafe color is: #336699.

- R 16
- G 37
- B 60
RGB color chart
- C 74
- M 38
- Y 0
- K 40
CMYK color chart

● #285f98 color description : Dark blue.

The hexadecimal color #285f98 has RGB values of R:40, G:95, B:152 and CMYK values of C:0.74, M:0.38, Y:0, K:0.4. Its decimal value is 2645912.

Hex triplet	285f98	`#285f98`
RGB Decimal	40, 95, 152	`rgb(40,95,152)`
RGB Percent	15.7, 37.3, 59.6	`rgb(15.7%,37.3%,59.6%)`
CMYK	74, 38, 0, 40
HSL	210.5°, 58.3, 37.6	`hsl(210.5,58.3%,37.6%)`
HSV (or HSB)	210.5°, 73.7, 59.6
Web Safe	336699	`#336699`

CIE-LAB	39.414, 2.07, -36.38
XYZ	10.633, 10.902, 31.248
xyY	0.201, 0.207, 10.902
CIE-LCH	39.414, 36.439, 273.256
CIE-LUV	39.414, -20.021, -52.315
Hunter-Lab	33.018, -0.295, -32.999
Binary	00101000, 01011111, 10011000

#285f98
```
#285f98 rgb(40,95,152)
```
#986128
```
#986128 rgb(152,97,40)
```

Complementary Color

#289798
```
#289798 rgb(40,151,152)
```
#285f98
```
#285f98 rgb(40,95,152)
```
#292898
```
#292898 rgb(41,40,152)
```

Analogous Color

#979828
```
#979828 rgb(151,152,40)
```
#285f98
```
#285f98 rgb(40,95,152)
```
#982928
```
#982928 rgb(152,41,40)
```

Split Complementary Color

#5f9828
```
#5f9828 rgb(95,152,40)
```
#285f98
```
#285f98 rgb(40,95,152)
```
#98285f
```
#98285f rgb(152,40,95)
```

Triadic Color

#18395b
```
#18395b rgb(24,57,91)
```
#1d4670
```
#1d4670 rgb(29,70,112)
```
#235284
```
#235284 rgb(35,82,132)
```
#285f98
```
#285f98 rgb(40,95,152)
```
#2d6cac
```
#2d6cac rgb(45,108,172)
```
#3378c0
```
#3378c0 rgb(51,120,192)
```
#4085cd
```
#4085cd rgb(64,133,205)
```

Monochromatic Color

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

#287b98
```
#287b98 rgb(40,123,152)
```
#287298
```
#287298 rgb(40,114,152)
```
#286898
```
#286898 rgb(40,104,152)
```
#285f98
```
#285f98 rgb(40,95,152)
```
#285698
```
#285698 rgb(40,86,152)
```
#284c98
```
#284c98 rgb(40,76,152)
```
#284398
```
#284398 rgb(40,67,152)
```

Similar Colors

Text with hexadecimal color #285f98

This text has a font color of #285f98.

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

#285f98 background color

This paragraph has a background color of #285f98.

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

#285f98 border color

This element has a border color of #285f98.

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

CSS codes

.text {color:#285f98;}

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

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

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

#03080c
```
#03080c rgb(3,8,12)
```
#07111c
```
#07111c rgb(7,17,28)
```
#0b1b2b
```
#0b1b2b rgb(11,27,43)
```
#0f253b
```
#0f253b rgb(15,37,59)
```
#142e4a
```
#142e4a rgb(20,46,74)
```
#18385a
```
#18385a rgb(24,56,90)
```
#1c4269
```
#1c4269 rgb(28,66,105)
```
#204c79
```
#204c79 rgb(32,76,121)
```
#245588
```
#245588 rgb(36,85,136)
```
#285f98
```
#285f98 rgb(40,95,152)
```
#2c69a8
```
#2c69a8 rgb(44,105,168)
```
#3072b7
```
#3072b7 rgb(48,114,183)
```
#347cc7
```
#347cc7 rgb(52,124,199)
```

Shade Color Variation

#4186cd
```
#4186cd rgb(65,134,205)
```
#5190d1
```
#5190d1 rgb(81,144,209)
```
#609ad5
```
#609ad5 rgb(96,154,213)
```
#70a4d9
```
#70a4d9 rgb(112,164,217)
```
#7faedd
```
#7faedd rgb(127,174,221)
```
#8fb8e2
```
#8fb8e2 rgb(143,184,226)
```
#9fc1e6
```
#9fc1e6 rgb(159,193,230)
```
#aecbea
```
#aecbea rgb(174,203,234)
```
#bed5ee
```
#bed5ee rgb(190,213,238)
```
#cddff2
```
#cddff2 rgb(205,223,242)
```
#dde9f6
```
#dde9f6 rgb(221,233,246)
```
#ecf3fa
```
#ecf3fa rgb(236,243,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#5c6064
```
#5c6064 rgb(92,96,100)
```
#54606c
```
#54606c rgb(84,96,108)
```
#4d6073
```
#4d6073 rgb(77,96,115)
```
#46607a
```
#46607a rgb(70,96,122)
```
#3e5f82
```
#3e5f82 rgb(62,95,130)
```
#375f89
```
#375f89 rgb(55,95,137)
```
#2f5f91
```
#2f5f91 rgb(47,95,145)
```
#285f98
```
#285f98 rgb(40,95,152)
```
#215f9f
```
#215f9f rgb(33,95,159)
```
#195fa7
```
#195fa7 rgb(25,95,167)
```
#125fae
```
#125fae rgb(18,95,174)
```
#0a5eb6
```
#0a5eb6 rgb(10,94,182)
```
#035ebd
```
#035ebd rgb(3,94,189)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4c5762 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e639a Protanopia 1% of men
#3e659e Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#406199 Protanomaly 1% of men, 0.01% of women
#36639b Deuteranomaly 6% of men, 0.4% of women
#0e6983 Tritanomaly 0.01% of the population