colorhexa.com

#284f5b hex color

In a RGB color space, hex #284f5b is composed of 15.7% red, 31% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 13.2% magenta, 0% yellow and 64.3% black. It has a hue angle of 194.1 degrees, a saturation of 38.9% and a lightness of 25.7%. #284f5b color hex could be obtained by blending #509eb6 with #000000. Closest websafe color is: #336666.

- R 16
- G 31
- B 36
RGB color chart
- C 56
- M 13
- Y 0
- K 64
CMYK color chart

● #284f5b color description : Very dark desaturated cyan.

The hexadecimal color #284f5b has RGB values of R:40, G:79, B:91 and CMYK values of C:0.56, M:0.13, Y:0, K:0.64. Its decimal value is 2641755.

Hex triplet	284f5b	`#284f5b`
RGB Decimal	40, 79, 91	`rgb(40,79,91)`
RGB Percent	15.7, 31, 35.7	`rgb(15.7%,31%,35.7%)`
CMYK	56, 13, 0, 64
HSL	194.1°, 38.9, 25.7	`hsl(194.1,38.9%,25.7%)`
HSV (or HSB)	194.1°, 56, 35.7
Web Safe	336666	`#336666`

CIE-LAB	31.343, -9.981, -11.286
XYZ	5.559, 6.798, 10.916
xyY	0.239, 0.292, 6.798
CIE-LCH	31.343, 15.066, 228.511
CIE-LUV	31.343, -16.025, -13.114
Hunter-Lab	26.073, -7.571, -6.572
Binary	00101000, 01001111, 01011011

#284f5b
```
#284f5b rgb(40,79,91)
```
#5b3428
```
#5b3428 rgb(91,52,40)
```

Complementary Color

#285b4e
```
#285b4e rgb(40,91,78)
```
#284f5b
```
#284f5b rgb(40,79,91)
```
#28365b
```
#28365b rgb(40,54,91)
```

Analogous Color

#5b4e28
```
#5b4e28 rgb(91,78,40)
```
#284f5b
```
#284f5b rgb(40,79,91)
```
#5b2836
```
#5b2836 rgb(91,40,54)
```

Split Complementary Color

#112126
```
#112126 rgb(17,33,38)
```
#183038
```
#183038 rgb(24,48,56)
```
#204049
```
#204049 rgb(32,64,73)
```
#284f5b
```
#284f5b rgb(40,79,91)
```
#305e6d
```
#305e6d rgb(48,94,109)
```
#386e7e
```
#386e7e rgb(56,110,126)
```
#3f7d90
```
#3f7d90 rgb(63,125,144)
```

Monochromatic Color

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

#285b5a
```
#285b5a rgb(40,91,90)
```
#28585b
```
#28585b rgb(40,88,91)
```
#28535b
```
#28535b rgb(40,83,91)
```
#284f5b
```
#284f5b rgb(40,79,91)
```
#284b5b
```
#284b5b rgb(40,75,91)
```
#28475b
```
#28475b rgb(40,71,91)
```
#28425b
```
#28425b rgb(40,66,91)
```

Similar Colors

Text with hexadecimal color #284f5b

This text has a font color of #284f5b.

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

#284f5b background color

This paragraph has a background color of #284f5b.

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

#284f5b border color

This element has a border color of #284f5b.

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

CSS codes

.text {color:#284f5b;}

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

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

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

#040809
```
#040809 rgb(4,8,9)
```
#0a1417
```
#0a1417 rgb(10,20,23)
```
#102024
```
#102024 rgb(16,32,36)
```
#162c32
```
#162c32 rgb(22,44,50)
```
#1c3740
```
#1c3740 rgb(28,55,64)
```
#22434d
```
#22434d rgb(34,67,77)
```
#284f5b
```
#284f5b rgb(40,79,91)
```
#2e5b69
```
#2e5b69 rgb(46,91,105)
```
#346776
```
#346776 rgb(52,103,118)
```
#3a7284
```
#3a7284 rgb(58,114,132)
```
#407e92
```
#407e92 rgb(64,126,146)
```
#468a9f
```
#468a9f rgb(70,138,159)
```
#4c96ad
```
#4c96ad rgb(76,150,173)
```

Shade Color Variation

#579fb5
```
#579fb5 rgb(87,159,181)
```
#65a7bb
```
#65a7bb rgb(101,167,187)
```
#72afc1
```
#72afc1 rgb(114,175,193)
```
#80b6c7
```
#80b6c7 rgb(128,182,199)
```
#8ebecd
```
#8ebecd rgb(142,190,205)
```
#9bc6d3
```
#9bc6d3 rgb(155,198,211)
```
#a9ced9
```
#a9ced9 rgb(169,206,217)
```
#b6d6df
```
#b6d6df rgb(182,214,223)
```
#c4dde5
```
#c4dde5 rgb(196,221,229)
```
#d2e5eb
```
#d2e5eb rgb(210,229,235)
```
#dfedf1
```
#dfedf1 rgb(223,237,241)
```
#edf5f7
```
#edf5f7 rgb(237,245,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#414242
```
#414242 rgb(65,66,66)
```
#3c4447
```
#3c4447 rgb(60,68,71)
```
#37474c
```
#37474c rgb(55,71,76)
```
#324a51
```
#324a51 rgb(50,74,81)
```
#2d4c56
```
#2d4c56 rgb(45,76,86)
```
#284f5b
```
#284f5b rgb(40,79,91)
```
#235260
```
#235260 rgb(35,82,96)
```
#1e5465
```
#1e5465 rgb(30,84,101)
```
#19576a
```
#19576a rgb(25,87,106)
```
#145a6f
```
#145a6f rgb(20,90,111)
```
#0f5c74
```
#0f5c74 rgb(15,92,116)
```
#0a5f79
```
#0a5f79 rgb(10,95,121)
```
#05627e
```
#05627e rgb(5,98,126)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3f4749 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505260 Protanopia 1% of men
#505165 Deuteranopia 1% of men
#31585f Tritanopia 0.001% of the population

Trichromacy

#41515e Protanomaly 1% of men, 0.01% of women
#415061 Deuteranomaly 6% of men, 0.4% of women
#2d555d Tritanomaly 0.01% of the population