#286080 hex color

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

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

● #286080 color description : Dark moderate blue.

The hexadecimal color #286080 has RGB values of R:40, G:96, B:128 and CMYK values of C:0.69, M:0.25, Y:0, K:0.5. Its decimal value is 2646144.

Hex triplet	286080	`#286080`
RGB Decimal	40, 96, 128	`rgb(40,96,128)`
RGB Percent	15.7, 37.6, 50.2	`rgb(15.7%,37.6%,50.2%)`
CMYK	69, 25, 0, 50
HSL	201.8°, 52.4, 32.9	`hsl(201.8,52.4%,32.9%)`
HSV (or HSB)	201.8°, 68.8, 50.2
Web Safe	336699	`#336699`

CIE-LAB	38.507, -7.441, -23.296
XYZ	8.953, 10.375, 21.952
xyY	0.217, 0.251, 10.375
CIE-LCH	38.507, 24.456, 252.286
CIE-LUV	38.507, -21.235, -31.599
Hunter-Lab	32.21, -6.75, -17.86
Binary	00101000, 01100000, 10000000

#286080
```
#286080 rgb(40,96,128)
```
#804828
```
#804828 rgb(128,72,40)
```

Complementary Color

#288074
```
#288074 rgb(40,128,116)
```
#286080
```
#286080 rgb(40,96,128)
```
#283480
```
#283480 rgb(40,52,128)
```

Analogous Color

#807428
```
#807428 rgb(128,116,40)
```
#286080
```
#286080 rgb(40,96,128)
```
#802834
```
#802834 rgb(128,40,52)
```

Split Complementary Color

#608028
```
#608028 rgb(96,128,40)
```
#286080
```
#286080 rgb(40,96,128)
```
#802860
```
#802860 rgb(128,40,96)
```

Triadic Color

#288048
```
#288048 rgb(40,128,72)
```
#286080
```
#286080 rgb(40,96,128)
```
#802860
```
#802860 rgb(128,40,96)
```
#804828
```
#804828 rgb(128,72,40)
```

Tetradic Color

#163446
```
#163446 rgb(22,52,70)
```
#1c4359
```
#1c4359 rgb(28,67,89)
```
#22516d
```
#22516d rgb(34,81,109)
```
#286080
```
#286080 rgb(40,96,128)
```
#2e6f93
```
#2e6f93 rgb(46,111,147)
```
#347da7
```
#347da7 rgb(52,125,167)
```
#3a8cba
```
#3a8cba rgb(58,140,186)
```

Monochromatic Color

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

#287680
```
#287680 rgb(40,118,128)
```
#286f80
```
#286f80 rgb(40,111,128)
```
#286780
```
#286780 rgb(40,103,128)
```
#286080
```
#286080 rgb(40,96,128)
```
#285980
```
#285980 rgb(40,89,128)
```
#285180
```
#285180 rgb(40,81,128)
```
#284a80
```
#284a80 rgb(40,74,128)
```

Similar Colors

Text with hexadecimal color #286080

This text has a font color of #286080.

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

#286080 background color

This paragraph has a background color of #286080.

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

#286080 border color

This element has a border color of #286080.

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

CSS codes

.text {color:#286080;}

.background {background-color:#286080;}

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

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)
```
#071217
```
#071217 rgb(7,18,23)
```
#0c1d26
```
#0c1d26 rgb(12,29,38)
```
#112835
```
#112835 rgb(17,40,53)
```
#153344
```
#153344 rgb(21,51,68)
```
#1a3e53
```
#1a3e53 rgb(26,62,83)
```
#1f4a62
```
#1f4a62 rgb(31,74,98)
```
#235571
```
#235571 rgb(35,85,113)
```
#286080
```
#286080 rgb(40,96,128)
```
#2d6b8f
```
#2d6b8f rgb(45,107,143)
```
#31769e
```
#31769e rgb(49,118,158)
```
#3682ad
```
#3682ad rgb(54,130,173)
```
#3b8dbc
```
#3b8dbc rgb(59,141,188)
```

Shade Color Variation

#4596c5
```
#4596c5 rgb(69,150,197)
```
#549fca
```
#549fca rgb(84,159,202)
```
#63a7ce
```
#63a7ce rgb(99,167,206)
```
#72b0d3
```
#72b0d3 rgb(114,176,211)
```
#81b8d8
```
#81b8d8 rgb(129,184,216)
```
#90c0dc
```
#90c0dc rgb(144,192,220)
```
#9fc9e1
```
#9fc9e1 rgb(159,201,225)
```
#aed1e6
```
#aed1e6 rgb(174,209,230)
```
#bddaea
```
#bddaea rgb(189,218,234)
```
#cce2ef
```
#cce2ef rgb(204,226,239)
```
#dbebf4
```
#dbebf4 rgb(219,235,244)
```
#eaf3f8
```
#eaf3f8 rgb(234,243,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#4f5559
```
#4f5559 rgb(79,85,89)
```
#485760
```
#485760 rgb(72,87,96)
```
#425966
```
#425966 rgb(66,89,102)
```
#3b5b6d
```
#3b5b6d rgb(59,91,109)
```
#355c73
```
#355c73 rgb(53,92,115)
```
#2e5e7a
```
#2e5e7a rgb(46,94,122)
```
#286080
```
#286080 rgb(40,96,128)
```
#226286
```
#226286 rgb(34,98,134)
```
#1b648d
```
#1b648d rgb(27,100,141)
```
#156593
```
#156593 rgb(21,101,147)
```
#0e679a
```
#0e679a rgb(14,103,154)
```
#0869a0
```
#0869a0 rgb(8,105,160)
```
#016ba7
```
#016ba7 rgb(1,107,167)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4a565c Atypical Achromatopsia 0.001% of the population

Dichromacy

#596282 Protanopia 1% of men
#536288 Deuteranopia 1% of men
#246b73 Tritanopia 0.001% of the population

Trichromacy

#476181 Protanomaly 1% of men, 0.01% of women
#436185 Deuteranomaly 6% of men, 0.4% of women
#266778 Tritanomaly 0.01% of the population

#286080 hex color

#286080 Color Information

#286080 Color Conversion

Color Schemes with #286080

Alternatives to #286080

#286080 Preview

Shades and Tints of #286080

Tones of #286080

Color Blindness Simulator