#248f48 hex color

In a RGB color space, hex #248f48 is composed of 14.1% red, 56.1% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 0% magenta, 49.7% yellow and 43.9% black. It has a hue angle of 140.2 degrees, a saturation of 59.8% and a lightness of 35.1%. #248f48 color hex could be obtained by blending #48ff90 with #001f00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 14
- G 56
- B 28
RGB color chart
- C 75
- M 0
- Y 50
- K 44
CMYK color chart

● #248f48 color description : Dark cyan - lime green.

The hexadecimal color #248f48 has RGB values of R:36, G:143, B:72 and CMYK values of C:0.75, M:0, Y:0.5, K:0.44. Its decimal value is 2395976.

Hex triplet	248f48	`#248f48`
RGB Decimal	36, 143, 72	`rgb(36,143,72)`
RGB Percent	14.1, 56.1, 28.2	`rgb(14.1%,56.1%,28.2%)`
CMYK	75, 0, 50, 44
HSL	140.2°, 59.8, 35.1	`hsl(140.2,59.8%,35.1%)`
HSV (or HSB)	140.2°, 74.8, 56.1
Web Safe	339933	`#339933`

CIE-LAB	52.383, -45.896, 29.298
XYZ	11.719, 20.487, 9.467
xyY	0.281, 0.492, 20.487
CIE-LCH	52.383, 54.45, 147.447
CIE-LUV	52.383, -42.844, 42.476
Hunter-Lab	45.262, -32.993, 19.282
Binary	00100100, 10001111, 01001000

#248f48
```
#248f48 rgb(36,143,72)
```
#8f246b
```
#8f246b rgb(143,36,107)
```

Complementary Color

#358f24
```
#358f24 rgb(53,143,36)
```
#248f48
```
#248f48 rgb(36,143,72)
```
#248f7e
```
#248f7e rgb(36,143,126)
```

Analogous Color

#8f2435
```
#8f2435 rgb(143,36,53)
```
#248f48
```
#248f48 rgb(36,143,72)
```
#7e248f
```
#7e248f rgb(126,36,143)
```

Split Complementary Color

#8f4824
```
#8f4824 rgb(143,72,36)
```
#248f48
```
#248f48 rgb(36,143,72)
```
#48248f
```
#48248f rgb(72,36,143)
```

Triadic Color

#6b8f24
```
#6b8f24 rgb(107,143,36)
```
#248f48
```
#248f48 rgb(36,143,72)
```
#48248f
```
#48248f rgb(72,36,143)
```
#8f246b
```
#8f246b rgb(143,36,107)
```

Tetradic Color

#155229
```
#155229 rgb(21,82,41)
```
#1a6633
```
#1a6633 rgb(26,102,51)
```
#1f7b3e
```
#1f7b3e rgb(31,123,62)
```
#248f48
```
#248f48 rgb(36,143,72)
```
#29a352
```
#29a352 rgb(41,163,82)
```
#2eb85d
```
#2eb85d rgb(46,184,93)
```
#34cc67
```
#34cc67 rgb(52,204,103)
```

Monochromatic Color

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

#248f2d
```
#248f2d rgb(36,143,45)
```
#248f36
```
#248f36 rgb(36,143,54)
```
#248f3f
```
#248f3f rgb(36,143,63)
```
#248f48
```
#248f48 rgb(36,143,72)
```
#248f51
```
#248f51 rgb(36,143,81)
```
#248f5a
```
#248f5a rgb(36,143,90)
```
#248f63
```
#248f63 rgb(36,143,99)
```

Similar Colors

Text with hexadecimal color #248f48

This text has a font color of #248f48.

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

#248f48 background color

This paragraph has a background color of #248f48.

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

#248f48 border color

This element has a border color of #248f48.

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

CSS codes

.text {color:#248f48;}

.background {background-color:#248f48;}

.border {border:1px solid #248f48;}

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

#000201
```
#000201 rgb(0,2,1)
```
#041209
```
#041209 rgb(4,18,9)
```
#082111
```
#082111 rgb(8,33,17)
```
#0c3119
```
#0c3119 rgb(12,49,25)
```
#104121
```
#104121 rgb(16,65,33)
```
#145028
```
#145028 rgb(20,80,40)
```
#186030
```
#186030 rgb(24,96,48)
```
#1c7038
```
#1c7038 rgb(28,112,56)
```
#207f40
```
#207f40 rgb(32,127,64)
```
#248f48
```
#248f48 rgb(36,143,72)
```
#289f50
```
#289f50 rgb(40,159,80)
```
#2cae58
```
#2cae58 rgb(44,174,88)
```
#30be60
```
#30be60 rgb(48,190,96)
```

Shade Color Variation

#35cc68
```
#35cc68 rgb(53,204,104)
```
#45d074
```
#45d074 rgb(69,208,116)
```
#55d47f
```
#55d47f rgb(85,212,127)
```
#64d88b
```
#64d88b rgb(100,216,139)
```
#74dc97
```
#74dc97 rgb(116,220,151)
```
#84e0a3
```
#84e0a3 rgb(132,224,163)
```
#93e4ae
```
#93e4ae rgb(147,228,174)
```
#a3e8ba
```
#a3e8ba rgb(163,232,186)
```
#b3ecc6
```
#b3ecc6 rgb(179,236,198)
```
#c2f0d2
```
#c2f0d2 rgb(194,240,210)
```
#d2f4dd
```
#d2f4dd rgb(210,244,221)
```
#e2f8e9
```
#e2f8e9 rgb(226,248,233)
```
#f1fcf5
```
#f1fcf5 rgb(241,252,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545f58 is the less saturated color, while #02b13d is the most saturated one.

#545f58
```
#545f58 rgb(84,95,88)
```
#4d6656
```
#4d6656 rgb(77,102,86)
```
#466d53
```
#466d53 rgb(70,109,83)
```
#407351
```
#407351 rgb(64,115,81)
```
#397a4f
```
#397a4f rgb(57,122,79)
```
#32814d
```
#32814d rgb(50,129,77)
```
#2b884a
```
#2b884a rgb(43,136,74)
```
#248f48
```
#248f48 rgb(36,143,72)
```
#1d9646
```
#1d9646 rgb(29,150,70)
```
#169d43
```
#169d43 rgb(22,157,67)
```
#0fa441
```
#0fa441 rgb(15,164,65)
```
#08ab3f
```
#08ab3f rgb(8,171,63)
```
#02b13d
```
#02b13d rgb(2,177,61)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5a6f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90834b Protanopia 1% of men
#9d7e59 Deuteranopia 1% of men
#4c8c97 Tritanopia 0.001% of the population

Trichromacy

#68874a Protanomaly 1% of men, 0.01% of women
#718453 Deuteranomaly 6% of men, 0.4% of women
#3e8d7a Tritanomaly 0.01% of the population

#248f48 hex color

#248f48 Color Information

#248f48 Color Conversion

Color Schemes with #248f48

Alternatives to #248f48

#248f48 Preview

Shades and Tints of #248f48

Tones of #248f48

Color Blindness Simulator