#285d76 hex color

In a RGB color space, hex #285d76 is composed of 15.7% red, 36.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 21.2% magenta, 0% yellow and 53.7% black. It has a hue angle of 199.2 degrees, a saturation of 49.4% and a lightness of 31%. #285d76 color hex could be obtained by blending #50baec with #000000. Closest websafe color is: #336666.

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

● #285d76 color description : Dark moderate blue.

The hexadecimal color #285d76 has RGB values of R:40, G:93, B:118 and CMYK values of C:0.66, M:0.21, Y:0, K:0.54. Its decimal value is 2645366.

Hex triplet	285d76	`#285d76`
RGB Decimal	40, 93, 118	`rgb(40,93,118)`
RGB Percent	15.7, 36.5, 46.3	`rgb(15.7%,36.5%,46.3%)`
CMYK	66, 21, 0, 54
HSL	199.2°, 49.4, 31	`hsl(199.2,49.4%,31%)`
HSV (or HSB)	199.2°, 66.1, 46.3
Web Safe	336666	`#336666`

CIE-LAB	37.091, -9.185, -19.365
XYZ	8.059, 9.587, 18.564
xyY	0.223, 0.265, 9.587
CIE-LCH	37.091, 21.433, 244.625
CIE-LUV	37.091, -20.511, -25.375
Hunter-Lab	30.963, -7.729, -13.874
Binary	00101000, 01011101, 01110110

#285d76
```
#285d76 rgb(40,93,118)
```
#764128
```
#764128 rgb(118,65,40)
```

Complementary Color

#287668
```
#287668 rgb(40,118,104)
```
#285d76
```
#285d76 rgb(40,93,118)
```
#283676
```
#283676 rgb(40,54,118)
```

Analogous Color

#766828
```
#766828 rgb(118,104,40)
```
#285d76
```
#285d76 rgb(40,93,118)
```
#762836
```
#762836 rgb(118,40,54)
```

Split Complementary Color

#5d7628
```
#5d7628 rgb(93,118,40)
```
#285d76
```
#285d76 rgb(40,93,118)
```
#76285d
```
#76285d rgb(118,40,93)
```

Triadic Color

#287641
```
#287641 rgb(40,118,65)
```
#285d76
```
#285d76 rgb(40,93,118)
```
#76285d
```
#76285d rgb(118,40,93)
```
#764128
```
#764128 rgb(118,65,40)
```

Tetradic Color

#15303d
```
#15303d rgb(21,48,61)
```
#1b3f50
```
#1b3f50 rgb(27,63,80)
```
#224e63
```
#224e63 rgb(34,78,99)
```
#285d76
```
#285d76 rgb(40,93,118)
```
#2e6c89
```
#2e6c89 rgb(46,108,137)
```
#357b9c
```
#357b9c rgb(53,123,156)
```
#3b8aaf
```
#3b8aaf rgb(59,138,175)
```

Monochromatic Color

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

#287176
```
#287176 rgb(40,113,118)
```
#286a76
```
#286a76 rgb(40,106,118)
```
#286476
```
#286476 rgb(40,100,118)
```
#285d76
```
#285d76 rgb(40,93,118)
```
#285776
```
#285776 rgb(40,87,118)
```
#285076
```
#285076 rgb(40,80,118)
```
#284a76
```
#284a76 rgb(40,74,118)
```

Similar Colors

Text with hexadecimal color #285d76

This text has a font color of #285d76.

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

#285d76 background color

This paragraph has a background color of #285d76.

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

#285d76 border color

This element has a border color of #285d76.

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

CSS codes

.text {color:#285d76;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050c0f
```
#050c0f rgb(5,12,15)
```
#0a181e
```
#0a181e rgb(10,24,30)
```
#0f232d
```
#0f232d rgb(15,35,45)
```
#142f3b
```
#142f3b rgb(20,47,59)
```
#193a4a
```
#193a4a rgb(25,58,74)
```
#1e4659
```
#1e4659 rgb(30,70,89)
```
#235167
```
#235167 rgb(35,81,103)
```
#285d76
```
#285d76 rgb(40,93,118)
```
#2d6985
```
#2d6985 rgb(45,105,133)
```
#327493
```
#327493 rgb(50,116,147)
```
#3780a2
```
#3780a2 rgb(55,128,162)
```
#3c8bb1
```
#3c8bb1 rgb(60,139,177)
```

Shade Color Variation

#4197bf
```
#4197bf rgb(65,151,191)
```
#509fc4
```
#509fc4 rgb(80,159,196)
```
#5fa7c9
```
#5fa7c9 rgb(95,167,201)
```
#6dafce
```
#6dafce rgb(109,175,206)
```
#7cb7d3
```
#7cb7d3 rgb(124,183,211)
```
#8bbfd8
```
#8bbfd8 rgb(139,191,216)
```
#99c7dd
```
#99c7dd rgb(153,199,221)
```
#a8cfe1
```
#a8cfe1 rgb(168,207,225)
```
#b7d7e6
```
#b7d7e6 rgb(183,215,230)
```
#c5dfeb
```
#c5dfeb rgb(197,223,235)
```
#d4e7f0
```
#d4e7f0 rgb(212,231,240)
```
#e3eff5
```
#e3eff5 rgb(227,239,245)
```
#f1f7fa
```
#f1f7fa rgb(241,247,250)
```

Tint Color Variation

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

#4c5052
```
#4c5052 rgb(76,80,82)
```
#465258
```
#465258 rgb(70,82,88)
```
#40545e
```
#40545e rgb(64,84,94)
```
#3a5664
```
#3a5664 rgb(58,86,100)
```
#34596a
```
#34596a rgb(52,89,106)
```
#2e5b70
```
#2e5b70 rgb(46,91,112)
```
#285d76
```
#285d76 rgb(40,93,118)
```
#225f7c
```
#225f7c rgb(34,95,124)
```
#1c6182
```
#1c6182 rgb(28,97,130)
```
#166488
```
#166488 rgb(22,100,136)
```
#10668e
```
#10668e rgb(16,102,142)
```
#0a6894
```
#0a6894 rgb(10,104,148)
```
#046a9a
```
#046a9a rgb(4,106,154)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#485358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585f78 Protanopia 1% of men
#555e7f Deuteranopia 1% of men
#2a676f Tritanopia 0.001% of the population

Trichromacy

#475e77 Protanomaly 1% of men, 0.01% of women
#455e7c Deuteranomaly 6% of men, 0.4% of women
#296371 Tritanomaly 0.01% of the population

#285d76 hex color

#285d76 Color Information

#285d76 Color Conversion

Color Schemes with #285d76

Alternatives to #285d76

#285d76 Preview

Shades and Tints of #285d76

Tones of #285d76

Color Blindness Simulator