#488f6c hex color

In a RGB color space, hex #488f6c is composed of 28.2% red, 56.1% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 0% magenta, 24.5% yellow and 43.9% black. It has a hue angle of 150.4 degrees, a saturation of 33% and a lightness of 42.2%. #488f6c color hex could be obtained by blending #90ffd8 with #001f00. Closest websafe color is: #339966.

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

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

The hexadecimal color #488f6c has RGB values of R:72, G:143, B:108 and CMYK values of C:0.5, M:0, Y:0.24, K:0.44. Its decimal value is 4755308.

Hex triplet	488f6c	`#488f6c`
RGB Decimal	72, 143, 108	`rgb(72,143,108)`
RGB Percent	28.2, 56.1, 42.4	`rgb(28.2%,56.1%,42.4%)`
CMYK	50, 0, 24, 44
HSL	150.4°, 33, 42.2	`hsl(150.4,33%,42.2%)`
HSV (or HSB)	150.4°, 49.7, 56.1
Web Safe	339966	`#339966`

CIE-LAB	54.138, -30.915, 11.873
XYZ	15.201, 22.104, 17.652
xyY	0.277, 0.402, 22.104
CIE-LCH	54.138, 33.117, 158.991
CIE-LUV	54.138, -32.182, 20.661
Hunter-Lab	47.015, -24.565, 10.65
Binary	01001000, 10001111, 01101100

#488f6c
```
#488f6c rgb(72,143,108)
```
#8f486b
```
#8f486b rgb(143,72,107)
```

Complementary Color

#488f49
```
#488f49 rgb(72,143,73)
```
#488f6c
```
#488f6c rgb(72,143,108)
```
#488f8f
```
#488f8f rgb(72,143,143)
```

Analogous Color

#8f4948
```
#8f4948 rgb(143,73,72)
```
#488f6c
```
#488f6c rgb(72,143,108)
```
#8f488f
```
#8f488f rgb(143,72,143)
```

Split Complementary Color

#8f6c48
```
#8f6c48 rgb(143,108,72)
```
#488f6c
```
#488f6c rgb(72,143,108)
```
#6c488f
```
#6c488f rgb(108,72,143)
```

Triadic Color

#6b8f48
```
#6b8f48 rgb(107,143,72)
```
#488f6c
```
#488f6c rgb(72,143,108)
```
#6c488f
```
#6c488f rgb(108,72,143)
```
#8f486b
```
#8f486b rgb(143,72,107)
```

Tetradic Color

#2e5c46
```
#2e5c46 rgb(46,92,70)
```
#376d52
```
#376d52 rgb(55,109,82)
```
#3f7e5f
```
#3f7e5f rgb(63,126,95)
```
#488f6c
```
#488f6c rgb(72,143,108)
```
#51a079
```
#51a079 rgb(81,160,121)
```
#5dad86
```
#5dad86 rgb(93,173,134)
```
#6eb692
```
#6eb692 rgb(110,182,146)
```

Monochromatic Color

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

#488f5a
```
#488f5a rgb(72,143,90)
```
#488f60
```
#488f60 rgb(72,143,96)
```
#488f66
```
#488f66 rgb(72,143,102)
```
#488f6c
```
#488f6c rgb(72,143,108)
```
#488f72
```
#488f72 rgb(72,143,114)
```
#488f78
```
#488f78 rgb(72,143,120)
```
#488f7e
```
#488f7e rgb(72,143,126)
```

Similar Colors

Text with hexadecimal color #488f6c

This text has a font color of #488f6c.

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

#488f6c background color

This paragraph has a background color of #488f6c.

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

#488f6c border color

This element has a border color of #488f6c.

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

CSS codes

.text {color:#488f6c;}

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

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

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, #060d09 is the darkest color, while #feffff is the lightest one.

#060d09
```
#060d09 rgb(6,13,9)
```
#0d1a13
```
#0d1a13 rgb(13,26,19)
```
#13271d
```
#13271d rgb(19,39,29)
```
#1a3427
```
#1a3427 rgb(26,52,39)
```
#214131
```
#214131 rgb(33,65,49)
```
#274e3b
```
#274e3b rgb(39,78,59)
```
#2e5b45
```
#2e5b45 rgb(46,91,69)
```
#34684e
```
#34684e rgb(52,104,78)
```
#3b7558
```
#3b7558 rgb(59,117,88)
```
#418262
```
#418262 rgb(65,130,98)
```
#488f6c
```
#488f6c rgb(72,143,108)
```
#4f9c76
```
#4f9c76 rgb(79,156,118)
```
#55a980
```
#55a980 rgb(85,169,128)
```

Shade Color Variation

#62b089
```
#62b089 rgb(98,176,137)
```
#6fb693
```
#6fb693 rgb(111,182,147)
```
#7cbd9d
```
#7cbd9d rgb(124,189,157)
```
#89c4a7
```
#89c4a7 rgb(137,196,167)
```
#96cab1
```
#96cab1 rgb(150,202,177)
```
#a3d1ba
```
#a3d1ba rgb(163,209,186)
```
#b0d7c4
```
#b0d7c4 rgb(176,215,196)
```
#bddece
```
#bddece rgb(189,222,206)
```
#cae4d8
```
#cae4d8 rgb(202,228,216)
```
#d7ebe1
```
#d7ebe1 rgb(215,235,225)
```
#e4f2eb
```
#e4f2eb rgb(228,242,235)
```
#f1f8f5
```
#f1f8f5 rgb(241,248,245)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#696e6c
```
#696e6c rgb(105,110,108)
```
#61766c
```
#61766c rgb(97,118,108)
```
#597e6c
```
#597e6c rgb(89,126,108)
```
#50876c
```
#50876c rgb(80,135,108)
```
#488f6c
```
#488f6c rgb(72,143,108)
```
#40976c
```
#40976c rgb(64,151,108)
```
#37a06c
```
#37a06c rgb(55,160,108)
```
#2fa86c
```
#2fa86c rgb(47,168,108)
```
#27b06c
```
#27b06c rgb(39,176,108)
```
#1fb86d
```
#1fb86d rgb(31,184,109)
```
#16c16d
```
#16c16d rgb(22,193,109)
```
#0ec96d
```
#0ec96d rgb(14,201,109)
```
#06d16d
```
#06d16d rgb(6,209,109)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6d7b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90876d Protanopia 1% of men
#998379 Deuteranopia 1% of men
#5d8f9a Tritanopia 0.001% of the population

Trichromacy

#758a6d Protanomaly 1% of men, 0.01% of women
#7c8774 Deuteranomaly 6% of men, 0.4% of women
#558f89 Tritanomaly 0.01% of the population

#488f6c hex color

#488f6c Color Information

#488f6c Color Conversion

Color Schemes with #488f6c

Alternatives to #488f6c

#488f6c Preview

Shades and Tints of #488f6c

Tones of #488f6c

Color Blindness Simulator