colorhexa.com

#54f5a0 hex color

In a RGB color space, hex #54f5a0 is composed of 32.9% red, 96.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 0% magenta, 34.7% yellow and 3.9% black. It has a hue angle of 148.3 degrees, a saturation of 89% and a lightness of 64.5%. #54f5a0 color hex could be obtained by blending #a8ffff with #00eb41. Closest websafe color is: #66ff99.

- R 33
- G 96
- B 63
RGB color chart
- C 66
- M 0
- Y 35
- K 4
CMYK color chart

● #54f5a0 color description : Soft cyan - lime green.

The hexadecimal color #54f5a0 has RGB values of R:84, G:245, B:160 and CMYK values of C:0.66, M:0, Y:0.35, K:0.04. Its decimal value is 5567904.

Hex triplet	54f5a0	`#54f5a0`
RGB Decimal	84, 245, 160	`rgb(84,245,160)`
RGB Percent	32.9, 96.1, 62.7	`rgb(32.9%,96.1%,62.7%)`
CMYK	66, 0, 35, 4
HSL	148.3°, 89, 64.5	`hsl(148.3,89%,64.5%)`
HSV (or HSB)	148.3°, 65.7, 96.1
Web Safe	66ff99	`#66ff99`

CIE-LAB	86.861, -60.573, 28.963
XYZ	42.651, 69.724, 44.466
xyY	0.272, 0.445, 69.724
CIE-LCH	86.861, 67.141, 154.445
CIE-LUV	86.861, -65.741, 51.059
Hunter-Lab	83.501, -54.952, 26.877
Binary	01010100, 11110101, 10100000

#54f5a0
```
#54f5a0 rgb(84,245,160)
```
#f554a9
```
#f554a9 rgb(245,84,169)
```

Complementary Color

#59f554
```
#59f554 rgb(89,245,84)
```
#54f5a0
```
#54f5a0 rgb(84,245,160)
```
#54f5f1
```
#54f5f1 rgb(84,245,241)
```

Analogous Color

#f55459
```
#f55459 rgb(245,84,89)
```
#54f5a0
```
#54f5a0 rgb(84,245,160)
```
#f154f5
```
#f154f5 rgb(241,84,245)
```

Split Complementary Color

#f5a054
```
#f5a054 rgb(245,160,84)
```
#54f5a0
```
#54f5a0 rgb(84,245,160)
```
#a054f5
```
#a054f5 rgb(160,84,245)
```

Triadic Color

#a9f554
```
#a9f554 rgb(169,245,84)
```
#54f5a0
```
#54f5a0 rgb(84,245,160)
```
#a054f5
```
#a054f5 rgb(160,84,245)
```
#f554a9
```
#f554a9 rgb(245,84,169)
```

Tetradic Color

#0eef78
```
#0eef78 rgb(14,239,120)
```
#24f285
```
#24f285 rgb(36,242,133)
```
#3cf493
```
#3cf493 rgb(60,244,147)
```
#54f5a0
```
#54f5a0 rgb(84,245,160)
```
#6cf6ad
```
#6cf6ad rgb(108,246,173)
```
#84f8bb
```
#84f8bb rgb(132,248,187)
```
#9cf9c8
```
#9cf9c8 rgb(156,249,200)
```

Monochromatic Color

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

#54f578
```
#54f578 rgb(84,245,120)
```
#54f585
```
#54f585 rgb(84,245,133)
```
#54f593
```
#54f593 rgb(84,245,147)
```
#54f5a0
```
#54f5a0 rgb(84,245,160)
```
#54f5ad
```
#54f5ad rgb(84,245,173)
```
#54f5bb
```
#54f5bb rgb(84,245,187)
```
#54f5c8
```
#54f5c8 rgb(84,245,200)
```

Similar Colors

Text with hexadecimal color #54f5a0

This text has a font color of #54f5a0.

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

#54f5a0 background color

This paragraph has a background color of #54f5a0.

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

#54f5a0 border color

This element has a border color of #54f5a0.

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

CSS codes

.text {color:#54f5a0;}

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

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

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, #010e07 is the darkest color, while #fbfffd is the lightest one.

#010e07
```
#010e07 rgb(1,14,7)
```
#022111
```
#022111 rgb(2,33,17)
```
#03331a
```
#03331a rgb(3,51,26)
```
#044623
```
#044623 rgb(4,70,35)
```
#05582c
```
#05582c rgb(5,88,44)
```
#066b36
```
#066b36 rgb(6,107,54)
```
#077e3f
```
#077e3f rgb(7,126,63)
```
#089048
```
#089048 rgb(8,144,72)
```
#0aa352
```
#0aa352 rgb(10,163,82)
```
#0bb55b
```
#0bb55b rgb(11,181,91)
```
#0cc864
```
#0cc864 rgb(12,200,100)
```
#0dda6e
```
#0dda6e rgb(13,218,110)
```
#0eed77
```
#0eed77 rgb(14,237,119)
```

Shade Color Variation

#1cf281
```
#1cf281 rgb(28,242,129)
```
#2ff38b
```
#2ff38b rgb(47,243,139)
```
#41f496
```
#41f496 rgb(65,244,150)
```
#54f5a0
```
#54f5a0 rgb(84,245,160)
```
#67f6aa
```
#67f6aa rgb(103,246,170)
```
#79f7b5
```
#79f7b5 rgb(121,247,181)
```
#8cf8bf
```
#8cf8bf rgb(140,248,191)
```
#9ef9c9
```
#9ef9c9 rgb(158,249,201)
```
#b1fad3
```
#b1fad3 rgb(177,250,211)
```
#c3fcde
```
#c3fcde rgb(195,252,222)
```
#d6fde8
```
#d6fde8 rgb(214,253,232)
```
#e8fef2
```
#e8fef2 rgb(232,254,242)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

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

#a1a8a4
```
#a1a8a4 rgb(161,168,164)
```
#9aafa4
```
#9aafa4 rgb(154,175,164)
```
#93b6a4
```
#93b6a4 rgb(147,182,164)
```
#8cbda3
```
#8cbda3 rgb(140,189,163)
```
#85c4a3
```
#85c4a3 rgb(133,196,163)
```
#7ecba2
```
#7ecba2 rgb(126,203,162)
```
#77d2a2
```
#77d2a2 rgb(119,210,162)
```
#70d9a2
```
#70d9a2 rgb(112,217,162)
```
#69e0a1
```
#69e0a1 rgb(105,224,161)
```
#62e7a1
```
#62e7a1 rgb(98,231,161)
```
#5beea0
```
#5beea0 rgb(91,238,160)
```
#54f5a0
```
#54f5a0 rgb(84,245,160)
```
#4dfca0
```
#4dfca0 rgb(77,252,160)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a6c7b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecdb9a Protanopia 1% of men
#fed3b0 Deuteranopia 1% of men
#81eafb Tritanopia 0.001% of the population

Trichromacy

#b5e49c Protanomaly 1% of men, 0.01% of women
#c0dfaa Deuteranomaly 6% of men, 0.4% of women
#71eeda Tritanomaly 0.01% of the population