#02f695 hex color

In a RGB color space, hex #02f695 is composed of 0.8% red, 96.5% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 39.4% yellow and 3.5% black. It has a hue angle of 156.1 degrees, a saturation of 98.4% and a lightness of 48.6%. #02f695 color hex could be obtained by blending #04ffff with #00ed2b. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 1
- G 96
- B 58
RGB color chart
- C 99
- M 0
- Y 39
- K 4
CMYK color chart

● #02f695 color description : Vivid cyan - lime green.

The hexadecimal color #02f695 has RGB values of R:2, G:246, B:149 and CMYK values of C:0.99, M:0, Y:0.39, K:0.04. Its decimal value is 194197.

Hex triplet	02f695	`#02f695`
RGB Decimal	2, 246, 149	`rgb(2,246,149)`
RGB Percent	0.8, 96.5, 58.4	`rgb(0.8%,96.5%,58.4%)`
CMYK	99, 0, 39, 4
HSL	156.1°, 98.4, 48.6	`hsl(156.1,98.4%,48.6%)`
HSV (or HSB)	156.1°, 99.2, 96.5
Web Safe	00ff99	`#00ff99`

CIE-LAB	86.051, -70.238, 33.249
XYZ	38.403, 68.09, 39.551
xyY	0.263, 0.466, 68.09
CIE-LCH	86.051, 77.711, 154.668
CIE-LUV	86.051, -75.494, 57.832
Hunter-Lab	82.517, -61.332, 29.344
Binary	00000010, 11110110, 10010101

#02f695
```
#02f695 rgb(2,246,149)
```
#f60263
```
#f60263 rgb(246,2,99)
```

Complementary Color

#02f61b
```
#02f61b rgb(2,246,27)
```
#02f695
```
#02f695 rgb(2,246,149)
```
#02ddf6
```
#02ddf6 rgb(2,221,246)
```

Analogous Color

#f61b02
```
#f61b02 rgb(246,27,2)
```
#02f695
```
#02f695 rgb(2,246,149)
```
#f602dd
```
#f602dd rgb(246,2,221)
```

Split Complementary Color

#f69502
```
#f69502 rgb(246,149,2)
```
#02f695
```
#02f695 rgb(2,246,149)
```
#9502f6
```
#9502f6 rgb(149,2,246)
```

Triadic Color

#63f602
```
#63f602 rgb(99,246,2)
```
#02f695
```
#02f695 rgb(2,246,149)
```
#9502f6
```
#9502f6 rgb(149,2,246)
```
#f60263
```
#f60263 rgb(246,2,99)
```

Tetradic Color

#01aa67
```
#01aa67 rgb(1,170,103)
```
#02c376
```
#02c376 rgb(2,195,118)
```
#02dd86
```
#02dd86 rgb(2,221,134)
```
#02f695
```
#02f695 rgb(2,246,149)
```
#14fda1
```
#14fda1 rgb(20,253,161)
```
#2efdab
```
#2efdab rgb(46,253,171)
```
#47feb5
```
#47feb5 rgb(71,254,181)
```

Monochromatic Color

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

#02f658
```
#02f658 rgb(2,246,88)
```
#02f66c
```
#02f66c rgb(2,246,108)
```
#02f681
```
#02f681 rgb(2,246,129)
```
#02f695
```
#02f695 rgb(2,246,149)
```
#02f6a9
```
#02f6a9 rgb(2,246,169)
```
#02f6be
```
#02f6be rgb(2,246,190)
```
#02f6d2
```
#02f6d2 rgb(2,246,210)
```

Similar Colors

Text with hexadecimal color #02f695

This text has a font color of #02f695.

<span style="color:#02f695;">Text here</span>

#02f695 background color

This paragraph has a background color of #02f695.

<p style="background-color:#02f695;">Content here</p>

#02f695 border color

This element has a border color of #02f695.

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

CSS codes

.text {color:#02f695;}

.background {background-color:#02f695;}

.border {border:1px solid #02f695;}

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, #000d08 is the darkest color, while #f8fffc is the lightest one.

#000d08
```
#000d08 rgb(0,13,8)
```
#002013
```
#002013 rgb(0,32,19)
```
#00331f
```
#00331f rgb(0,51,31)
```
#01472b
```
#01472b rgb(1,71,43)
```
#015a37
```
#015a37 rgb(1,90,55)
```
#016e43
```
#016e43 rgb(1,110,67)
```
#01814e
```
#01814e rgb(1,129,78)
```
#01955a
```
#01955a rgb(1,149,90)
```
#01a866
```
#01a866 rgb(1,168,102)
```
#02bc72
```
#02bc72 rgb(2,188,114)
```
#02cf7d
```
#02cf7d rgb(2,207,125)
```
#02e389
```
#02e389 rgb(2,227,137)
```
#02f695
```
#02f695 rgb(2,246,149)
```

Shade Color Variation

#0ffd9e
```
#0ffd9e rgb(15,253,158)
```
#22fda6
```
#22fda6 rgb(34,253,166)
```
#35fdae
```
#35fdae rgb(53,253,174)
```
#49feb6
```
#49feb6 rgb(73,254,182)
```
#5cfebe
```
#5cfebe rgb(92,254,190)
```
#70fec5
```
#70fec5 rgb(112,254,197)
```
#83fecd
```
#83fecd rgb(131,254,205)
```
#97fed5
```
#97fed5 rgb(151,254,213)
```
#aafedd
```
#aafedd rgb(170,254,221)
```
#befee5
```
#befee5 rgb(190,254,229)
```
#d1ffed
```
#d1ffed rgb(209,255,237)
```
#e5fff4
```
#e5fff4 rgb(229,255,244)
```
#f8fffc
```
#f8fffc rgb(248,255,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74847e is the less saturated color, while #02f695 is the most saturated one.

#74847e
```
#74847e rgb(116,132,126)
```
#6b8d7f
```
#6b8d7f rgb(107,141,127)
```
#619781
```
#619781 rgb(97,151,129)
```
#58a083
```
#58a083 rgb(88,160,131)
```
#4eaa85
```
#4eaa85 rgb(78,170,133)
```
#45b387
```
#45b387 rgb(69,179,135)
```
#3bbd89
```
#3bbd89 rgb(59,189,137)
```
#32c68b
```
#32c68b rgb(50,198,139)
```
#28d08d
```
#28d08d rgb(40,208,141)
```
#1fd98f
```
#1fd98f rgb(31,217,143)
```
#15e391
```
#15e391 rgb(21,227,145)
```
#0cec93
```
#0cec93 rgb(12,236,147)
```
#02f695
```
#02f695 rgb(2,246,149)
```

Tone Color Variation

Below, you can see how #02f695 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

#a2a2a2 Achromatopsia 0.005% of the population
#82b39f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd98f Protanopia 1% of men
#fed0a7 Deuteranopia 1% of men
#68eafb Tritanopia 0.001% of the population

Trichromacy

#96e391 Protanomaly 1% of men, 0.01% of women
#a2dea0 Deuteranomaly 6% of men, 0.4% of women
#43eed6 Tritanomaly 0.01% of the population

#02f695 hex color

#02f695 Color Information

#02f695 Color Conversion

Color Schemes with #02f695

Alternatives to #02f695

#02f695 Preview

Shades and Tints of #02f695

Tones of #02f695

Color Blindness Simulator