#285a75 hex color

In a RGB color space, hex #285a75 is composed of 15.7% red, 35.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 23.1% magenta, 0% yellow and 54.1% black. It has a hue angle of 201 degrees, a saturation of 49% and a lightness of 30.8%. #285a75 color hex could be obtained by blending #50b4ea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 35
- B 46
RGB color chart
- C 66
- M 23
- Y 0
- K 54
CMYK color chart

● #285a75 color description : Dark moderate blue.

The hexadecimal color #285a75 has RGB values of R:40, G:90, B:117 and CMYK values of C:0.66, M:0.23, Y:0, K:0.54. Its decimal value is 2644597.

Hex triplet	285a75	`#285a75`
RGB Decimal	40, 90, 117	`rgb(40,90,117)`
RGB Percent	15.7, 35.3, 45.9	`rgb(15.7%,35.3%,45.9%)`
CMYK	66, 23, 0, 54
HSL	201°, 49, 30.8	`hsl(201,49%,30.8%)`
HSV (or HSB)	201°, 65.8, 45.9
Web Safe	336666	`#336666`

CIE-LAB	36.075, -7.727, -20.32
XYZ	7.741, 9.047, 18.167
xyY	0.221, 0.259, 9.047
CIE-LCH	36.075, 21.739, 249.18
CIE-LUV	36.075, -19.421, -26.73
Hunter-Lab	30.079, -6.697, -14.755
Binary	00101000, 01011010, 01110101

#285a75
```
#285a75 rgb(40,90,117)
```
#754328
```
#754328 rgb(117,67,40)
```

Complementary Color

#28756a
```
#28756a rgb(40,117,106)
```
#285a75
```
#285a75 rgb(40,90,117)
```
#283475
```
#283475 rgb(40,52,117)
```

Analogous Color

#756a28
```
#756a28 rgb(117,106,40)
```
#285a75
```
#285a75 rgb(40,90,117)
```
#752834
```
#752834 rgb(117,40,52)
```

Split Complementary Color

#5a7528
```
#5a7528 rgb(90,117,40)
```
#285a75
```
#285a75 rgb(40,90,117)
```
#75285a
```
#75285a rgb(117,40,90)
```

Triadic Color

#287543
```
#287543 rgb(40,117,67)
```
#285a75
```
#285a75 rgb(40,90,117)
```
#75285a
```
#75285a rgb(117,40,90)
```
#754328
```
#754328 rgb(117,67,40)
```

Tetradic Color

#152e3c
```
#152e3c rgb(21,46,60)
```
#1b3d4f
```
#1b3d4f rgb(27,61,79)
```
#224b62
```
#224b62 rgb(34,75,98)
```
#285a75
```
#285a75 rgb(40,90,117)
```
#2e6988
```
#2e6988 rgb(46,105,136)
```
#35779b
```
#35779b rgb(53,119,155)
```
#3b86ae
```
#3b86ae rgb(59,134,174)
```

Monochromatic Color

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

#286d75
```
#286d75 rgb(40,109,117)
```
#286775
```
#286775 rgb(40,103,117)
```
#286075
```
#286075 rgb(40,96,117)
```
#285a75
```
#285a75 rgb(40,90,117)
```
#285475
```
#285475 rgb(40,84,117)
```
#284d75
```
#284d75 rgb(40,77,117)
```
#284775
```
#284775 rgb(40,71,117)
```

Similar Colors

Text with hexadecimal color #285a75

This text has a font color of #285a75.

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

#285a75 background color

This paragraph has a background color of #285a75.

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

#285a75 border color

This element has a border color of #285a75.

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

CSS codes

.text {color:#285a75;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050b0f
```
#050b0f rgb(5,11,15)
```
#0a171d
```
#0a171d rgb(10,23,29)
```
#0f222c
```
#0f222c rgb(15,34,44)
```
#142d3b
```
#142d3b rgb(20,45,59)
```
#193849
```
#193849 rgb(25,56,73)
```
#1e4458
```
#1e4458 rgb(30,68,88)
```
#234f66
```
#234f66 rgb(35,79,102)
```
#285a75
```
#285a75 rgb(40,90,117)
```
#2d6584
```
#2d6584 rgb(45,101,132)
```
#327092
```
#327092 rgb(50,112,146)
```
#377ca1
```
#377ca1 rgb(55,124,161)
```
#3c87af
```
#3c87af rgb(60,135,175)
```

Shade Color Variation

#4192be
```
#4192be rgb(65,146,190)
```
#509bc3
```
#509bc3 rgb(80,155,195)
```
#5ea3c8
```
#5ea3c8 rgb(94,163,200)
```
#6dabcd
```
#6dabcd rgb(109,171,205)
```
#7bb4d2
```
#7bb4d2 rgb(123,180,210)
```
#8abcd7
```
#8abcd7 rgb(138,188,215)
```
#99c4dc
```
#99c4dc rgb(153,196,220)
```
#a7cde1
```
#a7cde1 rgb(167,205,225)
```
#b6d5e6
```
#b6d5e6 rgb(182,213,230)
```
#c5deeb
```
#c5deeb rgb(197,222,235)
```
#d3e6f0
```
#d3e6f0 rgb(211,230,240)
```
#e2eef5
```
#e2eef5 rgb(226,238,245)
```
#f0f7fa
```
#f0f7fa rgb(240,247,250)
```

Tint Color Variation

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

#4c4f51
```
#4c4f51 rgb(76,79,81)
```
#465157
```
#465157 rgb(70,81,87)
```
#40535d
```
#40535d rgb(64,83,93)
```
#3a5563
```
#3a5563 rgb(58,85,99)
```
#345669
```
#345669 rgb(52,86,105)
```
#2e586f
```
#2e586f rgb(46,88,111)
```
#285a75
```
#285a75 rgb(40,90,117)
```
#225c7b
```
#225c7b rgb(34,92,123)
```
#1c5e81
```
#1c5e81 rgb(28,94,129)
```
#165f87
```
#165f87 rgb(22,95,135)
```
#10618d
```
#10618d rgb(16,97,141)
```
#0a6393
```
#0a6393 rgb(10,99,147)
```
#046599
```
#046599 rgb(4,101,153)
```

Tone Color Variation

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

Dichromacy

#555c78 Protanopia 1% of men
#515c7e Deuteranopia 1% of men
#29656c Tritanopia 0.001% of the population

Trichromacy

#455b77 Protanomaly 1% of men, 0.01% of women
#425b7b Deuteranomaly 6% of men, 0.4% of women
#28616f Tritanomaly 0.01% of the population

#285a75 hex color

#285a75 Color Information

#285a75 Color Conversion

Color Schemes with #285a75

Alternatives to #285a75

#285a75 Preview

Shades and Tints of #285a75

Tones of #285a75

Color Blindness Simulator