#285e6c hex color

In a RGB color space, hex #285e6c is composed of 15.7% red, 36.9% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 13% magenta, 0% yellow and 57.6% black. It has a hue angle of 192.4 degrees, a saturation of 45.9% and a lightness of 29%. #285e6c color hex could be obtained by blending #50bcd8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 37
- B 42
RGB color chart
- C 63
- M 13
- Y 0
- K 58
CMYK color chart

● #285e6c color description : Very dark cyan.

The hexadecimal color #285e6c has RGB values of R:40, G:94, B:108 and CMYK values of C:0.63, M:0.13, Y:0, K:0.58. Its decimal value is 2645612.

Hex triplet	285e6c	`#285e6c`
RGB Decimal	40, 94, 108	`rgb(40,94,108)`
RGB Percent	15.7, 36.9, 42.4	`rgb(15.7%,36.9%,42.4%)`
CMYK	63, 13, 0, 58
HSL	192.4°, 45.9, 29	`hsl(192.4,45.9%,29%)`
HSV (or HSB)	192.4°, 63, 42.4
Web Safe	336666	`#336666`

CIE-LAB	37.001, -13.199, -13.334
XYZ	7.584, 9.539, 15.628
xyY	0.232, 0.291, 9.539
CIE-LCH	37.001, 18.762, 225.291
CIE-LUV	37.001, -21.3, -16.243
Hunter-Lab	30.885, -10.217, -8.382
Binary	00101000, 01011110, 01101100

#285e6c
```
#285e6c rgb(40,94,108)
```
#6c3628
```
#6c3628 rgb(108,54,40)
```

Complementary Color

#286c58
```
#286c58 rgb(40,108,88)
```
#285e6c
```
#285e6c rgb(40,94,108)
```
#283c6c
```
#283c6c rgb(40,60,108)
```

Analogous Color

#6c5828
```
#6c5828 rgb(108,88,40)
```
#285e6c
```
#285e6c rgb(40,94,108)
```
#6c283c
```
#6c283c rgb(108,40,60)
```

Split Complementary Color

#5e6c28
```
#5e6c28 rgb(94,108,40)
```
#285e6c
```
#285e6c rgb(40,94,108)
```
#6c285e
```
#6c285e rgb(108,40,94)
```

Triadic Color

#286c36
```
#286c36 rgb(40,108,54)
```
#285e6c
```
#285e6c rgb(40,94,108)
```
#6c285e
```
#6c285e rgb(108,40,94)
```
#6c3628
```
#6c3628 rgb(108,54,40)
```

Tetradic Color

#132d34
```
#132d34 rgb(19,45,52)
```
#1a3e47
```
#1a3e47 rgb(26,62,71)
```
#214e59
```
#214e59 rgb(33,78,89)
```
#285e6c
```
#285e6c rgb(40,94,108)
```
#2f6e7f
```
#2f6e7f rgb(47,110,127)
```
#367e91
```
#367e91 rgb(54,126,145)
```
#3d8fa4
```
#3d8fa4 rgb(61,143,164)
```

Monochromatic Color

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

#286c69
```
#286c69 rgb(40,108,105)
```
#28696c
```
#28696c rgb(40,105,108)
```
#28646c
```
#28646c rgb(40,100,108)
```
#285e6c
```
#285e6c rgb(40,94,108)
```
#28586c
```
#28586c rgb(40,88,108)
```
#28536c
```
#28536c rgb(40,83,108)
```
#284d6c
```
#284d6c rgb(40,77,108)
```

Similar Colors

Text with hexadecimal color #285e6c

This text has a font color of #285e6c.

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

#285e6c background color

This paragraph has a background color of #285e6c.

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

#285e6c border color

This element has a border color of #285e6c.

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

CSS codes

.text {color:#285e6c;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#081316
```
#081316 rgb(8,19,22)
```
#0d2024
```
#0d2024 rgb(13,32,36)
```
#132c33
```
#132c33 rgb(19,44,51)
```
#183941
```
#183941 rgb(24,57,65)
```
#1d454f
```
#1d454f rgb(29,69,79)
```
#23525e
```
#23525e rgb(35,82,94)
```
#285e6c
```
#285e6c rgb(40,94,108)
```
#2d6a7a
```
#2d6a7a rgb(45,106,122)
```
#337789
```
#337789 rgb(51,119,137)
```
#388397
```
#388397 rgb(56,131,151)
```
#3d90a5
```
#3d90a5 rgb(61,144,165)
```
#439cb4
```
#439cb4 rgb(67,156,180)
```

Shade Color Variation

#4da6bd
```
#4da6bd rgb(77,166,189)
```
#5badc2
```
#5badc2 rgb(91,173,194)
```
#69b4c8
```
#69b4c8 rgb(105,180,200)
```
#78bbcd
```
#78bbcd rgb(120,187,205)
```
#86c2d2
```
#86c2d2 rgb(134,194,210)
```
#94cad7
```
#94cad7 rgb(148,202,215)
```
#a3d1dd
```
#a3d1dd rgb(163,209,221)
```
#b1d8e2
```
#b1d8e2 rgb(177,216,226)
```
#bfdfe7
```
#bfdfe7 rgb(191,223,231)
```
#cee6ed
```
#cee6ed rgb(206,230,237)
```
#dcedf2
```
#dcedf2 rgb(220,237,242)
```
#eaf5f7
```
#eaf5f7 rgb(234,245,247)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#444d50
```
#444d50 rgb(68,77,80)
```
#3f5155
```
#3f5155 rgb(63,81,85)
```
#39545b
```
#39545b rgb(57,84,91)
```
#335761
```
#335761 rgb(51,87,97)
```
#2e5b66
```
#2e5b66 rgb(46,91,102)
```
#285e6c
```
#285e6c rgb(40,94,108)
```
#226172
```
#226172 rgb(34,97,114)
```
#1d6577
```
#1d6577 rgb(29,101,119)
```
#17687d
```
#17687d rgb(23,104,125)
```
#116b83
```
#116b83 rgb(17,107,131)
```
#0c6f88
```
#0c6f88 rgb(12,111,136)
```
#06728e
```
#06728e rgb(6,114,142)
```
#007594
```
#007594 rgb(0,117,148)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#475255 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5f6f Protanopia 1% of men
#5c5e76 Deuteranopia 1% of men
#30676e Tritanopia 0.001% of the population

Trichromacy

#495e6d Protanomaly 1% of men, 0.01% of women
#495e72 Deuteranomaly 6% of men, 0.4% of women
#2d636d Tritanomaly 0.01% of the population

#285e6c hex color

#285e6c Color Information

#285e6c Color Conversion

Color Schemes with #285e6c

Alternatives to #285e6c

#285e6c Preview

Shades and Tints of #285e6c

Tones of #285e6c

Color Blindness Simulator