#248f4f hex color

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

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

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

The hexadecimal color #248f4f has RGB values of R:36, G:143, B:79 and CMYK values of C:0.75, M:0, Y:0.45, K:0.44. Its decimal value is 2395983.

Hex triplet	248f4f	`#248f4f`
RGB Decimal	36, 143, 79	`rgb(36,143,79)`
RGB Percent	14.1, 56.1, 31	`rgb(14.1%,56.1%,31%)`
CMYK	75, 0, 45, 44
HSL	144.1°, 59.8, 35.1	`hsl(144.1,59.8%,35.1%)`
HSV (or HSB)	144.1°, 74.8, 56.1
Web Safe	339966	`#339966`

CIE-LAB	52.49, -44.66, 25.68
XYZ	11.96, 20.583, 10.739
xyY	0.276, 0.476, 20.583
CIE-LCH	52.49, 51.517, 150.1
CIE-LUV	52.49, -42.5, 38.593
Hunter-Lab	45.369, -32.338, 17.724
Binary	00100100, 10001111, 01001111

#248f4f
```
#248f4f rgb(36,143,79)
```
#8f2464
```
#8f2464 rgb(143,36,100)
```

Complementary Color

#2f8f24
```
#2f8f24 rgb(47,143,36)
```
#248f4f
```
#248f4f rgb(36,143,79)
```
#248f85
```
#248f85 rgb(36,143,133)
```

Analogous Color

#8f242f
```
#8f242f rgb(143,36,47)
```
#248f4f
```
#248f4f rgb(36,143,79)
```
#85248f
```
#85248f rgb(133,36,143)
```

Split Complementary Color

#8f4f24
```
#8f4f24 rgb(143,79,36)
```
#248f4f
```
#248f4f rgb(36,143,79)
```
#4f248f
```
#4f248f rgb(79,36,143)
```

Triadic Color

#648f24
```
#648f24 rgb(100,143,36)
```
#248f4f
```
#248f4f rgb(36,143,79)
```
#4f248f
```
#4f248f rgb(79,36,143)
```
#8f2464
```
#8f2464 rgb(143,36,100)
```

Tetradic Color

#15522d
```
#15522d rgb(21,82,45)
```
#1a6638
```
#1a6638 rgb(26,102,56)
```
#1f7b44
```
#1f7b44 rgb(31,123,68)
```
#248f4f
```
#248f4f rgb(36,143,79)
```
#29a35a
```
#29a35a rgb(41,163,90)
```
#2eb866
```
#2eb866 rgb(46,184,102)
```
#34cc71
```
#34cc71 rgb(52,204,113)
```

Monochromatic Color

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

#248f34
```
#248f34 rgb(36,143,52)
```
#248f3d
```
#248f3d rgb(36,143,61)
```
#248f46
```
#248f46 rgb(36,143,70)
```
#248f4f
```
#248f4f rgb(36,143,79)
```
#248f58
```
#248f58 rgb(36,143,88)
```
#248f61
```
#248f61 rgb(36,143,97)
```
#248f6a
```
#248f6a rgb(36,143,106)
```

Similar Colors

Text with hexadecimal color #248f4f

This text has a font color of #248f4f.

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

#248f4f background color

This paragraph has a background color of #248f4f.

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

#248f4f border color

This element has a border color of #248f4f.

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

CSS codes

.text {color:#248f4f;}

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

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

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)
```
#04120a
```
#04120a rgb(4,18,10)
```
#082112
```
#082112 rgb(8,33,18)
```
#0c311b
```
#0c311b rgb(12,49,27)
```
#104124
```
#104124 rgb(16,65,36)
```
#14502c
```
#14502c rgb(20,80,44)
```
#186035
```
#186035 rgb(24,96,53)
```
#1c703e
```
#1c703e rgb(28,112,62)
```
#207f46
```
#207f46 rgb(32,127,70)
```
#248f4f
```
#248f4f rgb(36,143,79)
```
#289f58
```
#289f58 rgb(40,159,88)
```
#2cae60
```
#2cae60 rgb(44,174,96)
```
#30be69
```
#30be69 rgb(48,190,105)
```

Shade Color Variation

#35cc72
```
#35cc72 rgb(53,204,114)
```
#45d07d
```
#45d07d rgb(69,208,125)
```
#55d488
```
#55d488 rgb(85,212,136)
```
#64d893
```
#64d893 rgb(100,216,147)
```
#74dc9e
```
#74dc9e rgb(116,220,158)
```
#84e0a9
```
#84e0a9 rgb(132,224,169)
```
#93e4b4
```
#93e4b4 rgb(147,228,180)
```
#a3e8bf
```
#a3e8bf rgb(163,232,191)
```
#b3ecca
```
#b3ecca rgb(179,236,202)
```
#c2f0d5
```
#c2f0d5 rgb(194,240,213)
```
#d2f4e0
```
#d2f4e0 rgb(210,244,224)
```
#e2f8ea
```
#e2f8ea rgb(226,248,234)
```
#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 #02b148 is the most saturated one.

#545f58
```
#545f58 rgb(84,95,88)
```
#4d6657
```
#4d6657 rgb(77,102,87)
```
#466d56
```
#466d56 rgb(70,109,86)
```
#407354
```
#407354 rgb(64,115,84)
```
#397a53
```
#397a53 rgb(57,122,83)
```
#328152
```
#328152 rgb(50,129,82)
```
#2b8850
```
#2b8850 rgb(43,136,80)
```
#248f4f
```
#248f4f rgb(36,143,79)
```
#1d964e
```
#1d964e rgb(29,150,78)
```
#169d4c
```
#169d4c rgb(22,157,76)
```
#0fa44b
```
#0fa44b rgb(15,164,75)
```
#08ab4a
```
#08ab4a rgb(8,171,74)
```
#02b148
```
#02b148 rgb(2,177,72)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5a7063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8352 Protanopia 1% of men
#9b7e5f Deuteranopia 1% of men
#4b8d97 Tritanopia 0.001% of the population

Trichromacy

#688750 Protanomaly 1% of men, 0.01% of women
#708459 Deuteranomaly 6% of men, 0.4% of women
#3d8d7d Tritanomaly 0.01% of the population

#248f4f hex color

#248f4f Color Information

#248f4f Color Conversion

Color Schemes with #248f4f

Alternatives to #248f4f

#248f4f Preview

Shades and Tints of #248f4f

Tones of #248f4f

Color Blindness Simulator