colorhexa.com

#6af554 hex color

In a RGB color space, hex #6af554 is composed of 41.6% red, 96.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 0% magenta, 65.7% yellow and 3.9% black. It has a hue angle of 111.8 degrees, a saturation of 89% and a lightness of 64.5%. #6af554 color hex could be obtained by blending #d4ffa8 with #00eb00. Closest websafe color is: #66ff66.

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

● #6af554 color description : Soft lime green.

The hexadecimal color #6af554 has RGB values of R:106, G:245, B:84 and CMYK values of C:0.57, M:0, Y:0.66, K:0.04. Its decimal value is 7009620.

Hex triplet	6af554	`#6af554`
RGB Decimal	106, 245, 84	`rgb(106,245,84)`
RGB Percent	41.6, 96.1, 32.9	`rgb(41.6%,96.1%,32.9%)`
CMYK	57, 0, 66, 4
HSL	111.8°, 89, 64.5	`hsl(111.8,89%,64.5%)`
HSV (or HSB)	111.8°, 65.7, 96.1
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.507, -66.539, 63.832
XYZ	40.195, 69.006, 19.588
xyY	0.312, 0.536, 69.006
CIE-LCH	86.507, 92.206, 136.19
CIE-LUV	86.507, -63.051, 89.187
Hunter-Lab	83.07, -59.002, 44.168
Binary	01101010, 11110101, 01010100

#6af554
```
#6af554 rgb(106,245,84)
```
#df54f5
```
#df54f5 rgb(223,84,245)
```

Complementary Color

#bbf554
```
#bbf554 rgb(187,245,84)
```
#6af554
```
#6af554 rgb(106,245,84)
```
#54f58f
```
#54f58f rgb(84,245,143)
```

Analogous Color

#f554bb
```
#f554bb rgb(245,84,187)
```
#6af554
```
#6af554 rgb(106,245,84)
```
#8f54f5
```
#8f54f5 rgb(143,84,245)
```

Split Complementary Color

#f5546a
```
#f5546a rgb(245,84,106)
```
#6af554
```
#6af554 rgb(106,245,84)
```
#546af5
```
#546af5 rgb(84,106,245)
```

Triadic Color

#f5df54
```
#f5df54 rgb(245,223,84)
```
#6af554
```
#6af554 rgb(106,245,84)
```
#546af5
```
#546af5 rgb(84,106,245)
```
#df54f5
```
#df54f5 rgb(223,84,245)
```

Tetradic Color

#2def0e
```
#2def0e rgb(45,239,14)
```
#40f224
```
#40f224 rgb(64,242,36)
```
#55f43c
```
#55f43c rgb(85,244,60)
```
#6af554
```
#6af554 rgb(106,245,84)
```
#7ff66c
```
#7ff66c rgb(127,246,108)
```
#94f884
```
#94f884 rgb(148,248,132)
```
#a9f99c
```
#a9f99c rgb(169,249,156)
```

Monochromatic Color

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

#92f554
```
#92f554 rgb(146,245,84)
```
#85f554
```
#85f554 rgb(133,245,84)
```
#77f554
```
#77f554 rgb(119,245,84)
```
#6af554
```
#6af554 rgb(106,245,84)
```
#5df554
```
#5df554 rgb(93,245,84)
```
#54f559
```
#54f559 rgb(84,245,89)
```
#54f566
```
#54f566 rgb(84,245,102)
```

Similar Colors

Text with hexadecimal color #6af554

This text has a font color of #6af554.

<span style="color:#6af554;">Text here</span>

#6af554 background color

This paragraph has a background color of #6af554.

<p style="background-color:#6af554;">Content here</p>

#6af554 border color

This element has a border color of #6af554.

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

CSS codes

.text {color:#6af554;}

.background {background-color:#6af554;}

.border {border:1px solid #6af554;}

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, #030e01 is the darkest color, while #fbfffb is the lightest one.

#030e01
```
#030e01 rgb(3,14,1)
```
#062102
```
#062102 rgb(6,33,2)
```
#0a3303
```
#0a3303 rgb(10,51,3)
```
#0d4604
```
#0d4604 rgb(13,70,4)
```
#115805
```
#115805 rgb(17,88,5)
```
#146b06
```
#146b06 rgb(20,107,6)
```
#177e07
```
#177e07 rgb(23,126,7)
```
#1b9008
```
#1b9008 rgb(27,144,8)
```
#1ea30a
```
#1ea30a rgb(30,163,10)
```
#22b50b
```
#22b50b rgb(34,181,11)
```
#25c80c
```
#25c80c rgb(37,200,12)
```
#29da0d
```
#29da0d rgb(41,218,13)
```
#2ced0e
```
#2ced0e rgb(44,237,14)
```

Shade Color Variation

#3af21c
```
#3af21c rgb(58,242,28)
```
#4af32f
```
#4af32f rgb(74,243,47)
```
#5af441
```
#5af441 rgb(90,244,65)
```
#6af554
```
#6af554 rgb(106,245,84)
```
#7af667
```
#7af667 rgb(122,246,103)
```
#8af779
```
#8af779 rgb(138,247,121)
```
#9af88c
```
#9af88c rgb(154,248,140)
```
#abf99e
```
#abf99e rgb(171,249,158)
```
#bbfab1
```
#bbfab1 rgb(187,250,177)
```
#cbfcc3
```
#cbfcc3 rgb(203,252,195)
```
#dbfdd6
```
#dbfdd6 rgb(219,253,214)
```
#ebfee8
```
#ebfee8 rgb(235,254,232)
```
#fbfffb
```
#fbfffb rgb(251,255,251)
```

Tint Color Variation

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

#a2a8a1
```
#a2a8a1 rgb(162,168,161)
```
#9daf9a
```
#9daf9a rgb(157,175,154)
```
#98b693
```
#98b693 rgb(152,182,147)
```
#92bd8c
```
#92bd8c rgb(146,189,140)
```
#8dc485
```
#8dc485 rgb(141,196,133)
```
#88cb7e
```
#88cb7e rgb(136,203,126)
```
#83d277
```
#83d277 rgb(131,210,119)
```
#7ed970
```
#7ed970 rgb(126,217,112)
```
#79e069
```
#79e069 rgb(121,224,105)
```
#74e762
```
#74e762 rgb(116,231,98)
```
#6fee5b
```
#6fee5b rgb(111,238,91)
```
#6af554
```
#6af554 rgb(106,245,84)
```
#65fc4d
```
#65fc4d rgb(101,252,77)
```

Tone Color Variation

Below, you can see how #6af554 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

#b9b9b9 Achromatopsia 0.005% of the population
#a9c5a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3da55 Protanopia 1% of men
#ffd397 Deuteranopia 1% of men
#98e6f7 Tritanopia 0.001% of the population

Trichromacy

#c1e454 Protanomaly 1% of men, 0.01% of women
#c8df7e Deuteranomaly 6% of men, 0.4% of women
#87ebbb Tritanomaly 0.01% of the population