#54f226 hex color

In a RGB color space, hex #54f226 is composed of 32.9% red, 94.9% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 0% magenta, 84.3% yellow and 5.1% black. It has a hue angle of 106.5 degrees, a saturation of 88.7% and a lightness of 54.9%. #54f226 color hex could be obtained by blending #a8ff4c with #00e500. Closest websafe color is: #66ff33.

♥
- f
- t
- g
- R 33
- G 95
- B 15
RGB color chart
- C 65
- M 0
- Y 84
- K 5
CMYK color chart

● #54f226 color description : Bright lime green.

The hexadecimal color #54f226 has RGB values of R:84, G:242, B:38 and CMYK values of C:0.65, M:0, Y:0.84, K:0.05. Its decimal value is 5567014.

Hex triplet	54f226	`#54f226`
RGB Decimal	84, 242, 38	`rgb(84,242,38)`
RGB Percent	32.9, 94.9, 14.9	`rgb(32.9%,94.9%,14.9%)`
CMYK	65, 0, 84, 5
HSL	106.5°, 88.7, 54.9	`hsl(106.5,88.7%,54.9%)`
HSV (or HSB)	106.5°, 84.3, 94.9
Web Safe	66ff33	`#66ff33`

CIE-LAB	84.754, -73.339, 76.26
XYZ	35.756, 65.526, 12.597
xyY	0.314, 0.575, 65.526
CIE-LCH	84.754, 105.802, 133.881
CIE-LUV	84.754, -68.812, 99.044
Hunter-Lab	80.948, -62.812, 47.437
Binary	01010100, 11110010, 00100110

#54f226
```
#54f226 rgb(84,242,38)
```
#c426f2
```
#c426f2 rgb(196,38,242)
```

Complementary Color

#baf226
```
#baf226 rgb(186,242,38)
```
#54f226
```
#54f226 rgb(84,242,38)
```
#26f25e
```
#26f25e rgb(38,242,94)
```

Analogous Color

#f226ba
```
#f226ba rgb(242,38,186)
```
#54f226
```
#54f226 rgb(84,242,38)
```
#5e26f2
```
#5e26f2 rgb(94,38,242)
```

Split Complementary Color

#f22654
```
#f22654 rgb(242,38,84)
```
#54f226
```
#54f226 rgb(84,242,38)
```
#2654f2
```
#2654f2 rgb(38,84,242)
```

Triadic Color

#f2c426
```
#f2c426 rgb(242,196,38)
```
#54f226
```
#54f226 rgb(84,242,38)
```
#2654f2
```
#2654f2 rgb(38,84,242)
```
#c426f2
```
#c426f2 rgb(196,38,242)
```

Tetradic Color

#34c00c
```
#34c00c rgb(52,192,12)
```
#3bd80d
```
#3bd80d rgb(59,216,13)
```
#41f00e
```
#41f00e rgb(65,240,14)
```
#54f226
```
#54f226 rgb(84,242,38)
```
#67f33e
```
#67f33e rgb(103,243,62)
```
#7af556
```
#7af556 rgb(122,245,86)
```
#8df66e
```
#8df66e rgb(141,246,110)
```

Monochromatic Color

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

#87f226
```
#87f226 rgb(135,242,38)
```
#76f226
```
#76f226 rgb(118,242,38)
```
#65f226
```
#65f226 rgb(101,242,38)
```
#54f226
```
#54f226 rgb(84,242,38)
```
#43f226
```
#43f226 rgb(67,242,38)
```
#32f226
```
#32f226 rgb(50,242,38)
```
#26f22b
```
#26f22b rgb(38,242,43)
```

Similar Colors

Text with hexadecimal color #54f226

This text has a font color of #54f226.

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

#54f226 background color

This paragraph has a background color of #54f226.

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

#54f226 border color

This element has a border color of #54f226.

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

CSS codes

.text {color:#54f226;}

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

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

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

#010500
```
#010500 rgb(1,5,0)
```
#061801
```
#061801 rgb(6,24,1)
```
#0b2a03
```
#0b2a03 rgb(11,42,3)
```
#103d04
```
#103d04 rgb(16,61,4)
```
#164f05
```
#164f05 rgb(22,79,5)
```
#1b6206
```
#1b6206 rgb(27,98,6)
```
#207407
```
#207407 rgb(32,116,7)
```
#258708
```
#258708 rgb(37,135,8)
```
#2a9909
```
#2a9909 rgb(42,153,9)
```
#2fac0a
```
#2fac0a rgb(47,172,10)
```
#34be0b
```
#34be0b rgb(52,190,11)
```
#39d10d
```
#39d10d rgb(57,209,13)
```
#3ee30e
```
#3ee30e rgb(62,227,14)
```

Shade Color Variation

#45f113
```
#45f113 rgb(69,241,19)
```
#54f226
```
#54f226 rgb(84,242,38)
```
#63f339
```
#63f339 rgb(99,243,57)
```
#71f44b
```
#71f44b rgb(113,244,75)
```
#80f55e
```
#80f55e rgb(128,245,94)
```
#8ef670
```
#8ef670 rgb(142,246,112)
```
#9df883
```
#9df883 rgb(157,248,131)
```
#acf995
```
#acf995 rgb(172,249,149)
```
#bafaa8
```
#bafaa8 rgb(186,250,168)
```
#c9fbba
```
#c9fbba rgb(201,251,186)
```
#d7fccd
```
#d7fccd rgb(215,252,205)
```
#e6fddf
```
#e6fddf rgb(230,253,223)
```
#f4fef2
```
#f4fef2 rgb(244,254,242)
```

Tint Color Variation

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

#899187
```
#899187 rgb(137,145,135)
```
#859a7e
```
#859a7e rgb(133,154,126)
```
#80a276
```
#80a276 rgb(128,162,118)
```
#7bab6d
```
#7bab6d rgb(123,171,109)
```
#76b464
```
#76b464 rgb(118,180,100)
```
#71bd5b
```
#71bd5b rgb(113,189,91)
```
#6cc652
```
#6cc652 rgb(108,198,82)
```
#67cf49
```
#67cf49 rgb(103,207,73)
```
#63d741
```
#63d741 rgb(99,215,65)
```
#5ee038
```
#5ee038 rgb(94,224,56)
```
#59e92f
```
#59e92f rgb(89,233,47)
```
#54f226
```
#54f226 rgb(84,242,38)
```
#4ffb1d
```
#4ffb1d rgb(79,251,29)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#9aba91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd629 Protanopia 1% of men
#ffce7e Deuteranopia 1% of men
#8de2f3 Tritanopia 0.001% of the population

Trichromacy

#b7e027 Protanomaly 1% of men, 0.01% of women
#c0db5e Deuteranomaly 6% of men, 0.4% of women
#78e8a8 Tritanomaly 0.01% of the population

#54f226 hex color

#54f226 Color Information

#54f226 Color Conversion

Color Schemes with #54f226

Alternatives to #54f226

#54f226 Preview

Shades and Tints of #54f226

Tones of #54f226

Color Blindness Simulator