#488c60 hex color

In a RGB color space, hex #488c60 is composed of 28.2% red, 54.9% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 0% magenta, 31.4% yellow and 45.1% black. It has a hue angle of 141.2 degrees, a saturation of 32.1% and a lightness of 41.6%. #488c60 color hex could be obtained by blending #90ffc0 with #001900. Closest websafe color is: #339966.

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

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

The hexadecimal color #488c60 has RGB values of R:72, G:140, B:96 and CMYK values of C:0.49, M:0, Y:0.31, K:0.45. Its decimal value is 4754528.

Hex triplet	488c60	`#488c60`
RGB Decimal	72, 140, 96	`rgb(72,140,96)`
RGB Percent	28.2, 54.9, 37.6	`rgb(28.2%,54.9%,37.6%)`
CMYK	49, 0, 31, 45
HSL	141.2°, 32.1, 41.6	`hsl(141.2,32.1%,41.6%)`
HSV (or HSB)	141.2°, 48.6, 54.9
Web Safe	339966	`#339966`

CIE-LAB	52.925, -32.023, 17.013
XYZ	14.161, 20.978, 14.369
xyY	0.286, 0.424, 20.978
CIE-LCH	52.925, 36.261, 152.02
CIE-LUV	52.925, -31.333, 27.026
Hunter-Lab	45.801, -24.962, 13.461
Binary	01001000, 10001100, 01100000

#488c60
```
#488c60 rgb(72,140,96)
```
#8c4874
```
#8c4874 rgb(140,72,116)
```

Complementary Color

#528c48
```
#528c48 rgb(82,140,72)
```
#488c60
```
#488c60 rgb(72,140,96)
```
#488c82
```
#488c82 rgb(72,140,130)
```

Analogous Color

#8c4852
```
#8c4852 rgb(140,72,82)
```
#488c60
```
#488c60 rgb(72,140,96)
```
#82488c
```
#82488c rgb(130,72,140)
```

Split Complementary Color

#8c6048
```
#8c6048 rgb(140,96,72)
```
#488c60
```
#488c60 rgb(72,140,96)
```
#60488c
```
#60488c rgb(96,72,140)
```

Triadic Color

#748c48
```
#748c48 rgb(116,140,72)
```
#488c60
```
#488c60 rgb(72,140,96)
```
#60488c
```
#60488c rgb(96,72,140)
```
#8c4874
```
#8c4874 rgb(140,72,116)
```

Tetradic Color

#2e593d
```
#2e593d rgb(46,89,61)
```
#376a49
```
#376a49 rgb(55,106,73)
```
#3f7b54
```
#3f7b54 rgb(63,123,84)
```
#488c60
```
#488c60 rgb(72,140,96)
```
#519d6c
```
#519d6c rgb(81,157,108)
```
#5cab78
```
#5cab78 rgb(92,171,120)
```
#6db486
```
#6db486 rgb(109,180,134)
```

Monochromatic Color

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

#488c4f
```
#488c4f rgb(72,140,79)
```
#488c55
```
#488c55 rgb(72,140,85)
```
#488c5a
```
#488c5a rgb(72,140,90)
```
#488c60
```
#488c60 rgb(72,140,96)
```
#488c66
```
#488c66 rgb(72,140,102)
```
#488c6b
```
#488c6b rgb(72,140,107)
```
#488c71
```
#488c71 rgb(72,140,113)
```

Similar Colors

Text with hexadecimal color #488c60

This text has a font color of #488c60.

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

#488c60 background color

This paragraph has a background color of #488c60.

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

#488c60 border color

This element has a border color of #488c60.

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

CSS codes

.text {color:#488c60;}

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

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

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, #050a07 is the darkest color, while #fdfefd is the lightest one.

#050a07
```
#050a07 rgb(5,10,7)
```
#0c1710
```
#0c1710 rgb(12,23,16)
```
#132419
```
#132419 rgb(19,36,25)
```
#193122
```
#193122 rgb(25,49,34)
```
#203e2b
```
#203e2b rgb(32,62,43)
```
#274b34
```
#274b34 rgb(39,75,52)
```
#2d583c
```
#2d583c rgb(45,88,60)
```
#346545
```
#346545 rgb(52,101,69)
```
#3b724e
```
#3b724e rgb(59,114,78)
```
#417f57
```
#417f57 rgb(65,127,87)
```
#488c60
```
#488c60 rgb(72,140,96)
```
#4f9969
```
#4f9969 rgb(79,153,105)
```
#55a672
```
#55a672 rgb(85,166,114)
```

Shade Color Variation

#61ae7c
```
#61ae7c rgb(97,174,124)
```
#6eb487
```
#6eb487 rgb(110,180,135)
```
#7bbb92
```
#7bbb92 rgb(123,187,146)
```
#88c29c
```
#88c29c rgb(136,194,156)
```
#95c8a7
```
#95c8a7 rgb(149,200,167)
```
#a2cfb2
```
#a2cfb2 rgb(162,207,178)
```
#afd6bd
```
#afd6bd rgb(175,214,189)
```
#bcdcc7
```
#bcdcc7 rgb(188,220,199)
```
#c9e3d2
```
#c9e3d2 rgb(201,227,210)
```
#d6eadd
```
#d6eadd rgb(214,234,221)
```
#e3f0e7
```
#e3f0e7 rgb(227,240,231)
```
#f0f7f2
```
#f0f7f2 rgb(240,247,242)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b6a is the less saturated color, while #07cd4d is the most saturated one.

#696b6a
```
#696b6a rgb(105,107,106)
```
#607467
```
#607467 rgb(96,116,103)
```
#587c65
```
#587c65 rgb(88,124,101)
```
#508462
```
#508462 rgb(80,132,98)
```
#488c60
```
#488c60 rgb(72,140,96)
```
#40945e
```
#40945e rgb(64,148,94)
```
#389c5b
```
#389c5b rgb(56,156,91)
```
#30a459
```
#30a459 rgb(48,164,89)
```
#27ad56
```
#27ad56 rgb(39,173,86)
```
#1fb554
```
#1fb554 rgb(31,181,84)
```
#17bd52
```
#17bd52 rgb(23,189,82)
```
#0fc54f
```
#0fc54f rgb(15,197,79)
```
#07cd4d
```
#07cd4d rgb(7,205,77)
```

Tone Color Variation

Below, you can see how #488c60 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

#737373 Achromatopsia 0.005% of the population
#6a786f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8462 Protanopia 1% of men
#99806e Deuteranopia 1% of men
#5f8c96 Tritanopia 0.001% of the population

Trichromacy

#748761 Protanomaly 1% of men, 0.01% of women
#7b8469 Deuteranomaly 6% of men, 0.4% of women
#568c82 Tritanomaly 0.01% of the population

#488c60 hex color

#488c60 Color Information

#488c60 Color Conversion

Color Schemes with #488c60

Alternatives to #488c60

#488c60 Preview

Shades and Tints of #488c60

Tones of #488c60

Color Blindness Simulator