colorhexa.com

#0ff686 hex color

In a RGB color space, hex #0ff686 is composed of 5.9% red, 96.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 0% magenta, 45.5% yellow and 3.5% black. It has a hue angle of 150.9 degrees, a saturation of 92.8% and a lightness of 51.2%. #0ff686 color hex could be obtained by blending #1effff with #00ed0d. Closest websafe color is: #00ff99.

- R 6
- G 96
- B 53
RGB color chart
- C 94
- M 0
- Y 46
- K 4
CMYK color chart

● #0ff686 color description : Vivid cyan - lime green.

The hexadecimal color #0ff686 has RGB values of R:15, G:246, B:134 and CMYK values of C:0.94, M:0, Y:0.46, K:0.04. Its decimal value is 1046150.

Hex triplet	0ff686	`#0ff686`
RGB Decimal	15, 246, 134	`rgb(15,246,134)`
RGB Percent	5.9, 96.5, 52.5	`rgb(5.9%,96.5%,52.5%)`
CMYK	94, 0, 46, 4
HSL	150.9°, 92.8, 51.2	`hsl(150.9,92.8%,51.2%)`
HSV (or HSB)	150.9°, 93.9, 96.5
Web Safe	00ff99	`#00ff99`

CIE-LAB	85.871, -72.534, 40.418
XYZ	37.453, 67.73, 33.652
xyY	0.27, 0.488, 67.73
CIE-LCH	85.871, 83.035, 150.872
CIE-LUV	85.871, -75.978, 66.67
Hunter-Lab	82.298, -62.789, 33.365
Binary	00001111, 11110110, 10000110

#0ff686
```
#0ff686 rgb(15,246,134)
```
#f60f7f
```
#f60f7f rgb(246,15,127)
```

Complementary Color

#0ff613
```
#0ff613 rgb(15,246,19)
```
#0ff686
```
#0ff686 rgb(15,246,134)
```
#0ff3f6
```
#0ff3f6 rgb(15,243,246)
```

Analogous Color

#f6130f
```
#f6130f rgb(246,19,15)
```
#0ff686
```
#0ff686 rgb(15,246,134)
```
#f60ff3
```
#f60ff3 rgb(246,15,243)
```

Split Complementary Color

#f6860f
```
#f6860f rgb(246,134,15)
```
#0ff686
```
#0ff686 rgb(15,246,134)
```
#860ff6
```
#860ff6 rgb(134,15,246)
```

Triadic Color

#7ff60f
```
#7ff60f rgb(127,246,15)
```
#0ff686
```
#0ff686 rgb(15,246,134)
```
#860ff6
```
#860ff6 rgb(134,15,246)
```
#f60f7f
```
#f60f7f rgb(246,15,127)
```

Tetradic Color

#07b25f
```
#07b25f rgb(7,178,95)
```
#08ca6c
```
#08ca6c rgb(8,202,108)
```
#09e379
```
#09e379 rgb(9,227,121)
```
#0ff686
```
#0ff686 rgb(15,246,134)
```
#28f792
```
#28f792 rgb(40,247,146)
```
#40f89f
```
#40f89f rgb(64,248,159)
```
#59f9ab
```
#59f9ab rgb(89,249,171)
```

Monochromatic Color

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

#0ff64c
```
#0ff64c rgb(15,246,76)
```
#0ff660
```
#0ff660 rgb(15,246,96)
```
#0ff673
```
#0ff673 rgb(15,246,115)
```
#0ff686
```
#0ff686 rgb(15,246,134)
```
#0ff699
```
#0ff699 rgb(15,246,153)
```
#0ff6ad
```
#0ff6ad rgb(15,246,173)
```
#0ff6c0
```
#0ff6c0 rgb(15,246,192)
```

Similar Colors

Text with hexadecimal color #0ff686

This text has a font color of #0ff686.

<span style="color:#0ff686;">Text here</span>

#0ff686 background color

This paragraph has a background color of #0ff686.

<p style="background-color:#0ff686;">Content here</p>

#0ff686 border color

This element has a border color of #0ff686.

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

CSS codes

.text {color:#0ff686;}

.background {background-color:#0ff686;}

.border {border:1px solid #0ff686;}

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

#000603
```
#000603 rgb(0,6,3)
```
#01190d
```
#01190d rgb(1,25,13)
```
#022c17
```
#022c17 rgb(2,44,23)
```
#023f21
```
#023f21 rgb(2,63,33)
```
#03512b
```
#03512b rgb(3,81,43)
```
#046436
```
#046436 rgb(4,100,54)
```
#047740
```
#047740 rgb(4,119,64)
```
#058a4a
```
#058a4a rgb(5,138,74)
```
#069d54
```
#069d54 rgb(6,157,84)
```
#07b05e
```
#07b05e rgb(7,176,94)
```
#07c368
```
#07c368 rgb(7,195,104)
```
#08d672
```
#08d672 rgb(8,214,114)
```
#09e97c
```
#09e97c rgb(9,233,124)
```

Shade Color Variation

#0ff686
```
#0ff686 rgb(15,246,134)
```
#22f790
```
#22f790 rgb(34,247,144)
```
#35f799
```
#35f799 rgb(53,247,153)
```
#48f8a3
```
#48f8a3 rgb(72,248,163)
```
#5bf9ac
```
#5bf9ac rgb(91,249,172)
```
#6efab6
```
#6efab6 rgb(110,250,182)
```
#80fabf
```
#80fabf rgb(128,250,191)
```
#93fbc9
```
#93fbc9 rgb(147,251,201)
```
#a6fcd2
```
#a6fcd2 rgb(166,252,210)
```
#b9fcdc
```
#b9fcdc rgb(185,252,220)
```
#ccfde5
```
#ccfde5 rgb(204,253,229)
```
#dffeef
```
#dffeef rgb(223,254,239)
```
#f2fff8
```
#f2fff8 rgb(242,255,248)
```

Tint Color Variation

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

#828383
```
#828383 rgb(130,131,131)
```
#788d83
```
#788d83 rgb(120,141,131)
```
#6f9683
```
#6f9683 rgb(111,150,131)
```
#65a083
```
#65a083 rgb(101,160,131)
```
#5ca984
```
#5ca984 rgb(92,169,132)
```
#52b384
```
#52b384 rgb(82,179,132)
```
#48bd84
```
#48bd84 rgb(72,189,132)
```
#3fc685
```
#3fc685 rgb(63,198,133)
```
#35d085
```
#35d085 rgb(53,208,133)
```
#2cd985
```
#2cd985 rgb(44,217,133)
```
#22e385
```
#22e385 rgb(34,227,133)
```
#19ec86
```
#19ec86 rgb(25,236,134)
```
#0ff686
```
#0ff686 rgb(15,246,134)
```

Tone Color Variation

Below, you can see how #0ff686 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

#a4a4a4 Achromatopsia 0.005% of the population
#86b49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd881 Protanopia 1% of men
#ffd09e Deuteranopia 1% of men
#6de9fa Tritanopia 0.001% of the population

Trichromacy

#9ce383 Protanomaly 1% of men, 0.01% of women
#a7de95 Deuteranomaly 6% of men, 0.4% of women
#4beed0 Tritanomaly 0.01% of the population