#285480 hex color

In a RGB color space, hex #285480 is composed of 15.7% red, 32.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 34.4% magenta, 0% yellow and 49.8% black. It has a hue angle of 210 degrees, a saturation of 52.4% and a lightness of 32.9%. #285480 color hex could be obtained by blending #50a8ff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 33
- B 50
RGB color chart
- C 69
- M 34
- Y 0
- K 50
CMYK color chart

● #285480 color description : Dark moderate blue.

The hexadecimal color #285480 has RGB values of R:40, G:84, B:128 and CMYK values of C:0.69, M:0.34, Y:0, K:0.5. Its decimal value is 2643072.

Hex triplet	285480	`#285480`
RGB Decimal	40, 84, 128	`rgb(40,84,128)`
RGB Percent	15.7, 32.9, 50.2	`rgb(15.7%,32.9%,50.2%)`
CMYK	69, 34, 0, 50
HSL	210°, 52.4, 32.9	`hsl(210,52.4%,32.9%)`
HSV (or HSB)	210°, 68.8, 50.2
Web Safe	336699	`#336699`

CIE-LAB	34.701, 0.042, -29.254
XYZ	7.941, 8.35, 21.614
xyY	0.209, 0.22, 8.35
CIE-LCH	34.701, 29.254, 270.083
CIE-LUV	34.701, -16.891, -40.085
Hunter-Lab	28.896, -1.515, -24.122
Binary	00101000, 01010100, 10000000

#285480
```
#285480 rgb(40,84,128)
```
#805428
```
#805428 rgb(128,84,40)
```

Complementary Color

#288080
```
#288080 rgb(40,128,128)
```
#285480
```
#285480 rgb(40,84,128)
```
#282880
```
#282880 rgb(40,40,128)
```

Analogous Color

#808028
```
#808028 rgb(128,128,40)
```
#285480
```
#285480 rgb(40,84,128)
```
#802828
```
#802828 rgb(128,40,40)
```

Split Complementary Color

#548028
```
#548028 rgb(84,128,40)
```
#285480
```
#285480 rgb(40,84,128)
```
#802854
```
#802854 rgb(128,40,84)
```

Triadic Color

#288054
```
#288054 rgb(40,128,84)
```
#285480
```
#285480 rgb(40,84,128)
```
#802854
```
#802854 rgb(128,40,84)
```
#805428
```
#805428 rgb(128,84,40)
```

Tetradic Color

#162e46
```
#162e46 rgb(22,46,70)
```
#1c3b59
```
#1c3b59 rgb(28,59,89)
```
#22476d
```
#22476d rgb(34,71,109)
```
#285480
```
#285480 rgb(40,84,128)
```
#2e6193
```
#2e6193 rgb(46,97,147)
```
#346ea7
```
#346ea7 rgb(52,110,167)
```
#3a7aba
```
#3a7aba rgb(58,122,186)
```

Monochromatic Color

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

#286a80
```
#286a80 rgb(40,106,128)
```
#286380
```
#286380 rgb(40,99,128)
```
#285b80
```
#285b80 rgb(40,91,128)
```
#285480
```
#285480 rgb(40,84,128)
```
#284d80
```
#284d80 rgb(40,77,128)
```
#284580
```
#284580 rgb(40,69,128)
```
#283e80
```
#283e80 rgb(40,62,128)
```

Similar Colors

Text with hexadecimal color #285480

This text has a font color of #285480.

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

#285480 background color

This paragraph has a background color of #285480.

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

#285480 border color

This element has a border color of #285480.

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

CSS codes

.text {color:#285480;}

.background {background-color:#285480;}

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

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, #030608 is the darkest color, while #f8fbfd is the lightest one.

#030608
```
#030608 rgb(3,6,8)
```
#070f17
```
#070f17 rgb(7,15,23)
```
#0c1926
```
#0c1926 rgb(12,25,38)
```
#112335
```
#112335 rgb(17,35,53)
```
#152d44
```
#152d44 rgb(21,45,68)
```
#1a3753
```
#1a3753 rgb(26,55,83)
```
#1f4062
```
#1f4062 rgb(31,64,98)
```
#234a71
```
#234a71 rgb(35,74,113)
```
#285480
```
#285480 rgb(40,84,128)
```
#2d5e8f
```
#2d5e8f rgb(45,94,143)
```
#31689e
```
#31689e rgb(49,104,158)
```
#3671ad
```
#3671ad rgb(54,113,173)
```
#3b7bbc
```
#3b7bbc rgb(59,123,188)
```

Shade Color Variation

#4585c5
```
#4585c5 rgb(69,133,197)
```
#548fca
```
#548fca rgb(84,143,202)
```
#6399ce
```
#6399ce rgb(99,153,206)
```
#72a2d3
```
#72a2d3 rgb(114,162,211)
```
#81acd8
```
#81acd8 rgb(129,172,216)
```
#90b6dc
```
#90b6dc rgb(144,182,220)
```
#9fc0e1
```
#9fc0e1 rgb(159,192,225)
```
#aecae6
```
#aecae6 rgb(174,202,230)
```
#bdd4ea
```
#bdd4ea rgb(189,212,234)
```
#ccddef
```
#ccddef rgb(204,221,239)
```
#dbe7f4
```
#dbe7f4 rgb(219,231,244)
```
#eaf1f8
```
#eaf1f8 rgb(234,241,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5459 is the less saturated color, while #0154a7 is the most saturated one.

#4f5459
```
#4f5459 rgb(79,84,89)
```
#485460
```
#485460 rgb(72,84,96)
```
#425466
```
#425466 rgb(66,84,102)
```
#3b546d
```
#3b546d rgb(59,84,109)
```
#355473
```
#355473 rgb(53,84,115)
```
#2e547a
```
#2e547a rgb(46,84,122)
```
#285480
```
#285480 rgb(40,84,128)
```
#225486
```
#225486 rgb(34,84,134)
```
#1b548d
```
#1b548d rgb(27,84,141)
```
#155493
```
#155493 rgb(21,84,147)
```
#0e549a
```
#0e549a rgb(14,84,154)
```
#0854a0
```
#0854a0 rgb(8,84,160)
```
#0154a7
```
#0154a7 rgb(1,84,167)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#454e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5983 Protanopia 1% of men
#405a87 Deuteranopia 1% of men
#1b626a Tritanopia 0.001% of the population

Trichromacy

#3e5782 Protanomaly 1% of men, 0.01% of women
#375884 Deuteranomaly 6% of men, 0.4% of women
#1f5d72 Tritanomaly 0.01% of the population

#285480 hex color

#285480 Color Information

#285480 Color Conversion

Color Schemes with #285480

Alternatives to #285480

#285480 Preview

Shades and Tints of #285480

Tones of #285480

Color Blindness Simulator