#248c60 hex color

In a RGB color space, hex #248c60 is composed of 14.1% red, 54.9% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 31.4% yellow and 45.1% black. It has a hue angle of 154.6 degrees, a saturation of 59.1% and a lightness of 34.5%. #248c60 color hex could be obtained by blending #48ffc0 with #001900. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 14
- G 55
- B 38
RGB color chart
- C 74
- M 0
- Y 31
- K 45
CMYK color chart

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

The hexadecimal color #248c60 has RGB values of R:36, G:140, B:96 and CMYK values of C:0.74, M:0, Y:0.31, K:0.45. Its decimal value is 2395232.

Hex triplet	248c60	`#248c60`
RGB Decimal	36, 140, 96	`rgb(36,140,96)`
RGB Percent	14.1, 54.9, 37.6	`rgb(14.1%,54.9%,37.6%)`
CMYK	74, 0, 31, 45
HSL	154.6°, 59.1, 34.5	`hsl(154.6,59.1%,34.5%)`
HSV (or HSB)	154.6°, 74.3, 54.9
Web Safe	339966	`#339966`

CIE-LAB	51.808, -39.949, 15.304
XYZ	12.216, 19.975, 14.277
xyY	0.263, 0.43, 19.975
CIE-LCH	51.808, 42.78, 159.039
CIE-LUV	51.808, -40.455, 25.955
Hunter-Lab	44.693, -29.423, 12.345
Binary	00100100, 10001100, 01100000

#248c60
```
#248c60 rgb(36,140,96)
```
#8c2450
```
#8c2450 rgb(140,36,80)
```

Complementary Color

#248c2c
```
#248c2c rgb(36,140,44)
```
#248c60
```
#248c60 rgb(36,140,96)
```
#24848c
```
#24848c rgb(36,132,140)
```

Analogous Color

#8c2c24
```
#8c2c24 rgb(140,44,36)
```
#248c60
```
#248c60 rgb(36,140,96)
```
#8c2484
```
#8c2484 rgb(140,36,132)
```

Split Complementary Color

#8c6024
```
#8c6024 rgb(140,96,36)
```
#248c60
```
#248c60 rgb(36,140,96)
```
#60248c
```
#60248c rgb(96,36,140)
```

Triadic Color

#508c24
```
#508c24 rgb(80,140,36)
```
#248c60
```
#248c60 rgb(36,140,96)
```
#60248c
```
#60248c rgb(96,36,140)
```
#8c2450
```
#8c2450 rgb(140,36,80)
```

Tetradic Color

#144f36
```
#144f36 rgb(20,79,54)
```
#1a6344
```
#1a6344 rgb(26,99,68)
```
#1f7852
```
#1f7852 rgb(31,120,82)
```
#248c60
```
#248c60 rgb(36,140,96)
```
#29a06e
```
#29a06e rgb(41,160,110)
```
#2eb57c
```
#2eb57c rgb(46,181,124)
```
#34c98a
```
#34c98a rgb(52,201,138)
```

Monochromatic Color

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

#248c46
```
#248c46 rgb(36,140,70)
```
#248c4f
```
#248c4f rgb(36,140,79)
```
#248c57
```
#248c57 rgb(36,140,87)
```
#248c60
```
#248c60 rgb(36,140,96)
```
#248c69
```
#248c69 rgb(36,140,105)
```
#248c71
```
#248c71 rgb(36,140,113)
```
#248c7a
```
#248c7a rgb(36,140,122)
```

Similar Colors

Text with hexadecimal color #248c60

This text has a font color of #248c60.

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

#248c60 background color

This paragraph has a background color of #248c60.

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

#248c60 border color

This element has a border color of #248c60.

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

CSS codes

.text {color:#248c60;}

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

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

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, #040f0a is the darkest color, while #ffffff is the lightest one.

#040f0a
```
#040f0a rgb(4,15,10)
```
#081f15
```
#081f15 rgb(8,31,21)
```
#0c2e20
```
#0c2e20 rgb(12,46,32)
```
#103e2b
```
#103e2b rgb(16,62,43)
```
#144e35
```
#144e35 rgb(20,78,53)
```
#185d40
```
#185d40 rgb(24,93,64)
```
#1c6d4b
```
#1c6d4b rgb(28,109,75)
```
#207c55
```
#207c55 rgb(32,124,85)
```
#248c60
```
#248c60 rgb(36,140,96)
```
#289c6b
```
#289c6b rgb(40,156,107)
```
#2cab75
```
#2cab75 rgb(44,171,117)
```
#30bb80
```
#30bb80 rgb(48,187,128)
```
#34ca8b
```
#34ca8b rgb(52,202,139)
```

Shade Color Variation

#43cf94
```
#43cf94 rgb(67,207,148)
```
#53d39d
```
#53d39d rgb(83,211,157)
```
#63d7a6
```
#63d7a6 rgb(99,215,166)
```
#72dbaf
```
#72dbaf rgb(114,219,175)
```
#82dfb7
```
#82dfb7 rgb(130,223,183)
```
#91e3c0
```
#91e3c0 rgb(145,227,192)
```
#a1e7c9
```
#a1e7c9 rgb(161,231,201)
```
#b1ebd2
```
#b1ebd2 rgb(177,235,210)
```
#c0efdb
```
#c0efdb rgb(192,239,219)
```
#d0f3e4
```
#d0f3e4 rgb(208,243,228)
```
#dff7ed
```
#dff7ed rgb(223,247,237)
```
#effbf6
```
#effbf6 rgb(239,251,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#535d59
```
#535d59 rgb(83,93,89)
```
#4d635a
```
#4d635a rgb(77,99,90)
```
#466a5b
```
#466a5b rgb(70,106,91)
```
#3f715c
```
#3f715c rgb(63,113,92)
```
#38785d
```
#38785d rgb(56,120,93)
```
#327e5e
```
#327e5e rgb(50,126,94)
```
#2b855f
```
#2b855f rgb(43,133,95)
```
#248c60
```
#248c60 rgb(36,140,96)
```
#1d9361
```
#1d9361 rgb(29,147,97)
```
#169a62
```
#169a62 rgb(22,154,98)
```
#10a063
```
#10a063 rgb(16,160,99)
```
#09a764
```
#09a764 rgb(9,167,100)
```
#02ae65
```
#02ae65 rgb(2,174,101)
```

Tone Color Variation

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

Dichromacy

#8b8261 Protanopia 1% of men
#957d6f Deuteranopia 1% of men
#468b96 Tritanopia 0.001% of the population

Trichromacy

#658561 Protanomaly 1% of men, 0.01% of women
#6c8269 Deuteranomaly 6% of men, 0.4% of women
#3a8b82 Tritanomaly 0.01% of the population

#248c60 hex color

#248c60 Color Information

#248c60 Color Conversion

Color Schemes with #248c60

Alternatives to #248c60

#248c60 Preview

Shades and Tints of #248c60

Tones of #248c60

Color Blindness Simulator