#48a678 hex color

In a RGB color space, hex #48a678 is composed of 28.2% red, 65.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 0% magenta, 27.7% yellow and 34.9% black. It has a hue angle of 150.6 degrees, a saturation of 39.5% and a lightness of 46.7%. #48a678 color hex could be obtained by blending #90fff0 with #004d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 65
- B 47
RGB color chart
- C 57
- M 0
- Y 28
- K 35
CMYK color chart

● #48a678 color description : Dark moderate cyan - lime green.

The hexadecimal color #48a678 has RGB values of R:72, G:166, B:120 and CMYK values of C:0.57, M:0, Y:0.28, K:0.35. Its decimal value is 4761208.

Hex triplet	48a678	`#48a678`
RGB Decimal	72, 166, 120	`rgb(72,166,120)`
RGB Percent	28.2, 65.1, 47.1	`rgb(28.2%,65.1%,47.1%)`
CMYK	57, 0, 28, 35
HSL	150.6°, 39.5, 46.7	`hsl(150.6,39.5%,46.7%)`
HSV (or HSB)	150.6°, 56.6, 65.1
Web Safe	339966	`#339966`

CIE-LAB	61.658, -38.846, 15.614
XYZ	19.698, 30.005, 22.522
xyY	0.273, 0.415, 30.005
CIE-LCH	61.658, 41.866, 158.103
CIE-LUV	61.658, -41.046, 27.432
Hunter-Lab	54.777, -31.671, 13.966
Binary	01001000, 10100110, 01111000

#48a678
```
#48a678 rgb(72,166,120)
```
#a64876
```
#a64876 rgb(166,72,118)
```

Complementary Color

#48a649
```
#48a649 rgb(72,166,73)
```
#48a678
```
#48a678 rgb(72,166,120)
```
#48a5a6
```
#48a5a6 rgb(72,165,166)
```

Analogous Color

#a64948
```
#a64948 rgb(166,73,72)
```
#48a678
```
#48a678 rgb(72,166,120)
```
#a648a5
```
#a648a5 rgb(166,72,165)
```

Split Complementary Color

#a67848
```
#a67848 rgb(166,120,72)
```
#48a678
```
#48a678 rgb(72,166,120)
```
#7848a6
```
#7848a6 rgb(120,72,166)
```

Triadic Color

#76a648
```
#76a648 rgb(118,166,72)
```
#48a678
```
#48a678 rgb(72,166,120)
```
#7848a6
```
#7848a6 rgb(120,72,166)
```
#a64876
```
#a64876 rgb(166,72,118)
```

Tetradic Color

#317151
```
#317151 rgb(49,113,81)
```
#39825e
```
#39825e rgb(57,130,94)
```
#40946b
```
#40946b rgb(64,148,107)
```
#48a678
```
#48a678 rgb(72,166,120)
```
#53b485
```
#53b485 rgb(83,180,133)
```
#65bc91
```
#65bc91 rgb(101,188,145)
```
#77c49e
```
#77c49e rgb(119,196,158)
```

Monochromatic Color

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

#48a661
```
#48a661 rgb(72,166,97)
```
#48a668
```
#48a668 rgb(72,166,104)
```
#48a670
```
#48a670 rgb(72,166,112)
```
#48a678
```
#48a678 rgb(72,166,120)
```
#48a680
```
#48a680 rgb(72,166,128)
```
#48a688
```
#48a688 rgb(72,166,136)
```
#48a690
```
#48a690 rgb(72,166,144)
```

Similar Colors

Text with hexadecimal color #48a678

This text has a font color of #48a678.

<span style="color:#48a678;">Text here</span>

#48a678 background color

This paragraph has a background color of #48a678.

<p style="background-color:#48a678;">Content here</p>

#48a678 border color

This element has a border color of #48a678.

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

CSS codes

.text {color:#48a678;}

.background {background-color:#48a678;}

.border {border:1px solid #48a678;}

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

#010201
```
#010201 rgb(1,2,1)
```
#07100b
```
#07100b rgb(7,16,11)
```
#0d1d15
```
#0d1d15 rgb(13,29,21)
```
#132b1f
```
#132b1f rgb(19,43,31)
```
#193929
```
#193929 rgb(25,57,41)
```
#1e4633
```
#1e4633 rgb(30,70,51)
```
#24543d
```
#24543d rgb(36,84,61)
```
#2a6247
```
#2a6247 rgb(42,98,71)
```
#306f50
```
#306f50 rgb(48,111,80)
```
#367d5a
```
#367d5a rgb(54,125,90)
```
#3c8b64
```
#3c8b64 rgb(60,139,100)
```
#42986e
```
#42986e rgb(66,152,110)
```
#48a678
```
#48a678 rgb(72,166,120)
```

Shade Color Variation

#4fb382
```
#4fb382 rgb(79,179,130)
```
#5db98c
```
#5db98c rgb(93,185,140)
```
#6abf95
```
#6abf95 rgb(106,191,149)
```
#78c49f
```
#78c49f rgb(120,196,159)
```
#86caa9
```
#86caa9 rgb(134,202,169)
```
#93d0b2
```
#93d0b2 rgb(147,208,178)
```
#a1d6bc
```
#a1d6bc rgb(161,214,188)
```
#afdcc6
```
#afdcc6 rgb(175,220,198)
```
#bce2d0
```
#bce2d0 rgb(188,226,208)
```
#cae8d9
```
#cae8d9 rgb(202,232,217)
```
#d8eee3
```
#d8eee3 rgb(216,238,227)
```
#e5f4ed
```
#e5f4ed rgb(229,244,237)
```
#f3faf7
```
#f3faf7 rgb(243,250,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767877 is the less saturated color, while #08e679 is the most saturated one.

#767877
```
#767877 rgb(118,120,119)
```
#6d8177
```
#6d8177 rgb(109,129,119)
```
#638b77
```
#638b77 rgb(99,139,119)
```
#5a9478
```
#5a9478 rgb(90,148,120)
```
#519d78
```
#519d78 rgb(81,157,120)
```
#48a678
```
#48a678 rgb(72,166,120)
```
#3faf78
```
#3faf78 rgb(63,175,120)
```
#36b878
```
#36b878 rgb(54,184,120)
```
#2dc179
```
#2dc179 rgb(45,193,121)
```
#23cb79
```
#23cb79 rgb(35,203,121)
```
#1ad479
```
#1ad479 rgb(26,212,121)
```
#11dd79
```
#11dd79 rgb(17,221,121)
```
#08e679
```
#08e679 rgb(8,230,121)
```

Tone Color Variation

Below, you can see how #48a678 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

#858585 Achromatopsia 0.005% of the population
#798c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49a77 Protanopia 1% of men
#b09586 Deuteranopia 1% of men
#63a4b0 Tritanopia 0.001% of the population

Trichromacy

#829e77 Protanomaly 1% of men, 0.01% of women
#8a9b81 Deuteranomaly 6% of men, 0.4% of women
#59a49b Tritanomaly 0.01% of the population

#48a678 hex color

#48a678 Color Information

#48a678 Color Conversion

Color Schemes with #48a678

Alternatives to #48a678

#48a678 Preview

Shades and Tints of #48a678

Tones of #48a678

Color Blindness Simulator