#285d7e hex color

In a RGB color space, hex #285d7e is composed of 15.7% red, 36.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 26.2% magenta, 0% yellow and 50.6% black. It has a hue angle of 203 degrees, a saturation of 51.8% and a lightness of 32.5%. #285d7e color hex could be obtained by blending #50bafc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 36
- B 49
RGB color chart
- C 68
- M 26
- Y 0
- K 51
CMYK color chart

● #285d7e color description : Dark moderate blue.

The hexadecimal color #285d7e has RGB values of R:40, G:93, B:126 and CMYK values of C:0.68, M:0.26, Y:0, K:0.51. Its decimal value is 2645374.

Hex triplet	285d7e	`#285d7e`
RGB Decimal	40, 93, 126	`rgb(40,93,126)`
RGB Percent	15.7, 36.5, 49.4	`rgb(15.7%,36.5%,49.4%)`
CMYK	68, 26, 0, 51
HSL	203°, 51.8, 32.5	`hsl(203,51.8%,32.5%)`
HSV (or HSB)	203°, 68.3, 49.4
Web Safe	336666	`#336666`

CIE-LAB	37.455, -6.337, -23.711
XYZ	8.554, 9.786, 21.175
xyY	0.216, 0.248, 9.786
CIE-LCH	37.455, 24.543, 255.038
CIE-LUV	37.455, -20.206, -32.107
Hunter-Lab	31.282, -5.93, -18.238
Binary	00101000, 01011101, 01111110

#285d7e
```
#285d7e rgb(40,93,126)
```
#7e4928
```
#7e4928 rgb(126,73,40)
```

Complementary Color

#287e74
```
#287e74 rgb(40,126,116)
```
#285d7e
```
#285d7e rgb(40,93,126)
```
#28327e
```
#28327e rgb(40,50,126)
```

Analogous Color

#7e7428
```
#7e7428 rgb(126,116,40)
```
#285d7e
```
#285d7e rgb(40,93,126)
```
#7e2832
```
#7e2832 rgb(126,40,50)
```

Split Complementary Color

#5d7e28
```
#5d7e28 rgb(93,126,40)
```
#285d7e
```
#285d7e rgb(40,93,126)
```
#7e285d
```
#7e285d rgb(126,40,93)
```

Triadic Color

#287e49
```
#287e49 rgb(40,126,73)
```
#285d7e
```
#285d7e rgb(40,93,126)
```
#7e285d
```
#7e285d rgb(126,40,93)
```
#7e4928
```
#7e4928 rgb(126,73,40)
```

Tetradic Color

#163244
```
#163244 rgb(22,50,68)
```
#1c4057
```
#1c4057 rgb(28,64,87)
```
#224f6b
```
#224f6b rgb(34,79,107)
```
#285d7e
```
#285d7e rgb(40,93,126)
```
#2e6b91
```
#2e6b91 rgb(46,107,145)
```
#347aa5
```
#347aa5 rgb(52,122,165)
```
#3a88b8
```
#3a88b8 rgb(58,136,184)
```

Monochromatic Color

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

#28737e
```
#28737e rgb(40,115,126)
```
#286b7e
```
#286b7e rgb(40,107,126)
```
#28647e
```
#28647e rgb(40,100,126)
```
#285d7e
```
#285d7e rgb(40,93,126)
```
#28567e
```
#28567e rgb(40,86,126)
```
#284f7e
```
#284f7e rgb(40,79,126)
```
#28487e
```
#28487e rgb(40,72,126)
```

Similar Colors

Text with hexadecimal color #285d7e

This text has a font color of #285d7e.

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

#285d7e background color

This paragraph has a background color of #285d7e.

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

#285d7e border color

This element has a border color of #285d7e.

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

CSS codes

.text {color:#285d7e;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#071016
```
#071016 rgb(7,16,22)
```
#0c1b25
```
#0c1b25 rgb(12,27,37)
```
#102634
```
#102634 rgb(16,38,52)
```
#153142
```
#153142 rgb(21,49,66)
```
#1a3c51
```
#1a3c51 rgb(26,60,81)
```
#1f4760
```
#1f4760 rgb(31,71,96)
```
#23526f
```
#23526f rgb(35,82,111)
```
#285d7e
```
#285d7e rgb(40,93,126)
```
#2d688d
```
#2d688d rgb(45,104,141)
```
#31739c
```
#31739c rgb(49,115,156)
```
#367eab
```
#367eab rgb(54,126,171)
```
#3b89ba
```
#3b89ba rgb(59,137,186)
```

Shade Color Variation

#4493c4
```
#4493c4 rgb(68,147,196)
```
#539bc8
```
#539bc8 rgb(83,155,200)
```
#62a4cd
```
#62a4cd rgb(98,164,205)
```
#71add2
```
#71add2 rgb(113,173,210)
```
#80b5d7
```
#80b5d7 rgb(128,181,215)
```
#8fbedb
```
#8fbedb rgb(143,190,219)
```
#9ec7e0
```
#9ec7e0 rgb(158,199,224)
```
#adcfe5
```
#adcfe5 rgb(173,207,229)
```
#bbd8ea
```
#bbd8ea rgb(187,216,234)
```
#cae0ee
```
#cae0ee rgb(202,224,238)
```
#d9e9f3
```
#d9e9f3 rgb(217,233,243)
```
#e8f2f8
```
#e8f2f8 rgb(232,242,248)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#4e5458
```
#4e5458 rgb(78,84,88)
```
#48565e
```
#48565e rgb(72,86,94)
```
#425764
```
#425764 rgb(66,87,100)
```
#3b596b
```
#3b596b rgb(59,89,107)
```
#355a71
```
#355a71 rgb(53,90,113)
```
#2e5c78
```
#2e5c78 rgb(46,92,120)
```
#285d7e
```
#285d7e rgb(40,93,126)
```
#225e84
```
#225e84 rgb(34,94,132)
```
#1b608b
```
#1b608b rgb(27,96,139)
```
#156191
```
#156191 rgb(21,97,145)
```
#0e6398
```
#0e6398 rgb(14,99,152)
```
#08649e
```
#08649e rgb(8,100,158)
```
#0266a4
```
#0266a4 rgb(2,102,164)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#49535a Atypical Achromatopsia 0.001% of the population

Dichromacy

#565f80 Protanopia 1% of men
#506086 Deuteranopia 1% of men
#246971 Tritanopia 0.001% of the population

Trichromacy

#455e7f Protanomaly 1% of men, 0.01% of women
#415e83 Deuteranomaly 6% of men, 0.4% of women
#256475 Tritanomaly 0.01% of the population

#285d7e hex color

#285d7e Color Information

#285d7e Color Conversion

Color Schemes with #285d7e

Alternatives to #285d7e

#285d7e Preview

Shades and Tints of #285d7e

Tones of #285d7e

Color Blindness Simulator