colorhexa.com

#02f2b4 hex color

In a RGB color space, hex #02f2b4 is composed of 0.8% red, 94.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 25.6% yellow and 5.1% black. It has a hue angle of 164.5 degrees, a saturation of 98.4% and a lightness of 47.8%. #02f2b4 color hex could be obtained by blending #04ffff with #00e569. Closest websafe color is: #00ffcc.

- R 1
- G 95
- B 71
RGB color chart
- C 99
- M 0
- Y 26
- K 5
CMYK color chart

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

The hexadecimal color #02f2b4 has RGB values of R:2, G:242, B:180 and CMYK values of C:0.99, M:0, Y:0.26, K:0.05. Its decimal value is 193204.

Hex triplet	02f2b4	`#02f2b4`
RGB Decimal	2, 242, 180	`rgb(2,242,180)`
RGB Percent	0.8, 94.9, 70.6	`rgb(0.8%,94.9%,70.6%)`
CMYK	99, 0, 26, 5
HSL	164.5°, 98.4, 47.8	`hsl(164.5,98.4%,47.8%)`
HSV (or HSB)	164.5°, 99.2, 94.9
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	85.407, -62.367, 16.565
XYZ	40.012, 66.808, 53.964
xyY	0.249, 0.416, 66.808
CIE-LCH	85.407, 64.53, 165.125
CIE-LUV	85.407, -72.072, 34.474
Hunter-Lab	81.736, -55.658, 18.071
Binary	00000010, 11110010, 10110100

#02f2b4
```
#02f2b4 rgb(2,242,180)
```
#f20240
```
#f20240 rgb(242,2,64)
```

Complementary Color

#02f23c
```
#02f23c rgb(2,242,60)
```
#02f2b4
```
#02f2b4 rgb(2,242,180)
```
#02b8f2
```
#02b8f2 rgb(2,184,242)
```

Analogous Color

#f23c02
```
#f23c02 rgb(242,60,2)
```
#02f2b4
```
#02f2b4 rgb(2,242,180)
```
#f202b8
```
#f202b8 rgb(242,2,184)
```

Split Complementary Color

#f2b402
```
#f2b402 rgb(242,180,2)
```
#02f2b4
```
#02f2b4 rgb(2,242,180)
```
#b402f2
```
#b402f2 rgb(180,2,242)
```

Triadic Color

#01a67c
```
#01a67c rgb(1,166,124)
```
#02bf8e
```
#02bf8e rgb(2,191,142)
```
#02d9a1
```
#02d9a1 rgb(2,217,161)
```
#02f2b4
```
#02f2b4 rgb(2,242,180)
```
#10fdc0
```
#10fdc0 rgb(16,253,192)
```
#2afdc7
```
#2afdc7 rgb(42,253,199)
```
#43fdcd
```
#43fdcd rgb(67,253,205)
```

Monochromatic Color

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

#02f278
```
#02f278 rgb(2,242,120)
```
#02f28c
```
#02f28c rgb(2,242,140)
```
#02f2a0
```
#02f2a0 rgb(2,242,160)
```
#02f2b4
```
#02f2b4 rgb(2,242,180)
```
#02f2c8
```
#02f2c8 rgb(2,242,200)
```
#02f2dc
```
#02f2dc rgb(2,242,220)
```
#02f2f0
```
#02f2f0 rgb(2,242,240)
```

Similar Colors

Text with hexadecimal color #02f2b4

This text has a font color of #02f2b4.

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

#02f2b4 background color

This paragraph has a background color of #02f2b4.

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

#02f2b4 border color

This element has a border color of #02f2b4.

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

CSS codes

.text {color:#02f2b4;}

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

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

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

#000906
```
#000906 rgb(0,9,6)
```
#001c15
```
#001c15 rgb(0,28,21)
```
#002f23
```
#002f23 rgb(0,47,35)
```
#014332
```
#014332 rgb(1,67,50)
```
#015640
```
#015640 rgb(1,86,64)
```
#016a4f
```
#016a4f rgb(1,106,79)
```
#017d5d
```
#017d5d rgb(1,125,93)
```
#01916c
```
#01916c rgb(1,145,108)
```
#01a47a
```
#01a47a rgb(1,164,122)
```
#02b889
```
#02b889 rgb(2,184,137)
```
#02cb97
```
#02cb97 rgb(2,203,151)
```
#02dfa6
```
#02dfa6 rgb(2,223,166)
```
#02f2b4
```
#02f2b4 rgb(2,242,180)
```

Shade Color Variation

#0bfdbe
```
#0bfdbe rgb(11,253,190)
```
#1efdc4
```
#1efdc4 rgb(30,253,196)
```
#32fdc9
```
#32fdc9 rgb(50,253,201)
```
#45fdce
```
#45fdce rgb(69,253,206)
```
#58fed3
```
#58fed3 rgb(88,254,211)
```
#6cfed8
```
#6cfed8 rgb(108,254,216)
```
#7ffedd
```
#7ffedd rgb(127,254,221)
```
#93fee2
```
#93fee2 rgb(147,254,226)
```
#a6fee8
```
#a6fee8 rgb(166,254,232)
```
#bafeed
```
#bafeed rgb(186,254,237)
```
#cdfff2
```
#cdfff2 rgb(205,255,242)
```
#e1fff7
```
#e1fff7 rgb(225,255,247)
```
#f4fffc
```
#f4fffc rgb(244,255,252)
```

Tint Color Variation

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

#73817e
```
#73817e rgb(115,129,126)
```
#698b82
```
#698b82 rgb(105,139,130)
```
#609487
```
#609487 rgb(96,148,135)
```
#569e8b
```
#569e8b rgb(86,158,139)
```
#4da790
```
#4da790 rgb(77,167,144)
```
#44b094
```
#44b094 rgb(68,176,148)
```
#3aba99
```
#3aba99 rgb(58,186,153)
```
#31c39d
```
#31c39d rgb(49,195,157)
```
#28cca2
```
#28cca2 rgb(40,204,162)
```
#1ed6a6
```
#1ed6a6 rgb(30,214,166)
```
#15dfab
```
#15dfab rgb(21,223,171)
```
#0be9af
```
#0be9af rgb(11,233,175)
```
#02f2b4
```
#02f2b4 rgb(2,242,180)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#83b3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d7ab Protanopia 1% of men
#f2d0c3 Deuteranopia 1% of men
#5de9fa Tritanopia 0.001% of the population

Trichromacy

#92e0ae Protanomaly 1% of men, 0.01% of women
#9bdcbe Deuteranomaly 6% of men, 0.4% of women
#3cece1 Tritanomaly 0.01% of the population