colorhexa.com

#1f8248 hex color

In a RGB color space, hex #1f8248 is composed of 12.2% red, 51% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 44.6% yellow and 49% black. It has a hue angle of 144.8 degrees, a saturation of 61.5% and a lightness of 31.6%. #1f8248 color hex could be obtained by blending #3eff90 with #000500. Closest websafe color is: #339933.

- R 12
- G 51
- B 28
RGB color chart
- C 76
- M 0
- Y 45
- K 49
CMYK color chart

● #1f8248 color description : Dark cyan - lime green.

The hexadecimal color #1f8248 has RGB values of R:31, G:130, B:72 and CMYK values of C:0.76, M:0, Y:0.45, K:0.49. Its decimal value is 2064968.

Hex triplet	1f8248	`#1f8248`
RGB Decimal	31, 130, 72	`rgb(31,130,72)`
RGB Percent	12.2, 51, 28.2	`rgb(12.2%,51%,28.2%)`
CMYK	76, 0, 45, 49
HSL	144.8°, 61.5, 31.6	`hsl(144.8,61.5%,31.6%)`
HSV (or HSB)	144.8°, 76.2, 51
Web Safe	339933	`#339933`

CIE-LAB	47.91, -41.68, 23.566
XYZ	9.717, 16.723, 8.846
xyY	0.275, 0.474, 16.723
CIE-LCH	47.91, 47.881, 150.516
CIE-LUV	47.91, -38.906, 34.813
Hunter-Lab	40.894, -29.153, 15.8
Binary	00011111, 10000010, 01001000

#1f8248
```
#1f8248 rgb(31,130,72)
```
#821f59
```
#821f59 rgb(130,31,89)
```

Complementary Color

#28821f
```
#28821f rgb(40,130,31)
```
#1f8248
```
#1f8248 rgb(31,130,72)
```
#1f827a
```
#1f827a rgb(31,130,122)
```

Analogous Color

#821f28
```
#821f28 rgb(130,31,40)
```
#1f8248
```
#1f8248 rgb(31,130,72)
```
#7a1f82
```
#7a1f82 rgb(122,31,130)
```

Split Complementary Color

#82481f
```
#82481f rgb(130,72,31)
```
#1f8248
```
#1f8248 rgb(31,130,72)
```
#481f82
```
#481f82 rgb(72,31,130)
```

Triadic Color

#104426
```
#104426 rgb(16,68,38)
```
#155931
```
#155931 rgb(21,89,49)
```
#1a6d3d
```
#1a6d3d rgb(26,109,61)
```
#1f8248
```
#1f8248 rgb(31,130,72)
```
#249753
```
#249753 rgb(36,151,83)
```
#29ab5f
```
#29ab5f rgb(41,171,95)
```
#2ec06a
```
#2ec06a rgb(46,192,106)
```

Monochromatic Color

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

#1f822f
```
#1f822f rgb(31,130,47)
```
#1f8238
```
#1f8238 rgb(31,130,56)
```
#1f8240
```
#1f8240 rgb(31,130,64)
```
#1f8248
```
#1f8248 rgb(31,130,72)
```
#1f8250
```
#1f8250 rgb(31,130,80)
```
#1f8259
```
#1f8259 rgb(31,130,89)
```
#1f8261
```
#1f8261 rgb(31,130,97)
```

Similar Colors

Text with hexadecimal color #1f8248

This text has a font color of #1f8248.

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

#1f8248 background color

This paragraph has a background color of #1f8248.

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

#1f8248 border color

This element has a border color of #1f8248.

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

CSS codes

.text {color:#1f8248;}

.background {background-color:#1f8248;}

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05130b
```
#05130b rgb(5,19,11)
```
#082313
```
#082313 rgb(8,35,19)
```
#0c331c
```
#0c331c rgb(12,51,28)
```
#104325
```
#104325 rgb(16,67,37)
```
#14522e
```
#14522e rgb(20,82,46)
```
#176236
```
#176236 rgb(23,98,54)
```
#1b723f
```
#1b723f rgb(27,114,63)
```
#1f8248
```
#1f8248 rgb(31,130,72)
```
#239251
```
#239251 rgb(35,146,81)
```
#27a25a
```
#27a25a rgb(39,162,90)
```
#2ab262
```
#2ab262 rgb(42,178,98)
```
#2ec16b
```
#2ec16b rgb(46,193,107)
```

Shade Color Variation

#34cf74
```
#34cf74 rgb(52,207,116)
```
#44d27f
```
#44d27f rgb(68,210,127)
```
#54d68a
```
#54d68a rgb(84,214,138)
```
#64da95
```
#64da95 rgb(100,218,149)
```
#74dea0
```
#74dea0 rgb(116,222,160)
```
#84e2ab
```
#84e2ab rgb(132,226,171)
```
#93e5b5
```
#93e5b5 rgb(147,229,181)
```
#a3e9c0
```
#a3e9c0 rgb(163,233,192)
```
#b3edcb
```
#b3edcb rgb(179,237,203)
```
#c3f1d6
```
#c3f1d6 rgb(195,241,214)
```
#d3f4e1
```
#d3f4e1 rgb(211,244,225)
```
#e3f8ec
```
#e3f8ec rgb(227,248,236)
```
#f2fcf6
```
#f2fcf6 rgb(242,252,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a574f is the less saturated color, while #00a143 is the most saturated one.

#4a574f
```
#4a574f rgb(74,87,79)
```
#445d4e
```
#445d4e rgb(68,93,78)
```
#3e634d
```
#3e634d rgb(62,99,77)
```
#38694c
```
#38694c rgb(56,105,76)
```
#326f4b
```
#326f4b rgb(50,111,75)
```
#2b764a
```
#2b764a rgb(43,118,74)
```
#257c49
```
#257c49 rgb(37,124,73)
```
#1f8248
```
#1f8248 rgb(31,130,72)
```
#198847
```
#198847 rgb(25,136,71)
```
#138e46
```
#138e46 rgb(19,142,70)
```
#0c9545
```
#0c9545 rgb(12,149,69)
```
#069b44
```
#069b44 rgb(6,155,68)
```
#00a143
```
#00a143 rgb(0,161,67)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#51655a Atypical Achromatopsia 0.001% of the population

Dichromacy

#83794b Protanopia 1% of men
#8e7458 Deuteranopia 1% of men
#44818b Tritanopia 0.001% of the population

Trichromacy

#5f7c4a Protanomaly 1% of men, 0.01% of women
#667952 Deuteranomaly 6% of men, 0.4% of women
#378172 Tritanomaly 0.01% of the population