#283238 hex color

In a RGB color space, hex #283238 is composed of 15.7% red, 19.6% green and 22% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 10.7% magenta, 0% yellow and 78% black. It has a hue angle of 202.5 degrees, a saturation of 16.7% and a lightness of 18.8%. #283238 color hex could be obtained by blending #506470 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 16
- G 20
- B 22
RGB color chart
- C 29
- M 11
- Y 0
- K 78
CMYK color chart

● #283238 color description : Very dark grayish blue.

The hexadecimal color #283238 has RGB values of R:40, G:50, B:56 and CMYK values of C:0.29, M:0.11, Y:0, K:0.78. Its decimal value is 2634296.

Hex triplet	283238	`#283238`
RGB Decimal	40, 50, 56	`rgb(40,50,56)`
RGB Percent	15.7, 19.6, 22	`rgb(15.7%,19.6%,22%)`
CMYK	29, 11, 0, 78
HSL	202.5°, 16.7, 18.8	`hsl(202.5,16.7%,18.8%)`
HSV (or HSB)	202.5°, 28.6, 22
Web Safe	333333	`#333333`

CIE-LAB	20.115, -2.556, -5.201
XYZ	2.729, 3.018, 4.18
xyY	0.275, 0.304, 3.018
CIE-LCH	20.115, 5.795, 243.828
CIE-LUV	20.115, -4.575, -5.145
Hunter-Lab	17.372, -2.356, -2.106
Binary	00101000, 00110010, 00111000

#283238
```
#283238 rgb(40,50,56)
```
#382e28
```
#382e28 rgb(56,46,40)
```

Complementary Color

#283836
```
#283836 rgb(40,56,54)
```
#283238
```
#283238 rgb(40,50,56)
```
#282a38
```
#282a38 rgb(40,42,56)
```

Analogous Color

#383628
```
#383628 rgb(56,54,40)
```
#283238
```
#283238 rgb(40,50,56)
```
#38282a
```
#38282a rgb(56,40,42)
```

Split Complementary Color

#323828
```
#323828 rgb(50,56,40)
```
#283238
```
#283238 rgb(40,50,56)
```
#382832
```
#382832 rgb(56,40,50)
```

Triadic Color

#28382e
```
#28382e rgb(40,56,46)
```
#283238
```
#283238 rgb(40,50,56)
```
#382832
```
#382832 rgb(56,40,50)
```
#382e28
```
#382e28 rgb(56,46,40)
```

Tetradic Color

#080a0b
```
#080a0b rgb(8,10,11)
```
#13171a
```
#13171a rgb(19,23,26)
```
#1d2529
```
#1d2529 rgb(29,37,41)
```
#283238
```
#283238 rgb(40,50,56)
```
#333f47
```
#333f47 rgb(51,63,71)
```
#3d4d56
```
#3d4d56 rgb(61,77,86)
```
#485a65
```
#485a65 rgb(72,90,101)
```

Monochromatic Color

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

#283638
```
#283638 rgb(40,54,56)
```
#283538
```
#283538 rgb(40,53,56)
```
#283338
```
#283338 rgb(40,51,56)
```
#283238
```
#283238 rgb(40,50,56)
```
#283138
```
#283138 rgb(40,49,56)
```
#282f38
```
#282f38 rgb(40,47,56)
```
#282e38
```
#282e38 rgb(40,46,56)
```

Similar Colors

Text with hexadecimal color #283238

This text has a font color of #283238.

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

#283238 background color

This paragraph has a background color of #283238.

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

#283238 border color

This element has a border color of #283238.

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

CSS codes

.text {color:#283238;}

.background {background-color:#283238;}

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

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, #07090a is the darkest color, while #fefefe is the lightest one.

#07090a
```
#07090a rgb(7,9,10)
```
#0f1316
```
#0f1316 rgb(15,19,22)
```
#181e21
```
#181e21 rgb(24,30,33)
```
#20282d
```
#20282d rgb(32,40,45)
```
#283238
```
#283238 rgb(40,50,56)
```
#303c43
```
#303c43 rgb(48,60,67)
```
#38464f
```
#38464f rgb(56,70,79)
```
#41515a
```
#41515a rgb(65,81,90)
```
#495b66
```
#495b66 rgb(73,91,102)
```
#516571
```
#516571 rgb(81,101,113)
```
#596f7d
```
#596f7d rgb(89,111,125)
```
#617a88
```
#617a88 rgb(97,122,136)
```
#698494
```
#698494 rgb(105,132,148)
```

Shade Color Variation

#748d9c
```
#748d9c rgb(116,141,156)
```
#8097a4
```
#8097a4 rgb(128,151,164)
```
#8ba0ac
```
#8ba0ac rgb(139,160,172)
```
#97a9b5
```
#97a9b5 rgb(151,169,181)
```
#a2b3bd
```
#a2b3bd rgb(162,179,189)
```
#aebcc5
```
#aebcc5 rgb(174,188,197)
```
#b9c6cd
```
#b9c6cd rgb(185,198,205)
```
#c5cfd5
```
#c5cfd5 rgb(197,207,213)
```
#d0d8dd
```
#d0d8dd rgb(208,216,221)
```
#dbe2e6
```
#dbe2e6 rgb(219,226,230)
```
#e7ebee
```
#e7ebee rgb(231,235,238)
```
#f2f5f6
```
#f2f5f6 rgb(242,245,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2f3031 is the less saturated color, while #033b5d is the most saturated one.

#2f3031
```
#2f3031 rgb(47,48,49)
```
#2c3134
```
#2c3134 rgb(44,49,52)
```
#283238
```
#283238 rgb(40,50,56)
```
#24333c
```
#24333c rgb(36,51,60)
```
#21343f
```
#21343f rgb(33,52,63)
```
#1d3543
```
#1d3543 rgb(29,53,67)
```
#193647
```
#193647 rgb(25,54,71)
```
#16374a
```
#16374a rgb(22,55,74)
```
#12384e
```
#12384e rgb(18,56,78)
```
#0e3852
```
#0e3852 rgb(14,56,82)
```
#0a3956
```
#0a3956 rgb(10,57,86)
```
#073a59
```
#073a59 rgb(7,58,89)
```
#033b5d
```
#033b5d rgb(3,59,93)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2e3032 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a3a41 Protanopia 1% of men
#3c3943 Deuteranopia 1% of men
#323c41 Tritanopia 0.001% of the population

Trichromacy

#33373d Protanomaly 1% of men, 0.01% of women
#35373f Deuteranomaly 6% of men, 0.4% of women
#2e383d Tritanomaly 0.01% of the population

#283238 hex color

#283238 Color Information

#283238 Color Conversion

Color Schemes with #283238

Alternatives to #283238

#283238 Preview

Shades and Tints of #283238

Tones of #283238

Color Blindness Simulator