#54bf1f hex color

In a RGB color space, hex #54bf1f is composed of 32.9% red, 74.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 0% magenta, 83.8% yellow and 25.1% black. It has a hue angle of 100.1 degrees, a saturation of 72.1% and a lightness of 43.5%. #54bf1f color hex could be obtained by blending #a8ff3e with #007f00. Closest websafe color is: #66cc33.

♥
- f
- t
- g
- R 33
- G 75
- B 12
RGB color chart
- C 56
- M 0
- Y 84
- K 25
CMYK color chart

● #54bf1f color description : Strong green.

The hexadecimal color #54bf1f has RGB values of R:84, G:191, B:31 and CMYK values of C:0.56, M:0, Y:0.84, K:0.25. Its decimal value is 5553951.

Hex triplet	54bf1f	`#54bf1f`
RGB Decimal	84, 191, 31	`rgb(84,191,31)`
RGB Percent	32.9, 74.9, 12.2	`rgb(32.9%,74.9%,12.2%)`
CMYK	56, 0, 84, 25
HSL	100.1°, 72.1, 43.5	`hsl(100.1,72.1%,43.5%)`
HSV (or HSB)	100.1°, 83.8, 74.9
Web Safe	66cc33	`#66cc33`

CIE-LAB	68.927, -56.61, 63.779
XYZ	22.533, 39.244, 7.684
xyY	0.324, 0.565, 39.244
CIE-LCH	68.927, 85.279, 131.592
CIE-LUV	68.927, -49.935, 79.337
Hunter-Lab	62.645, -45.422, 36.579
Binary	01010100, 10111111, 00011111

#54bf1f
```
#54bf1f rgb(84,191,31)
```
#8a1fbf
```
#8a1fbf rgb(138,31,191)
```

Complementary Color

#a4bf1f
```
#a4bf1f rgb(164,191,31)
```
#54bf1f
```
#54bf1f rgb(84,191,31)
```
#1fbf3a
```
#1fbf3a rgb(31,191,58)
```

Analogous Color

#bf1fa4
```
#bf1fa4 rgb(191,31,164)
```
#54bf1f
```
#54bf1f rgb(84,191,31)
```
#3a1fbf
```
#3a1fbf rgb(58,31,191)
```

Split Complementary Color

#bf1f54
```
#bf1f54 rgb(191,31,84)
```
#54bf1f
```
#54bf1f rgb(84,191,31)
```
#1f54bf
```
#1f54bf rgb(31,84,191)
```

Triadic Color

#bf8a1f
```
#bf8a1f rgb(191,138,31)
```
#54bf1f
```
#54bf1f rgb(84,191,31)
```
#1f54bf
```
#1f54bf rgb(31,84,191)
```
#8a1fbf
```
#8a1fbf rgb(138,31,191)
```

Tetradic Color

#377d14
```
#377d14 rgb(55,125,20)
```
#419318
```
#419318 rgb(65,147,24)
```
#4aa91b
```
#4aa91b rgb(74,169,27)
```
#54bf1f
```
#54bf1f rgb(84,191,31)
```
#5ed523
```
#5ed523 rgb(94,213,35)
```
#6cde33
```
#6cde33 rgb(108,222,51)
```
#7ce149
```
#7ce149 rgb(124,225,73)
```

Monochromatic Color

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

#7cbf1f
```
#7cbf1f rgb(124,191,31)
```
#6fbf1f
```
#6fbf1f rgb(111,191,31)
```
#61bf1f
```
#61bf1f rgb(97,191,31)
```
#54bf1f
```
#54bf1f rgb(84,191,31)
```
#47bf1f
```
#47bf1f rgb(71,191,31)
```
#39bf1f
```
#39bf1f rgb(57,191,31)
```
#2cbf1f
```
#2cbf1f rgb(44,191,31)
```

Similar Colors

Text with hexadecimal color #54bf1f

This text has a font color of #54bf1f.

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

#54bf1f background color

This paragraph has a background color of #54bf1f.

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

#54bf1f border color

This element has a border color of #54bf1f.

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

CSS codes

.text {color:#54bf1f;}

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

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

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

#020501
```
#020501 rgb(2,5,1)
```
#0a1604
```
#0a1604 rgb(10,22,4)
```
#112706
```
#112706 rgb(17,39,6)
```
#193809
```
#193809 rgb(25,56,9)
```
#20490c
```
#20490c rgb(32,73,12)
```
#275a0f
```
#275a0f rgb(39,90,15)
```
#2f6b11
```
#2f6b11 rgb(47,107,17)
```
#367b14
```
#367b14 rgb(54,123,20)
```
#3e8c17
```
#3e8c17 rgb(62,140,23)
```
#459d1a
```
#459d1a rgb(69,157,26)
```
#4dae1c
```
#4dae1c rgb(77,174,28)
```
#54bf1f
```
#54bf1f rgb(84,191,31)
```
#5bd022
```
#5bd022 rgb(91,208,34)
```

Shade Color Variation

#64dc29
```
#64dc29 rgb(100,220,41)
```
#71df3a
```
#71df3a rgb(113,223,58)
```
#7de24b
```
#7de24b rgb(125,226,75)
```
#89e45c
```
#89e45c rgb(137,228,92)
```
#95e76c
```
#95e76c rgb(149,231,108)
```
#a1ea7d
```
#a1ea7d rgb(161,234,125)
```
#aeed8e
```
#aeed8e rgb(174,237,142)
```
#baef9f
```
#baef9f rgb(186,239,159)
```
#c6f2b0
```
#c6f2b0 rgb(198,242,176)
```
#d2f5c1
```
#d2f5c1 rgb(210,245,193)
```
#def8d2
```
#def8d2 rgb(222,248,210)
```
#eafae3
```
#eafae3 rgb(234,250,227)
```
#f7fdf3
```
#f7fdf3 rgb(247,253,243)
```

Tint Color Variation

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

#6e726c
```
#6e726c rgb(110,114,108)
```
#6b7b63
```
#6b7b63 rgb(107,123,99)
```
#68835b
```
#68835b rgb(104,131,91)
```
#658c52
```
#658c52 rgb(101,140,82)
```
#62944a
```
#62944a rgb(98,148,74)
```
#609d41
```
#609d41 rgb(96,157,65)
```
#5da539
```
#5da539 rgb(93,165,57)
```
#5aae30
```
#5aae30 rgb(90,174,48)
```
#57b628
```
#57b628 rgb(87,182,40)
```
#54bf1f
```
#54bf1f rgb(84,191,31)
```
#51c816
```
#51c816 rgb(81,200,22)
```
#4ed00e
```
#4ed00e rgb(78,208,14)
```
#4bd905
```
#4bd905 rgb(75,217,5)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#829777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad24 Protanopia 1% of men
#d6a43d Deuteranopia 1% of men
#7cb5c2 Tritanopia 0.001% of the population

Trichromacy

#99b322 Protanomaly 1% of men, 0.01% of women
#a6ae32 Deuteranomaly 6% of men, 0.4% of women
#6db987 Tritanomaly 0.01% of the population

#54bf1f hex color

#54bf1f Color Information

#54bf1f Color Conversion

Color Schemes with #54bf1f

Alternatives to #54bf1f

#54bf1f Preview

Shades and Tints of #54bf1f

Tones of #54bf1f

Color Blindness Simulator