#285d6b hex color

In a RGB color space, hex #285d6b is composed of 15.7% red, 36.5% green and 42% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 13.1% magenta, 0% yellow and 58% black. It has a hue angle of 192.5 degrees, a saturation of 45.6% and a lightness of 28.8%. #285d6b color hex could be obtained by blending #50bad6 with #000000. Closest websafe color is: #336666.

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

● #285d6b color description : Very dark cyan.

The hexadecimal color #285d6b has RGB values of R:40, G:93, B:107 and CMYK values of C:0.63, M:0.13, Y:0, K:0.58. Its decimal value is 2645355.

Hex triplet	285d6b	`#285d6b`
RGB Decimal	40, 93, 107	`rgb(40,93,107)`
RGB Percent	15.7, 36.5, 42	`rgb(15.7%,36.5%,42%)`
CMYK	63, 13, 0, 58
HSL	192.5°, 45.6, 28.8	`hsl(192.5,45.6%,28.8%)`
HSV (or HSB)	192.5°, 62.6, 42
Web Safe	336666	`#336666`

CIE-LAB	36.632, -12.953, -13.277
XYZ	7.443, 9.341, 15.32
xyY	0.232, 0.291, 9.341
CIE-LCH	36.632, 18.549, 225.707
CIE-LUV	36.632, -20.954, -16.15
Hunter-Lab	30.563, -10.017, -8.326
Binary	00101000, 01011101, 01101011

#285d6b
```
#285d6b rgb(40,93,107)
```
#6b3628
```
#6b3628 rgb(107,54,40)
```

Complementary Color

#286b57
```
#286b57 rgb(40,107,87)
```
#285d6b
```
#285d6b rgb(40,93,107)
```
#283c6b
```
#283c6b rgb(40,60,107)
```

Analogous Color

#6b5728
```
#6b5728 rgb(107,87,40)
```
#285d6b
```
#285d6b rgb(40,93,107)
```
#6b283c
```
#6b283c rgb(107,40,60)
```

Split Complementary Color

#5d6b28
```
#5d6b28 rgb(93,107,40)
```
#285d6b
```
#285d6b rgb(40,93,107)
```
#6b285d
```
#6b285d rgb(107,40,93)
```

Triadic Color

#286b36
```
#286b36 rgb(40,107,54)
```
#285d6b
```
#285d6b rgb(40,93,107)
```
#6b285d
```
#6b285d rgb(107,40,93)
```
#6b3628
```
#6b3628 rgb(107,54,40)
```

Tetradic Color

#132d33
```
#132d33 rgb(19,45,51)
```
#1a3d46
```
#1a3d46 rgb(26,61,70)
```
#214d58
```
#214d58 rgb(33,77,88)
```
#285d6b
```
#285d6b rgb(40,93,107)
```
#2f6d7e
```
#2f6d7e rgb(47,109,126)
```
#367d90
```
#367d90 rgb(54,125,144)
```
#3d8da3
```
#3d8da3 rgb(61,141,163)
```

Monochromatic Color

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

#286b68
```
#286b68 rgb(40,107,104)
```
#28686b
```
#28686b rgb(40,104,107)
```
#28636b
```
#28636b rgb(40,99,107)
```
#285d6b
```
#285d6b rgb(40,93,107)
```
#28576b
```
#28576b rgb(40,87,107)
```
#28526b
```
#28526b rgb(40,82,107)
```
#284c6b
```
#284c6b rgb(40,76,107)
```

Similar Colors

Text with hexadecimal color #285d6b

This text has a font color of #285d6b.

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

#285d6b background color

This paragraph has a background color of #285d6b.

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

#285d6b border color

This element has a border color of #285d6b.

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

CSS codes

.text {color:#285d6b;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#081315
```
#081315 rgb(8,19,21)
```
#0d1f24
```
#0d1f24 rgb(13,31,36)
```
#132b32
```
#132b32 rgb(19,43,50)
```
#183840
```
#183840 rgb(24,56,64)
```
#1d444e
```
#1d444e rgb(29,68,78)
```
#23515d
```
#23515d rgb(35,81,93)
```
#285d6b
```
#285d6b rgb(40,93,107)
```
#2d6979
```
#2d6979 rgb(45,105,121)
```
#337688
```
#337688 rgb(51,118,136)
```
#388296
```
#388296 rgb(56,130,150)
```
#3d8fa4
```
#3d8fa4 rgb(61,143,164)
```
#439bb2
```
#439bb2 rgb(67,155,178)
```

Shade Color Variation

#4ca5bc
```
#4ca5bc rgb(76,165,188)
```
#5bacc2
```
#5bacc2 rgb(91,172,194)
```
#69b3c7
```
#69b3c7 rgb(105,179,199)
```
#77bbcc
```
#77bbcc rgb(119,187,204)
```
#86c2d2
```
#86c2d2 rgb(134,194,210)
```
#94c9d7
```
#94c9d7 rgb(148,201,215)
```
#a2d0dc
```
#a2d0dc rgb(162,208,220)
```
#b0d7e2
```
#b0d7e2 rgb(176,215,226)
```
#bfdfe7
```
#bfdfe7 rgb(191,223,231)
```
#cde6ec
```
#cde6ec rgb(205,230,236)
```
#dbedf2
```
#dbedf2 rgb(219,237,242)
```
#e9f4f7
```
#e9f4f7 rgb(233,244,247)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#444d4f
```
#444d4f rgb(68,77,79)
```
#3f5054
```
#3f5054 rgb(63,80,84)
```
#39535a
```
#39535a rgb(57,83,90)
```
#335660
```
#335660 rgb(51,86,96)
```
#2e5a65
```
#2e5a65 rgb(46,90,101)
```
#285d6b
```
#285d6b rgb(40,93,107)
```
#226071
```
#226071 rgb(34,96,113)
```
#1d6476
```
#1d6476 rgb(29,100,118)
```
#17677c
```
#17677c rgb(23,103,124)
```
#116a82
```
#116a82 rgb(17,106,130)
```
#0c6d87
```
#0c6d87 rgb(12,109,135)
```
#06718d
```
#06718d rgb(6,113,141)
```
#007493
```
#007493 rgb(0,116,147)
```

Tone Color Variation

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

#5b5e6e Protanopia 1% of men
#5b5d75 Deuteranopia 1% of men
#30666d Tritanopia 0.001% of the population

Trichromacy

#485d6d Protanomaly 1% of men, 0.01% of women
#485d71 Deuteranomaly 6% of men, 0.4% of women
#2d626c Tritanomaly 0.01% of the population

#285d6b hex color

#285d6b Color Information

#285d6b Color Conversion

Color Schemes with #285d6b

Alternatives to #285d6b

#285d6b Preview

Shades and Tints of #285d6b

Tones of #285d6b

Color Blindness Simulator