#285348 hex color

In a RGB color space, hex #285348 is composed of 15.7% red, 32.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 0% magenta, 13.3% yellow and 67.5% black. It has a hue angle of 164.7 degrees, a saturation of 35% and a lightness of 24.1%. #285348 color hex could be obtained by blending #50a690 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 33
- B 28
RGB color chart
- C 52
- M 0
- Y 13
- K 67
CMYK color chart

● #285348 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #285348 has RGB values of R:40, G:83, B:72 and CMYK values of C:0.52, M:0, Y:0.13, K:0.67. Its decimal value is 2642760.

Hex triplet	285348	`#285348`
RGB Decimal	40, 83, 72	`rgb(40,83,72)`
RGB Percent	15.7, 32.5, 28.2	`rgb(15.7%,32.5%,28.2%)`
CMYK	52, 0, 13, 67
HSL	164.7°, 35, 24.1	`hsl(164.7,35%,24.1%)`
HSV (or HSB)	164.7°, 51.8, 32.5
Web Safe	336633	`#336633`

CIE-LAB	32.045, -18.04, 1.843
XYZ	5.138, 7.105, 7.231
xyY	0.264, 0.365, 7.105
CIE-LCH	32.045, 18.134, 174.165
CIE-LUV	32.045, -18.245, 4.579
Hunter-Lab	26.656, -12.243, 2.574
Binary	00101000, 01010011, 01001000

#285348
```
#285348 rgb(40,83,72)
```
#532833
```
#532833 rgb(83,40,51)
```

Complementary Color

#285333
```
#285333 rgb(40,83,51)
```
#285348
```
#285348 rgb(40,83,72)
```
#284953
```
#284953 rgb(40,73,83)
```

Analogous Color

#533328
```
#533328 rgb(83,51,40)
```
#285348
```
#285348 rgb(40,83,72)
```
#532849
```
#532849 rgb(83,40,73)
```

Split Complementary Color

#534828
```
#534828 rgb(83,72,40)
```
#285348
```
#285348 rgb(40,83,72)
```
#482853
```
#482853 rgb(72,40,83)
```

Triadic Color

#335328
```
#335328 rgb(51,83,40)
```
#285348
```
#285348 rgb(40,83,72)
```
#482853
```
#482853 rgb(72,40,83)
```
#532833
```
#532833 rgb(83,40,51)
```

Tetradic Color

#0f1f1b
```
#0f1f1b rgb(15,31,27)
```
#17312a
```
#17312a rgb(23,49,42)
```
#204239
```
#204239 rgb(32,66,57)
```
#285348
```
#285348 rgb(40,83,72)
```
#306457
```
#306457 rgb(48,100,87)
```
#397566
```
#397566 rgb(57,117,102)
```
#418775
```
#418775 rgb(65,135,117)
```

Monochromatic Color

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

#28533d
```
#28533d rgb(40,83,61)
```
#285341
```
#285341 rgb(40,83,65)
```
#285344
```
#285344 rgb(40,83,68)
```
#285348
```
#285348 rgb(40,83,72)
```
#28534c
```
#28534c rgb(40,83,76)
```
#28534f
```
#28534f rgb(40,83,79)
```
#285353
```
#285353 rgb(40,83,83)
```

Similar Colors

Text with hexadecimal color #285348

This text has a font color of #285348.

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

#285348 background color

This paragraph has a background color of #285348.

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

#285348 border color

This element has a border color of #285348.

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

CSS codes

.text {color:#285348;}

.background {background-color:#285348;}

.border {border:1px solid #285348;}

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

#020403
```
#020403 rgb(2,4,3)
```
#08110f
```
#08110f rgb(8,17,15)
```
#0e1e1a
```
#0e1e1a rgb(14,30,26)
```
#152b26
```
#152b26 rgb(21,43,38)
```
#1b3931
```
#1b3931 rgb(27,57,49)
```
#22463d
```
#22463d rgb(34,70,61)
```
#285348
```
#285348 rgb(40,83,72)
```
#2e6053
```
#2e6053 rgb(46,96,83)
```
#356d5f
```
#356d5f rgb(53,109,95)
```
#3b7b6a
```
#3b7b6a rgb(59,123,106)
```
#428876
```
#428876 rgb(66,136,118)
```
#489581
```
#489581 rgb(72,149,129)
```
#4ea28d
```
#4ea28d rgb(78,162,141)
```

Shade Color Variation

#57ae97
```
#57ae97 rgb(87,174,151)
```
#64b4a0
```
#64b4a0 rgb(100,180,160)
```
#71bba8
```
#71bba8 rgb(113,187,168)
```
#7ec1b0
```
#7ec1b0 rgb(126,193,176)
```
#8bc7b8
```
#8bc7b8 rgb(139,199,184)
```
#99cec0
```
#99cec0 rgb(153,206,192)
```
#a6d4c8
```
#a6d4c8 rgb(166,212,200)
```
#b3dad0
```
#b3dad0 rgb(179,218,208)
```
#c0e1d9
```
#c0e1d9 rgb(192,225,217)
```
#cee7e1
```
#cee7e1 rgb(206,231,225)
```
#dbeee9
```
#dbeee9 rgb(219,238,233)
```
#e8f4f1
```
#e8f4f1 rgb(232,244,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3b403f is the less saturated color, while #02795a is the most saturated one.

#3b403f
```
#3b403f rgb(59,64,63)
```
#364541
```
#364541 rgb(54,69,65)
```
#314a43
```
#314a43 rgb(49,74,67)
```
#2d4e46
```
#2d4e46 rgb(45,78,70)
```
#285348
```
#285348 rgb(40,83,72)
```
#23584a
```
#23584a rgb(35,88,74)
```
#1f5c4d
```
#1f5c4d rgb(31,92,77)
```
#1a614f
```
#1a614f rgb(26,97,79)
```
#156651
```
#156651 rgb(21,102,81)
```
#106b54
```
#106b54 rgb(16,107,84)
```
#0c6f56
```
#0c6f56 rgb(12,111,86)
```
#077458
```
#077458 rgb(7,116,88)
```
#02795a
```
#02795a rgb(2,121,90)
```

Tone Color Variation

Below, you can see how #285348 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
#3f4846 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57544d Protanopia 1% of men
#5c5254 Deuteranopia 1% of men
#385960 Tritanopia 0.001% of the population

Trichromacy

#46534b Protanomaly 1% of men, 0.01% of women
#495250 Deuteranomaly 6% of men, 0.4% of women
#325757 Tritanomaly 0.01% of the population

#285348 hex color

#285348 Color Information

#285348 Color Conversion

Color Schemes with #285348

Alternatives to #285348

#285348 Preview

Shades and Tints of #285348

Tones of #285348

Color Blindness Simulator