#48ab63 hex color

In a RGB color space, hex #48ab63 is composed of 28.2% red, 67.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 0% magenta, 42.1% yellow and 32.9% black. It has a hue angle of 136.4 degrees, a saturation of 40.7% and a lightness of 47.6%. #48ab63 color hex could be obtained by blending #90ffc6 with #005700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 67
- B 39
RGB color chart
- C 58
- M 0
- Y 42
- K 33
CMYK color chart

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

The hexadecimal color #48ab63 has RGB values of R:72, G:171, B:99 and CMYK values of C:0.58, M:0, Y:0.42, K:0.33. Its decimal value is 4762467.

Hex triplet	48ab63	`#48ab63`
RGB Decimal	72, 171, 99	`rgb(72,171,99)`
RGB Percent	28.2, 67.1, 38.8	`rgb(28.2%,67.1%,38.8%)`
CMYK	58, 0, 42, 33
HSL	136.4°, 40.7, 47.6	`hsl(136.4,40.7%,47.6%)`
HSV (or HSB)	136.4°, 57.9, 67.1
Web Safe	339966	`#339966`

CIE-LAB	62.846, -45.027, 28.59
XYZ	19.486, 31.403, 16.838
xyY	0.288, 0.464, 31.403
CIE-LCH	62.846, 53.337, 147.586
CIE-LUV	62.846, -43.934, 44.147
Hunter-Lab	56.038, -35.997, 21.412
Binary	01001000, 10101011, 01100011

#48ab63
```
#48ab63 rgb(72,171,99)
```
#ab4890
```
#ab4890 rgb(171,72,144)
```

Complementary Color

#5eab48
```
#5eab48 rgb(94,171,72)
```
#48ab63
```
#48ab63 rgb(72,171,99)
```
#48ab95
```
#48ab95 rgb(72,171,149)
```

Analogous Color

#ab485e
```
#ab485e rgb(171,72,94)
```
#48ab63
```
#48ab63 rgb(72,171,99)
```
#9548ab
```
#9548ab rgb(149,72,171)
```

Split Complementary Color

#ab6348
```
#ab6348 rgb(171,99,72)
```
#48ab63
```
#48ab63 rgb(72,171,99)
```
#6348ab
```
#6348ab rgb(99,72,171)
```

Triadic Color

#90ab48
```
#90ab48 rgb(144,171,72)
```
#48ab63
```
#48ab63 rgb(72,171,99)
```
#6348ab
```
#6348ab rgb(99,72,171)
```
#ab4890
```
#ab4890 rgb(171,72,144)
```

Tetradic Color

#317544
```
#317544 rgb(49,117,68)
```
#39874e
```
#39874e rgb(57,135,78)
```
#409959
```
#409959 rgb(64,153,89)
```
#48ab63
```
#48ab63 rgb(72,171,99)
```
#55b770
```
#55b770 rgb(85,183,112)
```
#67bf7f
```
#67bf7f rgb(103,191,127)
```
#79c78e
```
#79c78e rgb(121,199,142)
```

Monochromatic Color

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

#48ab4a
```
#48ab4a rgb(72,171,74)
```
#48ab53
```
#48ab53 rgb(72,171,83)
```
#48ab5b
```
#48ab5b rgb(72,171,91)
```
#48ab63
```
#48ab63 rgb(72,171,99)
```
#48ab6b
```
#48ab6b rgb(72,171,107)
```
#48ab74
```
#48ab74 rgb(72,171,116)
```
#48ab7c
```
#48ab7c rgb(72,171,124)
```

Similar Colors

Text with hexadecimal color #48ab63

This text has a font color of #48ab63.

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

#48ab63 background color

This paragraph has a background color of #48ab63.

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

#48ab63 border color

This element has a border color of #48ab63.

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

CSS codes

.text {color:#48ab63;}

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

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

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

#020503
```
#020503 rgb(2,5,3)
```
#08130b
```
#08130b rgb(8,19,11)
```
#0e2113
```
#0e2113 rgb(14,33,19)
```
#142f1b
```
#142f1b rgb(20,47,27)
```
#1a3d23
```
#1a3d23 rgb(26,61,35)
```
#1f4a2b
```
#1f4a2b rgb(31,74,43)
```
#255833
```
#255833 rgb(37,88,51)
```
#2b663b
```
#2b663b rgb(43,102,59)
```
#317443
```
#317443 rgb(49,116,67)
```
#37824b
```
#37824b rgb(55,130,75)
```
#3c8f53
```
#3c8f53 rgb(60,143,83)
```
#429d5b
```
#429d5b rgb(66,157,91)
```
#48ab63
```
#48ab63 rgb(72,171,99)
```

Shade Color Variation

#51b66c
```
#51b66c rgb(81,182,108)
```
#5fbc78
```
#5fbc78 rgb(95,188,120)
```
#6dc184
```
#6dc184 rgb(109,193,132)
```
#7ac78f
```
#7ac78f rgb(122,199,143)
```
#88cd9b
```
#88cd9b rgb(136,205,155)
```
#96d3a7
```
#96d3a7 rgb(150,211,167)
```
#a4d9b2
```
#a4d9b2 rgb(164,217,178)
```
#b2debe
```
#b2debe rgb(178,222,190)
```
#bfe4c9
```
#bfe4c9 rgb(191,228,201)
```
#cdead5
```
#cdead5 rgb(205,234,213)
```
#dbf0e1
```
#dbf0e1 rgb(219,240,225)
```
#e9f6ec
```
#e9f6ec rgb(233,246,236)
```
#f7fbf8
```
#f7fbf8 rgb(247,251,248)
```

Tint Color Variation

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

#777c78
```
#777c78 rgb(119,124,120)
```
#6d8674
```
#6d8674 rgb(109,134,116)
```
#648f70
```
#648f70 rgb(100,143,112)
```
#5b986b
```
#5b986b rgb(91,152,107)
```
#51a267
```
#51a267 rgb(81,162,103)
```
#48ab63
```
#48ab63 rgb(72,171,99)
```
#3fb45f
```
#3fb45f rgb(63,180,95)
```
#35be5b
```
#35be5b rgb(53,190,91)
```
#2cc756
```
#2cc756 rgb(44,199,86)
```
#23d052
```
#23d052 rgb(35,208,82)
```
#19da4e
```
#19da4e rgb(25,218,78)
```
#10e34a
```
#10e34a rgb(16,227,74)
```
#07ec45
```
#07ec45 rgb(7,236,69)
```

Tone Color Variation

Below, you can see how #48ab63 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
#798d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9d64 Protanopia 1% of men
#b99773 Deuteranopia 1% of men
#68a6b2 Tritanopia 0.001% of the population

Trichromacy

#87a263 Protanomaly 1% of men, 0.01% of women
#909e6d Deuteranomaly 6% of men, 0.4% of women
#5ca895 Tritanomaly 0.01% of the population

#48ab63 hex color

#48ab63 Color Information

#48ab63 Color Conversion

Color Schemes with #48ab63

Alternatives to #48ab63

#48ab63 Preview

Shades and Tints of #48ab63

Tones of #48ab63

Color Blindness Simulator