#284c5a hex color

In a RGB color space, hex #284c5a is composed of 15.7% red, 29.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 15.6% magenta, 0% yellow and 64.7% black. It has a hue angle of 196.8 degrees, a saturation of 38.5% and a lightness of 25.5%. #284c5a color hex could be obtained by blending #5098b4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 30
- B 35
RGB color chart
- C 56
- M 16
- Y 0
- K 65
CMYK color chart

● #284c5a color description : Very dark desaturated blue.

The hexadecimal color #284c5a has RGB values of R:40, G:76, B:90 and CMYK values of C:0.56, M:0.16, Y:0, K:0.65. Its decimal value is 2640986.

Hex triplet	284c5a	`#284c5a`
RGB Decimal	40, 76, 90	`rgb(40,76,90)`
RGB Percent	15.7, 29.8, 35.3	`rgb(15.7%,29.8%,35.3%)`
CMYK	56, 16, 0, 65
HSL	196.8°, 38.5, 25.5	`hsl(196.8,38.5%,25.5%)`
HSV (or HSB)	196.8°, 55.6, 35.3
Web Safe	333366	`#333366`

CIE-LAB	30.298, -8.484, -12.239
XYZ	5.305, 6.358, 10.62
xyY	0.238, 0.285, 6.358
CIE-LCH	30.298, 14.892, 235.269
CIE-LUV	30.298, -14.866, -14.411
Hunter-Lab	25.215, -6.574, -7.321
Binary	00101000, 01001100, 01011010

#284c5a
```
#284c5a rgb(40,76,90)
```
#5a3628
```
#5a3628 rgb(90,54,40)
```

Complementary Color

#285a4f
```
#285a4f rgb(40,90,79)
```
#284c5a
```
#284c5a rgb(40,76,90)
```
#28335a
```
#28335a rgb(40,51,90)
```

Analogous Color

#5a4f28
```
#5a4f28 rgb(90,79,40)
```
#284c5a
```
#284c5a rgb(40,76,90)
```
#5a2833
```
#5a2833 rgb(90,40,51)
```

Split Complementary Color

#4c5a28
```
#4c5a28 rgb(76,90,40)
```
#284c5a
```
#284c5a rgb(40,76,90)
```
#5a284c
```
#5a284c rgb(90,40,76)
```

Triadic Color

#285a36
```
#285a36 rgb(40,90,54)
```
#284c5a
```
#284c5a rgb(40,76,90)
```
#5a284c
```
#5a284c rgb(90,40,76)
```
#5a3628
```
#5a3628 rgb(90,54,40)
```

Tetradic Color

#101f25
```
#101f25 rgb(16,31,37)
```
#182e37
```
#182e37 rgb(24,46,55)
```
#203d48
```
#203d48 rgb(32,61,72)
```
#284c5a
```
#284c5a rgb(40,76,90)
```
#305b6c
```
#305b6c rgb(48,91,108)
```
#386a7d
```
#386a7d rgb(56,106,125)
```
#40798f
```
#40798f rgb(64,121,143)
```

Monochromatic Color

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

#28595a
```
#28595a rgb(40,89,90)
```
#28545a
```
#28545a rgb(40,84,90)
```
#28505a
```
#28505a rgb(40,80,90)
```
#284c5a
```
#284c5a rgb(40,76,90)
```
#28485a
```
#28485a rgb(40,72,90)
```
#28445a
```
#28445a rgb(40,68,90)
```
#283f5a
```
#283f5a rgb(40,63,90)
```

Similar Colors

Text with hexadecimal color #284c5a

This text has a font color of #284c5a.

<span style="color:#284c5a;">Text here</span>

#284c5a background color

This paragraph has a background color of #284c5a.

<p style="background-color:#284c5a;">Content here</p>

#284c5a border color

This element has a border color of #284c5a.

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

CSS codes

.text {color:#284c5a;}

.background {background-color:#284c5a;}

.border {border:1px solid #284c5a;}

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

#040709
```
#040709 rgb(4,7,9)
```
#0a1316
```
#0a1316 rgb(10,19,22)
```
#101e24
```
#101e24 rgb(16,30,36)
```
#162a31
```
#162a31 rgb(22,42,49)
```
#1c353f
```
#1c353f rgb(28,53,63)
```
#22414c
```
#22414c rgb(34,65,76)
```
#284c5a
```
#284c5a rgb(40,76,90)
```
#2e5768
```
#2e5768 rgb(46,87,104)
```
#346375
```
#346375 rgb(52,99,117)
```
#3a6e83
```
#3a6e83 rgb(58,110,131)
```
#407a90
```
#407a90 rgb(64,122,144)
```
#46859e
```
#46859e rgb(70,133,158)
```
#4c91ab
```
#4c91ab rgb(76,145,171)
```

Shade Color Variation

#579ab4
```
#579ab4 rgb(87,154,180)
```
#65a2ba
```
#65a2ba rgb(101,162,186)
```
#72aac0
```
#72aac0 rgb(114,170,192)
```
#80b3c6
```
#80b3c6 rgb(128,179,198)
```
#8dbbcc
```
#8dbbcc rgb(141,187,204)
```
#9bc3d3
```
#9bc3d3 rgb(155,195,211)
```
#a8cbd9
```
#a8cbd9 rgb(168,203,217)
```
#b6d3df
```
#b6d3df rgb(182,211,223)
```
#c4dbe5
```
#c4dbe5 rgb(196,219,229)
```
#d1e4eb
```
#d1e4eb rgb(209,228,235)
```
#dfecf1
```
#dfecf1 rgb(223,236,241)
```
#ecf4f7
```
#ecf4f7 rgb(236,244,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#414141
```
#414141 rgb(65,65,65)
```
#3c4346
```
#3c4346 rgb(60,67,70)
```
#37454b
```
#37454b rgb(55,69,75)
```
#324850
```
#324850 rgb(50,72,80)
```
#2d4a55
```
#2d4a55 rgb(45,74,85)
```
#284c5a
```
#284c5a rgb(40,76,90)
```
#234e5f
```
#234e5f rgb(35,78,95)
```
#1e5064
```
#1e5064 rgb(30,80,100)
```
#195369
```
#195369 rgb(25,83,105)
```
#14556e
```
#14556e rgb(20,85,110)
```
#0f5773
```
#0f5773 rgb(15,87,115)
```
#0a5978
```
#0a5978 rgb(10,89,120)
```
#055b7d
```
#055b7d rgb(5,91,125)
```

Tone Color Variation

Below, you can see how #284c5a 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

#434343 Achromatopsia 0.005% of the population
#3e4548 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d505f Protanopia 1% of men
#4d4f64 Deuteranopia 1% of men
#30565c Tritanopia 0.001% of the population

Trichromacy

#3f4e5d Protanomaly 1% of men, 0.01% of women
#3f4e60 Deuteranomaly 6% of men, 0.4% of women
#2d525b Tritanomaly 0.01% of the population

#284c5a hex color

#284c5a Color Information

#284c5a Color Conversion

Color Schemes with #284c5a

Alternatives to #284c5a

#284c5a Preview

Shades and Tints of #284c5a

Tones of #284c5a

Color Blindness Simulator