#54b248 hex color

In a RGB color space, hex #54b248 is composed of 32.9% red, 69.8% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 0% magenta, 59.6% yellow and 30.2% black. It has a hue angle of 113.2 degrees, a saturation of 42.4% and a lightness of 49%. #54b248 color hex could be obtained by blending #a8ff90 with #006500. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 70
- B 28
RGB color chart
- C 53
- M 0
- Y 60
- K 30
CMYK color chart

● #54b248 color description : Dark moderate lime green.

The hexadecimal color #54b248 has RGB values of R:84, G:178, B:72 and CMYK values of C:0.53, M:0, Y:0.6, K:0.3. Its decimal value is 5550664.

Hex triplet	54b248	`#54b248`
RGB Decimal	84, 178, 72	`rgb(84,178,72)`
RGB Percent	32.9, 69.8, 28.2	`rgb(32.9%,69.8%,28.2%)`
CMYK	53, 0, 60, 30
HSL	113.2°, 42.4, 49	`hsl(113.2,42.4%,49%)`
HSV (or HSB)	113.2°, 59.6, 69.8
Web Safe	669933	`#669933`

CIE-LAB	65.115, -48.588, 44.94
XYZ	20.745, 34.192, 11.637
xyY	0.312, 0.514, 34.192
CIE-LCH	65.115, 66.185, 137.234
CIE-LUV	65.115, -43.919, 61.732
Hunter-Lab	58.474, -39.001, 29.132
Binary	01010100, 10110010, 01001000

#54b248
```
#54b248 rgb(84,178,72)
```
#a648b2
```
#a648b2 rgb(166,72,178)
```

Complementary Color

#89b248
```
#89b248 rgb(137,178,72)
```
#54b248
```
#54b248 rgb(84,178,72)
```
#48b271
```
#48b271 rgb(72,178,113)
```

Analogous Color

#b24889
```
#b24889 rgb(178,72,137)
```
#54b248
```
#54b248 rgb(84,178,72)
```
#7148b2
```
#7148b2 rgb(113,72,178)
```

Split Complementary Color

#b24854
```
#b24854 rgb(178,72,84)
```
#54b248
```
#54b248 rgb(84,178,72)
```
#4854b2
```
#4854b2 rgb(72,84,178)
```

Triadic Color

#b2a648
```
#b2a648 rgb(178,166,72)
```
#54b248
```
#54b248 rgb(84,178,72)
```
#4854b2
```
#4854b2 rgb(72,84,178)
```
#a648b2
```
#a648b2 rgb(166,72,178)
```

Tetradic Color

#3a7c32
```
#3a7c32 rgb(58,124,50)
```
#438e39
```
#438e39 rgb(67,142,57)
```
#4ba041
```
#4ba041 rgb(75,160,65)
```
#54b248
```
#54b248 rgb(84,178,72)
```
#63bb58
```
#63bb58 rgb(99,187,88)
```
#74c36a
```
#74c36a rgb(116,195,106)
```
#85ca7c
```
#85ca7c rgb(133,202,124)
```

Monochromatic Color

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

#6fb248
```
#6fb248 rgb(111,178,72)
```
#66b248
```
#66b248 rgb(102,178,72)
```
#5db248
```
#5db248 rgb(93,178,72)
```
#54b248
```
#54b248 rgb(84,178,72)
```
#4bb248
```
#4bb248 rgb(75,178,72)
```
#48b24e
```
#48b24e rgb(72,178,78)
```
#48b257
```
#48b257 rgb(72,178,87)
```

Similar Colors

Text with hexadecimal color #54b248

This text has a font color of #54b248.

<span style="color:#54b248;">Text here</span>

#54b248 background color

This paragraph has a background color of #54b248.

<p style="background-color:#54b248;">Content here</p>

#54b248 border color

This element has a border color of #54b248.

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

CSS codes

.text {color:#54b248;}

.background {background-color:#54b248;}

.border {border:1px solid #54b248;}

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

#050a04
```
#050a04 rgb(5,10,4)
```
#0c180a
```
#0c180a rgb(12,24,10)
```
#122610
```
#122610 rgb(18,38,16)
```
#193415
```
#193415 rgb(25,52,21)
```
#1f421b
```
#1f421b rgb(31,66,27)
```
#265020
```
#265020 rgb(38,80,32)
```
#2c5e26
```
#2c5e26 rgb(44,94,38)
```
#336c2c
```
#336c2c rgb(51,108,44)
```
#3a7a31
```
#3a7a31 rgb(58,122,49)
```
#408837
```
#408837 rgb(64,136,55)
```
#47963d
```
#47963d rgb(71,150,61)
```
#4da442
```
#4da442 rgb(77,164,66)
```
#54b248
```
#54b248 rgb(84,178,72)
```

Shade Color Variation

#5fba54
```
#5fba54 rgb(95,186,84)
```
#6cbf62
```
#6cbf62 rgb(108,191,98)
```
#79c570
```
#79c570 rgb(121,197,112)
```
#86cb7e
```
#86cb7e rgb(134,203,126)
```
#93d08c
```
#93d08c rgb(147,208,140)
```
#a1d69a
```
#a1d69a rgb(161,214,154)
```
#aedca8
```
#aedca8 rgb(174,220,168)
```
#bbe1b6
```
#bbe1b6 rgb(187,225,182)
```
#c8e7c4
```
#c8e7c4 rgb(200,231,196)
```
#d5edd2
```
#d5edd2 rgb(213,237,210)
```
#e2f2e0
```
#e2f2e0 rgb(226,242,224)
```
#eff8ed
```
#eff8ed rgb(239,248,237)
```
#fcfefb
```
#fcfefb rgb(252,254,251)
```

Tint Color Variation

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

#798278
```
#798278 rgb(121,130,120)
```
#728c6e
```
#728c6e rgb(114,140,110)
```
#6a9565
```
#6a9565 rgb(106,149,101)
```
#639f5b
```
#639f5b rgb(99,159,91)
```
#5ba852
```
#5ba852 rgb(91,168,82)
```
#54b248
```
#54b248 rgb(84,178,72)
```
#4dbc3e
```
#4dbc3e rgb(77,188,62)
```
#45c535
```
#45c535 rgb(69,197,53)
```
#3ecf2b
```
#3ecf2b rgb(62,207,43)
```
#36d822
```
#36d822 rgb(54,216,34)
```
#2fe218
```
#2fe218 rgb(47,226,24)
```
#27ec0e
```
#27ec0e rgb(39,236,14)
```
#20f505
```
#20f505 rgb(32,245,5)
```

Tone Color Variation

Below, you can see how #54b248 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

#8a8a8a Achromatopsia 0.005% of the population
#7f927d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a34b Protanopia 1% of men
#c69b5b Deuteranopia 1% of men
#76abb7 Tritanopia 0.001% of the population

Trichromacy

#91a84a Protanomaly 1% of men, 0.01% of women
#9ca354 Deuteranomaly 6% of men, 0.4% of women
#69ad8f Tritanomaly 0.01% of the population

#54b248 hex color

#54b248 Color Information

#54b248 Color Conversion

Color Schemes with #54b248

Alternatives to #54b248

#54b248 Preview

Shades and Tints of #54b248

Tones of #54b248

Color Blindness Simulator