#55f685 hex color

In a RGB color space, hex #55f685 is composed of 33.3% red, 96.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 0% magenta, 45.9% yellow and 3.5% black. It has a hue angle of 137.9 degrees, a saturation of 89.9% and a lightness of 64.9%. #55f685 color hex could be obtained by blending #aaffff with #00ed0b. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 33
- G 96
- B 52
RGB color chart
- C 65
- M 0
- Y 46
- K 4
CMYK color chart

● #55f685 color description : Soft cyan - lime green.

The hexadecimal color #55f685 has RGB values of R:85, G:246, B:133 and CMYK values of C:0.65, M:0, Y:0.46, K:0.04. Its decimal value is 5633669.

Hex triplet	55f685	`#55f685`
RGB Decimal	85, 246, 133	`rgb(85,246,133)`
RGB Percent	33.3, 96.5, 52.2	`rgb(33.3%,96.5%,52.2%)`
CMYK	65, 0, 46, 4
HSL	137.9°, 89.9, 64.9	`hsl(137.9,89.9%,64.9%)`
HSV (or HSB)	137.9°, 65.4, 96.5
Web Safe	66ff99	`#66ff99`

CIE-LAB	86.767, -65.376, 42.23
XYZ	40.933, 69.533, 33.453
xyY	0.284, 0.483, 69.533
CIE-LCH	86.767, 77.829, 147.139
CIE-LUV	86.767, -67.21, 67.769
Hunter-Lab	83.386, -58.303, 34.584
Binary	01010101, 11110110, 10000101

#55f685
```
#55f685 rgb(85,246,133)
```
#f655c6
```
#f655c6 rgb(246,85,198)
```

Complementary Color

#76f655
```
#76f655 rgb(118,246,85)
```
#55f685
```
#55f685 rgb(85,246,133)
```
#55f6d6
```
#55f6d6 rgb(85,246,214)
```

Analogous Color

#f65576
```
#f65576 rgb(246,85,118)
```
#55f685
```
#55f685 rgb(85,246,133)
```
#d655f6
```
#d655f6 rgb(214,85,246)
```

Split Complementary Color

#f68555
```
#f68555 rgb(246,133,85)
```
#55f685
```
#55f685 rgb(85,246,133)
```
#8555f6
```
#8555f6 rgb(133,85,246)
```

Triadic Color

#c6f655
```
#c6f655 rgb(198,246,85)
```
#55f685
```
#55f685 rgb(85,246,133)
```
#8555f6
```
#8555f6 rgb(133,85,246)
```
#f655c6
```
#f655c6 rgb(246,85,198)
```

Tetradic Color

#0df251
```
#0df251 rgb(13,242,81)
```
#25f362
```
#25f362 rgb(37,243,98)
```
#3df574
```
#3df574 rgb(61,245,116)
```
#55f685
```
#55f685 rgb(85,246,133)
```
#6df796
```
#6df796 rgb(109,247,150)
```
#85f9a8
```
#85f9a8 rgb(133,249,168)
```
#9efab9
```
#9efab9 rgb(158,250,185)
```

Monochromatic Color

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

#55f65d
```
#55f65d rgb(85,246,93)
```
#55f66a
```
#55f66a rgb(85,246,106)
```
#55f678
```
#55f678 rgb(85,246,120)
```
#55f685
```
#55f685 rgb(85,246,133)
```
#55f692
```
#55f692 rgb(85,246,146)
```
#55f6a0
```
#55f6a0 rgb(85,246,160)
```
#55f6ad
```
#55f6ad rgb(85,246,173)
```

Similar Colors

Text with hexadecimal color #55f685

This text has a font color of #55f685.

<span style="color:#55f685;">Text here</span>

#55f685 background color

This paragraph has a background color of #55f685.

<p style="background-color:#55f685;">Content here</p>

#55f685 border color

This element has a border color of #55f685.

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

CSS codes

.text {color:#55f685;}

.background {background-color:#55f685;}

.border {border:1px solid #55f685;}

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

#011005
```
#011005 rgb(1,16,5)
```
#02230c
```
#02230c rgb(2,35,12)
```
#033612
```
#033612 rgb(3,54,18)
```
#044818
```
#044818 rgb(4,72,24)
```
#055b1e
```
#055b1e rgb(5,91,30)
```
#066d25
```
#066d25 rgb(6,109,37)
```
#07802b
```
#07802b rgb(7,128,43)
```
#089331
```
#089331 rgb(8,147,49)
```
#09a537
```
#09a537 rgb(9,165,55)
```
#0ab83e
```
#0ab83e rgb(10,184,62)
```
#0bcb44
```
#0bcb44 rgb(11,203,68)
```
#0cdd4a
```
#0cdd4a rgb(12,221,74)
```
#0df050
```
#0df050 rgb(13,240,80)
```

Shade Color Variation

#1df35d
```
#1df35d rgb(29,243,93)
```
#30f46a
```
#30f46a rgb(48,244,106)
```
#42f578
```
#42f578 rgb(66,245,120)
```
#55f685
```
#55f685 rgb(85,246,133)
```
#68f792
```
#68f792 rgb(104,247,146)
```
#7af8a0
```
#7af8a0 rgb(122,248,160)
```
#8df9ad
```
#8df9ad rgb(141,249,173)
```
#a0faba
```
#a0faba rgb(160,250,186)
```
#b2fbc8
```
#b2fbc8 rgb(178,251,200)
```
#c5fcd5
```
#c5fcd5 rgb(197,252,213)
```
#d7fde3
```
#d7fde3 rgb(215,253,227)
```
#eafef0
```
#eafef0 rgb(234,254,240)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#a1aaa4
```
#a1aaa4 rgb(161,170,164)
```
#9ab1a1
```
#9ab1a1 rgb(154,177,161)
```
#93b89e
```
#93b89e rgb(147,184,158)
```
#8cbf9b
```
#8cbf9b rgb(140,191,155)
```
#85c698
```
#85c698 rgb(133,198,152)
```
#7ecd96
```
#7ecd96 rgb(126,205,150)
```
#77d493
```
#77d493 rgb(119,212,147)
```
#71da90
```
#71da90 rgb(113,218,144)
```
#6ae18d
```
#6ae18d rgb(106,225,141)
```
#63e88b
```
#63e88b rgb(99,232,139)
```
#5cef88
```
#5cef88 rgb(92,239,136)
```
#55f685
```
#55f685 rgb(85,246,133)
```
#4efd82
```
#4efd82 rgb(78,253,130)
```

Tone Color Variation

Below, you can see how #55f685 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
#a5c5af Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdb81 Protanopia 1% of men
#ffd3a4 Deuteranopia 1% of men
#87e9fa Tritanopia 0.001% of the population

Trichromacy

#b7e482 Protanomaly 1% of men, 0.01% of women
#c1e099 Deuteranomaly 6% of men, 0.4% of women
#74eecf Tritanomaly 0.01% of the population

#55f685 hex color

#55f685 Color Information

#55f685 Color Conversion

Color Schemes with #55f685

Alternatives to #55f685

#55f685 Preview

Shades and Tints of #55f685

Tones of #55f685

Color Blindness Simulator