#248e55 hex color

In a RGB color space, hex #248e55 is composed of 14.1% red, 55.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0% magenta, 40.1% yellow and 44.3% black. It has a hue angle of 147.7 degrees, a saturation of 59.6% and a lightness of 34.9%. #248e55 color hex could be obtained by blending #48ffaa with #001d00. Closest websafe color is: #339966.

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

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

The hexadecimal color #248e55 has RGB values of R:36, G:142, B:85 and CMYK values of C:0.75, M:0, Y:0.4, K:0.44. Its decimal value is 2395733.

Hex triplet	248e55	`#248e55`
RGB Decimal	36, 142, 85	`rgb(36,142,85)`
RGB Percent	14.1, 55.7, 33.3	`rgb(14.1%,55.7%,33.3%)`
CMYK	75, 0, 40, 44
HSL	147.7°, 59.6, 34.9	`hsl(147.7,59.6%,34.9%)`
HSV (or HSB)	147.7°, 74.6, 55.7
Web Safe	339966	`#339966`

CIE-LAB	52.259, -43.115, 22.087
XYZ	12.039, 20.376, 11.892
xyY	0.272, 0.46, 20.376
CIE-LCH	52.259, 48.443, 152.874
CIE-LUV	52.259, -41.817, 34.404
Hunter-Lab	45.14, -31.386, 15.977
Binary	00100100, 10001110, 01010101

#248e55
```
#248e55 rgb(36,142,85)
```
#8e245d
```
#8e245d rgb(142,36,93)
```

Complementary Color

#288e24
```
#288e24 rgb(40,142,36)
```
#248e55
```
#248e55 rgb(36,142,85)
```
#248e8a
```
#248e8a rgb(36,142,138)
```

Analogous Color

#8e2428
```
#8e2428 rgb(142,36,40)
```
#248e55
```
#248e55 rgb(36,142,85)
```
#8a248e
```
#8a248e rgb(138,36,142)
```

Split Complementary Color

#8e5524
```
#8e5524 rgb(142,85,36)
```
#248e55
```
#248e55 rgb(36,142,85)
```
#55248e
```
#55248e rgb(85,36,142)
```

Triadic Color

#5d8e24
```
#5d8e24 rgb(93,142,36)
```
#248e55
```
#248e55 rgb(36,142,85)
```
#55248e
```
#55248e rgb(85,36,142)
```
#8e245d
```
#8e245d rgb(142,36,93)
```

Tetradic Color

#155130
```
#155130 rgb(21,81,48)
```
#1a653d
```
#1a653d rgb(26,101,61)
```
#1f7a49
```
#1f7a49 rgb(31,122,73)
```
#248e55
```
#248e55 rgb(36,142,85)
```
#29a261
```
#29a261 rgb(41,162,97)
```
#2eb76d
```
#2eb76d rgb(46,183,109)
```
#33cb7a
```
#33cb7a rgb(51,203,122)
```

Monochromatic Color

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

#248e3b
```
#248e3b rgb(36,142,59)
```
#248e43
```
#248e43 rgb(36,142,67)
```
#248e4c
```
#248e4c rgb(36,142,76)
```
#248e55
```
#248e55 rgb(36,142,85)
```
#248e5e
```
#248e5e rgb(36,142,94)
```
#248e67
```
#248e67 rgb(36,142,103)
```
#248e70
```
#248e70 rgb(36,142,112)
```

Similar Colors

Text with hexadecimal color #248e55

This text has a font color of #248e55.

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

#248e55 background color

This paragraph has a background color of #248e55.

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

#248e55 border color

This element has a border color of #248e55.

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

CSS codes

.text {color:#248e55;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#04110a
```
#04110a rgb(4,17,10)
```
#082013
```
#082013 rgb(8,32,19)
```
#0c301d
```
#0c301d rgb(12,48,29)
```
#104026
```
#104026 rgb(16,64,38)
```
#144f30
```
#144f30 rgb(20,79,48)
```
#185f39
```
#185f39 rgb(24,95,57)
```
#1c6f42
```
#1c6f42 rgb(28,111,66)
```
#207e4c
```
#207e4c rgb(32,126,76)
```
#248e55
```
#248e55 rgb(36,142,85)
```
#289e5e
```
#289e5e rgb(40,158,94)
```
#2cad68
```
#2cad68 rgb(44,173,104)
```
#30bd71
```
#30bd71 rgb(48,189,113)
```

Shade Color Variation

#35cc7b
```
#35cc7b rgb(53,204,123)
```
#44d085
```
#44d085 rgb(68,208,133)
```
#54d48f
```
#54d48f rgb(84,212,143)
```
#64d899
```
#64d899 rgb(100,216,153)
```
#73dca4
```
#73dca4 rgb(115,220,164)
```
#83e0ae
```
#83e0ae rgb(131,224,174)
```
#93e4b8
```
#93e4b8 rgb(147,228,184)
```
#a2e7c2
```
#a2e7c2 rgb(162,231,194)
```
#b2ebcd
```
#b2ebcd rgb(178,235,205)
```
#c2efd7
```
#c2efd7 rgb(194,239,215)
```
#d1f3e1
```
#d1f3e1 rgb(209,243,225)
```
#e1f7eb
```
#e1f7eb rgb(225,247,235)
```
#f1fbf6
```
#f1fbf6 rgb(241,251,246)
```

Tint Color Variation

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

#545e59
```
#545e59 rgb(84,94,89)
```
#4d6558
```
#4d6558 rgb(77,101,88)
```
#466c58
```
#466c58 rgb(70,108,88)
```
#3f7357
```
#3f7357 rgb(63,115,87)
```
#397957
```
#397957 rgb(57,121,87)
```
#328056
```
#328056 rgb(50,128,86)
```
#2b8756
```
#2b8756 rgb(43,135,86)
```
#248e55
```
#248e55 rgb(36,142,85)
```
#1d9554
```
#1d9554 rgb(29,149,84)
```
#169c54
```
#169c54 rgb(22,156,84)
```
#0fa353
```
#0fa353 rgb(15,163,83)
```
#09a953
```
#09a953 rgb(9,169,83)
```
#02b052
```
#02b052 rgb(2,176,82)
```

Tone Color Variation

Below, you can see how #248e55 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
#5a7064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8357 Protanopia 1% of men
#997e65 Deuteranopia 1% of men
#4a8c97 Tritanopia 0.001% of the population

Trichromacy

#678756 Protanomaly 1% of men, 0.01% of women
#6e845f Deuteranomaly 6% of men, 0.4% of women
#3c8d7f Tritanomaly 0.01% of the population

#248e55 hex color

#248e55 Color Information

#248e55 Color Conversion

Color Schemes with #248e55

Alternatives to #248e55

#248e55 Preview

Shades and Tints of #248e55

Tones of #248e55

Color Blindness Simulator