#54f225 hex color

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

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

● #54f225 color description : Bright lime green.

The hexadecimal color #54f225 has RGB values of R:84, G:242, B:37 and CMYK values of C:0.65, M:0, Y:0.85, K:0.05. Its decimal value is 5567013.

Hex triplet	54f225	`#54f225`
RGB Decimal	84, 242, 37	`rgb(84,242,37)`
RGB Percent	32.9, 94.9, 14.5	`rgb(32.9%,94.9%,14.5%)`
CMYK	65, 0, 85, 5
HSL	106.2°, 88.7, 54.7	`hsl(106.2,88.7%,54.7%)`
HSV (or HSB)	106.2°, 84.7, 94.9
Web Safe	66ff33	`#66ff33`

CIE-LAB	84.751, -73.378, 76.471
XYZ	35.74, 65.519, 12.513
xyY	0.314, 0.576, 65.519
CIE-LCH	84.751, 105.982, 133.818
CIE-LUV	84.751, -68.825, 99.191
Hunter-Lab	80.944, -62.836, 47.495
Binary	01010100, 11110010, 00100101

#54f225
```
#54f225 rgb(84,242,37)
```
#c325f2
```
#c325f2 rgb(195,37,242)
```

Complementary Color

#bbf225
```
#bbf225 rgb(187,242,37)
```
#54f225
```
#54f225 rgb(84,242,37)
```
#25f25d
```
#25f25d rgb(37,242,93)
```

Analogous Color

#f225bb
```
#f225bb rgb(242,37,187)
```
#54f225
```
#54f225 rgb(84,242,37)
```
#5c25f2
```
#5c25f2 rgb(92,37,242)
```

Split Complementary Color

#f22554
```
#f22554 rgb(242,37,84)
```
#54f225
```
#54f225 rgb(84,242,37)
```
#2554f2
```
#2554f2 rgb(37,84,242)
```

Triadic Color

#f2c325
```
#f2c325 rgb(242,195,37)
```
#54f225
```
#54f225 rgb(84,242,37)
```
#2554f2
```
#2554f2 rgb(37,84,242)
```
#c325f2
```
#c325f2 rgb(195,37,242)
```

Tetradic Color

#35bf0b
```
#35bf0b rgb(53,191,11)
```
#3bd70d
```
#3bd70d rgb(59,215,13)
```
#42ef0e
```
#42ef0e rgb(66,239,14)
```
#54f225
```
#54f225 rgb(84,242,37)
```
#67f33d
```
#67f33d rgb(103,243,61)
```
#7af555
```
#7af555 rgb(122,245,85)
```
#8df66d
```
#8df66d rgb(141,246,109)
```

Monochromatic Color

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

#87f225
```
#87f225 rgb(135,242,37)
```
#76f225
```
#76f225 rgb(118,242,37)
```
#65f225
```
#65f225 rgb(101,242,37)
```
#54f225
```
#54f225 rgb(84,242,37)
```
#43f225
```
#43f225 rgb(67,242,37)
```
#32f225
```
#32f225 rgb(50,242,37)
```
#25f229
```
#25f229 rgb(37,242,41)
```

Similar Colors

Text with hexadecimal color #54f225

This text has a font color of #54f225.

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

#54f225 background color

This paragraph has a background color of #54f225.

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

#54f225 border color

This element has a border color of #54f225.

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

CSS codes

.text {color:#54f225;}

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

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

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

#010400
```
#010400 rgb(1,4,0)
```
#061701
```
#061701 rgb(6,23,1)
```
#0b2902
```
#0b2902 rgb(11,41,2)
```
#103c04
```
#103c04 rgb(16,60,4)
```
#164e05
```
#164e05 rgb(22,78,5)
```
#1b6106
```
#1b6106 rgb(27,97,6)
```
#207307
```
#207307 rgb(32,115,7)
```
#258608
```
#258608 rgb(37,134,8)
```
#2a9809
```
#2a9809 rgb(42,152,9)
```
#2fab0a
```
#2fab0a rgb(47,171,10)
```
#34bd0b
```
#34bd0b rgb(52,189,11)
```
#39d00c
```
#39d00c rgb(57,208,12)
```
#3ee20d
```
#3ee20d rgb(62,226,13)
```

Shade Color Variation

#45f112
```
#45f112 rgb(69,241,18)
```
#54f225
```
#54f225 rgb(84,242,37)
```
#63f338
```
#63f338 rgb(99,243,56)
```
#71f44a
```
#71f44a rgb(113,244,74)
```
#80f55d
```
#80f55d rgb(128,245,93)
```
#8ef66f
```
#8ef66f rgb(142,246,111)
```
#9df882
```
#9df882 rgb(157,248,130)
```
#abf994
```
#abf994 rgb(171,249,148)
```
#bafaa7
```
#bafaa7 rgb(186,250,167)
```
#c8fbb9
```
#c8fbb9 rgb(200,251,185)
```
#d7fccc
```
#d7fccc rgb(215,252,204)
```
#e5fdde
```
#e5fdde rgb(229,253,222)
```
#f4fef1
```
#f4fef1 rgb(244,254,241)
```

Tint Color Variation

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

#899087
```
#899087 rgb(137,144,135)
```
#84997e
```
#84997e rgb(132,153,126)
```
#7fa275
```
#7fa275 rgb(127,162,117)
```
#7aab6c
```
#7aab6c rgb(122,171,108)
```
#76b463
```
#76b463 rgb(118,180,99)
```
#71bd5a
```
#71bd5a rgb(113,189,90)
```
#6cc651
```
#6cc651 rgb(108,198,81)
```
#67ce49
```
#67ce49 rgb(103,206,73)
```
#62d740
```
#62d740 rgb(98,215,64)
```
#5ee037
```
#5ee037 rgb(94,224,55)
```
#59e92e
```
#59e92e rgb(89,233,46)
```
#54f225
```
#54f225 rgb(84,242,37)
```
#4ffb1c
```
#4ffb1c rgb(79,251,28)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9ab990 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#54f225 hex color

#54f225 Color Information

#54f225 Color Conversion

Color Schemes with #54f225

Alternatives to #54f225

#54f225 Preview

Shades and Tints of #54f225

Tones of #54f225

Color Blindness Simulator