colorhexa.com

#22280f hex color

In a RGB color space, hex #22280f is composed of 13.3% red, 15.7% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 62.5% yellow and 84.3% black. It has a hue angle of 74.4 degrees, a saturation of 45.5% and a lightness of 10.8%. #22280f color hex could be obtained by blending #44501e with #000000. Closest websafe color is: #333300.

- R 13
- G 16
- B 6
RGB color chart
- C 15
- M 0
- Y 63
- K 84
CMYK color chart

● #22280f color description : Very dark (mostly black) yellow [Olive tone].

The hexadecimal color #22280f has RGB values of R:34, G:40, B:15 and CMYK values of C:0.15, M:0, Y:0.63, K:0.84. Its decimal value is 2238479.

Hex triplet	22280f	`#22280f`
RGB Decimal	34, 40, 15	`rgb(34,40,15)`
RGB Percent	13.3, 15.7, 5.9	`rgb(13.3%,15.7%,5.9%)`
CMYK	15, 0, 63, 84
HSL	74.4°, 45.5, 10.8	`hsl(74.4,45.5%,10.8%)`
HSV (or HSB)	74.4°, 62.5, 15.7
Web Safe	333300	`#333300`

CIE-LAB	14.911, -7.689, 15.154
XYZ	1.505, 1.892, 0.738
xyY	0.364, 0.458, 1.892
CIE-LCH	14.911, 16.993, 116.904
CIE-LUV	14.911, -2.005, 12.05
Hunter-Lab	13.756, -4.547, 6.448
Binary	00100010, 00101000, 00001111

#22280f
```
#22280f rgb(34,40,15)
```
#150f28
```
#150f28 rgb(21,15,40)
```

Complementary Color

#28220f
```
#28220f rgb(40,34,15)
```
#22280f
```
#22280f rgb(34,40,15)
```
#16280f
```
#16280f rgb(22,40,15)
```

Analogous Color

#220f28
```
#220f28 rgb(34,15,40)
```
#22280f
```
#22280f rgb(34,40,15)
```
#0f1628
```
#0f1628 rgb(15,22,40)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#020301
```
#020301 rgb(2,3,1)
```
#121508
```
#121508 rgb(18,21,8)
```
#22280f
```
#22280f rgb(34,40,15)
```
#323b16
```
#323b16 rgb(50,59,22)
```
#424d1d
```
#424d1d rgb(66,77,29)
```
#516024
```
#516024 rgb(81,96,36)
```

Monochromatic Color

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

#28280f
```
#28280f rgb(40,40,15)
```
#26280f
```
#26280f rgb(38,40,15)
```
#24280f
```
#24280f rgb(36,40,15)
```
#22280f
```
#22280f rgb(34,40,15)
```
#20280f
```
#20280f rgb(32,40,15)
```
#1e280f
```
#1e280f rgb(30,40,15)
```
#1c280f
```
#1c280f rgb(28,40,15)
```

Similar Colors

Text with hexadecimal color #22280f

This text has a font color of #22280f.

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

#22280f background color

This paragraph has a background color of #22280f.

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

#22280f border color

This element has a border color of #22280f.

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

CSS codes

.text {color:#22280f;}

.background {background-color:#22280f;}

.border {border:1px solid #22280f;}

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, #0a0b04 is the darkest color, while #fefefc is the lightest one.

#0a0b04
```
#0a0b04 rgb(10,11,4)
```
#161a0a
```
#161a0a rgb(22,26,10)
```
#22280f
```
#22280f rgb(34,40,15)
```
#2e3614
```
#2e3614 rgb(46,54,20)
```
#3a451a
```
#3a451a rgb(58,69,26)
```
#46531f
```
#46531f rgb(70,83,31)
```
#536124
```
#536124 rgb(83,97,36)
```
#5f6f2a
```
#5f6f2a rgb(95,111,42)
```
#6b7e2f
```
#6b7e2f rgb(107,126,47)
```
#778c34
```
#778c34 rgb(119,140,52)
```
#839a3a
```
#839a3a rgb(131,154,58)
```
#8fa83f
```
#8fa83f rgb(143,168,63)
```
#9bb744
```
#9bb744 rgb(155,183,68)
```

Shade Color Variation

#a4be51
```
#a4be51 rgb(164,190,81)
```
#abc35f
```
#abc35f rgb(171,195,95)
```
#b3c86e
```
#b3c86e rgb(179,200,110)
```
#bace7c
```
#bace7c rgb(186,206,124)
```
#c2d38a
```
#c2d38a rgb(194,211,138)
```
#c9d998
```
#c9d998 rgb(201,217,152)
```
#d1dea7
```
#d1dea7 rgb(209,222,167)
```
#d8e3b5
```
#d8e3b5 rgb(216,227,181)
```
#e0e9c3
```
#e0e9c3 rgb(224,233,195)
```
#e7eed1
```
#e7eed1 rgb(231,238,209)
```
#eff3e0
```
#eff3e0 rgb(239,243,224)
```
#f6f9ee
```
#f6f9ee rgb(246,249,238)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#1d1d1a
```
#1d1d1a rgb(29,29,26)
```
#1e2017
```
#1e2017 rgb(30,32,23)
```
#1f2215
```
#1f2215 rgb(31,34,21)
```
#202413
```
#202413 rgb(32,36,19)
```
#212611
```
#212611 rgb(33,38,17)
```
#22280f
```
#22280f rgb(34,40,15)
```
#232a0d
```
#232a0d rgb(35,42,13)
```
#242c0b
```
#242c0b rgb(36,44,11)
```
#252e09
```
#252e09 rgb(37,46,9)
```
#263007
```
#263007 rgb(38,48,7)
```
#283304
```
#283304 rgb(40,51,4)
```
#293502
```
#293502 rgb(41,53,2)
```
#2a3700
```
#2a3700 rgb(42,55,0)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#23241f Atypical Achromatopsia 0.001% of the population

Dichromacy

#35301a Protanopia 1% of men
#3b2e1d Deuteranopia 1% of men
#303033 Tritanopia 0.001% of the population

Trichromacy

#2e2d16 Protanomaly 1% of men, 0.01% of women
#312c17 Deuteranomaly 6% of men, 0.4% of women
#2b2d26 Tritanomaly 0.01% of the population