#285396 hex color

In a RGB color space, hex #285396 is composed of 15.7% red, 32.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 44.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 216.5 degrees, a saturation of 57.9% and a lightness of 37.3%. #285396 color hex could be obtained by blending #50a6ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 33
- B 59
RGB color chart
- C 73
- M 45
- Y 0
- K 41
CMYK color chart

● #285396 color description : Dark blue.

The hexadecimal color #285396 has RGB values of R:40, G:83, B:150 and CMYK values of C:0.73, M:0.45, Y:0, K:0.41. Its decimal value is 2642838.

Hex triplet	285396	`#285396`
RGB Decimal	40, 83, 150	`rgb(40,83,150)`
RGB Percent	15.7, 32.5, 58.8	`rgb(15.7%,32.5%,58.8%)`
CMYK	73, 45, 0, 41
HSL	216.5°, 57.9, 37.3	`hsl(216.5,57.9%,37.3%)`
HSV (or HSB)	216.5°, 73.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	35.672, 9.088, -41.137
XYZ	9.472, 8.839, 30.059
xyY	0.196, 0.183, 8.839
CIE-LCH	35.672, 42.129, 282.458
CIE-LUV	35.672, -16.088, -58.335
Hunter-Lab	29.73, 4.842, -39.135
Binary	00101000, 01010011, 10010110

#285396
```
#285396 rgb(40,83,150)
```
#966b28
```
#966b28 rgb(150,107,40)
```

Complementary Color

#288a96
```
#288a96 rgb(40,138,150)
```
#285396
```
#285396 rgb(40,83,150)
```
#342896
```
#342896 rgb(52,40,150)
```

Analogous Color

#8a9628
```
#8a9628 rgb(138,150,40)
```
#285396
```
#285396 rgb(40,83,150)
```
#963428
```
#963428 rgb(150,52,40)
```

Split Complementary Color

#539628
```
#539628 rgb(83,150,40)
```
#285396
```
#285396 rgb(40,83,150)
```
#962853
```
#962853 rgb(150,40,83)
```

Triadic Color

#28966b
```
#28966b rgb(40,150,107)
```
#285396
```
#285396 rgb(40,83,150)
```
#962853
```
#962853 rgb(150,40,83)
```
#966b28
```
#966b28 rgb(150,107,40)
```

Tetradic Color

#18325a
```
#18325a rgb(24,50,90)
```
#1d3d6e
```
#1d3d6e rgb(29,61,110)
```
#234882
```
#234882 rgb(35,72,130)
```
#285396
```
#285396 rgb(40,83,150)
```
#2d5eaa
```
#2d5eaa rgb(45,94,170)
```
#3369be
```
#3369be rgb(51,105,190)
```
#3f76cc
```
#3f76cc rgb(63,118,204)
```

Monochromatic Color

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

#286f96
```
#286f96 rgb(40,111,150)
```
#286596
```
#286596 rgb(40,101,150)
```
#285c96
```
#285c96 rgb(40,92,150)
```
#285396
```
#285396 rgb(40,83,150)
```
#284a96
```
#284a96 rgb(40,74,150)
```
#284196
```
#284196 rgb(40,65,150)
```
#283896
```
#283896 rgb(40,56,150)
```

Similar Colors

Text with hexadecimal color #285396

This text has a font color of #285396.

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

#285396 background color

This paragraph has a background color of #285396.

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

#285396 border color

This element has a border color of #285396.

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

CSS codes

.text {color:#285396;}

.background {background-color:#285396;}

.border {border:1px solid #285396;}

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

#03060b
```
#03060b rgb(3,6,11)
```
#070e1a
```
#070e1a rgb(7,14,26)
```
#0b172a
```
#0b172a rgb(11,23,42)
```
#0f2039
```
#0f2039 rgb(15,32,57)
```
#132849
```
#132849 rgb(19,40,73)
```
#173158
```
#173158 rgb(23,49,88)
```
#1c3968
```
#1c3968 rgb(28,57,104)
```
#204277
```
#204277 rgb(32,66,119)
```
#244a87
```
#244a87 rgb(36,74,135)
```
#285396
```
#285396 rgb(40,83,150)
```
#2c5ca5
```
#2c5ca5 rgb(44,92,165)
```
#3064b5
```
#3064b5 rgb(48,100,181)
```
#346dc4
```
#346dc4 rgb(52,109,196)
```

Shade Color Variation

#4077cc
```
#4077cc rgb(64,119,204)
```
#5082d0
```
#5082d0 rgb(80,130,208)
```
#5f8dd4
```
#5f8dd4 rgb(95,141,212)
```
#6f98d9
```
#6f98d9 rgb(111,152,217)
```
#7ea3dd
```
#7ea3dd rgb(126,163,221)
```
#8eaee1
```
#8eaee1 rgb(142,174,225)
```
#9db9e5
```
#9db9e5 rgb(157,185,229)
```
#adc4e9
```
#adc4e9 rgb(173,196,233)
```
#bccfed
```
#bccfed rgb(188,207,237)
```
#ccdaf1
```
#ccdaf1 rgb(204,218,241)
```
#dbe5f5
```
#dbe5f5 rgb(219,229,245)
```
#ebf0fa
```
#ebf0fa rgb(235,240,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#5b5e63
```
#5b5e63 rgb(91,94,99)
```
#545d6a
```
#545d6a rgb(84,93,106)
```
#4d5b71
```
#4d5b71 rgb(77,91,113)
```
#455979
```
#455979 rgb(69,89,121)
```
#3e5880
```
#3e5880 rgb(62,88,128)
```
#375687
```
#375687 rgb(55,86,135)
```
#2f558f
```
#2f558f rgb(47,85,143)
```
#285396
```
#285396 rgb(40,83,150)
```
#21519d
```
#21519d rgb(33,81,157)
```
#1950a5
```
#1950a5 rgb(25,80,165)
```
#124eac
```
#124eac rgb(18,78,172)
```
#0b4db3
```
#0b4db3 rgb(11,77,179)
```
#034bbb
```
#034bbb rgb(3,75,187)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#464f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5a9a Protanopia 1% of men
#1f5e9a Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#355798 Protanomaly 1% of men, 0.01% of women
#225a98 Deuteranomaly 6% of men, 0.4% of women
#0e5e7b Tritanomaly 0.01% of the population

#285396 hex color

#285396 Color Information

#285396 Color Conversion

Color Schemes with #285396

Alternatives to #285396

#285396 Preview

Shades and Tints of #285396

Tones of #285396

Color Blindness Simulator