colorhexa.com

#02f5b8 hex color

In a RGB color space, hex #02f5b8 is composed of 0.8% red, 96.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 24.9% yellow and 3.9% black. It has a hue angle of 164.9 degrees, a saturation of 98.4% and a lightness of 48.4%. #02f5b8 color hex could be obtained by blending #04ffff with #00eb71. Closest websafe color is: #00ffcc.

- R 1
- G 96
- B 72
RGB color chart
- C 99
- M 0
- Y 25
- K 4
CMYK color chart

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

The hexadecimal color #02f5b8 has RGB values of R:2, G:245, B:184 and CMYK values of C:0.99, M:0, Y:0.25, K:0.04. Its decimal value is 193976.

Hex triplet	02f5b8	`#02f5b8`
RGB Decimal	2, 245, 184	`rgb(2,245,184)`
RGB Percent	0.8, 96.1, 72.2	`rgb(0.8%,96.1%,72.2%)`
CMYK	99, 0, 25, 4
HSL	164.9°, 98.4, 48.4	`hsl(164.9,98.4%,48.4%)`
HSV (or HSB)	164.9°, 99.2, 96.1
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.392, -62.556, 15.877
XYZ	41.326, 68.774, 56.441
xyY	0.248, 0.413, 68.774
CIE-LCH	86.392, 64.54, 165.759
CIE-LUV	86.392, -72.747, 33.605
Hunter-Lab	82.93, -56.178, 17.699
Binary	00000010, 11110101, 10111000

#02f5b8
```
#02f5b8 rgb(2,245,184)
```
#f5023f
```
#f5023f rgb(245,2,63)
```

Complementary Color

#02f53f
```
#02f53f rgb(2,245,63)
```
#02f5b8
```
#02f5b8 rgb(2,245,184)
```
#02b9f5
```
#02b9f5 rgb(2,185,245)
```

Analogous Color

#f53f02
```
#f53f02 rgb(245,63,2)
```
#02f5b8
```
#02f5b8 rgb(2,245,184)
```
#f502b9
```
#f502b9 rgb(245,2,185)
```

Split Complementary Color

#f5b802
```
#f5b802 rgb(245,184,2)
```
#02f5b8
```
#02f5b8 rgb(2,245,184)
```
#b802f5
```
#b802f5 rgb(184,2,245)
```

Triadic Color

#01a97f
```
#01a97f rgb(1,169,127)
```
#02c292
```
#02c292 rgb(2,194,146)
```
#02dca5
```
#02dca5 rgb(2,220,165)
```
#02f5b8
```
#02f5b8 rgb(2,245,184)
```
#13fdc2
```
#13fdc2 rgb(19,253,194)
```
#2dfdc9
```
#2dfdc9 rgb(45,253,201)
```
#46fdcf
```
#46fdcf rgb(70,253,207)
```

Monochromatic Color

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

#02f57b
```
#02f57b rgb(2,245,123)
```
#02f590
```
#02f590 rgb(2,245,144)
```
#02f5a4
```
#02f5a4 rgb(2,245,164)
```
#02f5b8
```
#02f5b8 rgb(2,245,184)
```
#02f5cc
```
#02f5cc rgb(2,245,204)
```
#02f5e1
```
#02f5e1 rgb(2,245,225)
```
#02f5f5
```
#02f5f5 rgb(2,245,245)
```

Similar Colors

Text with hexadecimal color #02f5b8

This text has a font color of #02f5b8.

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

#02f5b8 background color

This paragraph has a background color of #02f5b8.

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

#02f5b8 border color

This element has a border color of #02f5b8.

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

CSS codes

.text {color:#02f5b8;}

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

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

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

#000c09
```
#000c09 rgb(0,12,9)
```
#001f17
```
#001f17 rgb(0,31,23)
```
#003226
```
#003226 rgb(0,50,38)
```
#014634
```
#014634 rgb(1,70,52)
```
#015943
```
#015943 rgb(1,89,67)
```
#016d52
```
#016d52 rgb(1,109,82)
```
#018060
```
#018060 rgb(1,128,96)
```
#01946f
```
#01946f rgb(1,148,111)
```
#01a77e
```
#01a77e rgb(1,167,126)
```
#02bb8c
```
#02bb8c rgb(2,187,140)
```
#02ce9b
```
#02ce9b rgb(2,206,155)
```
#02e2a9
```
#02e2a9 rgb(2,226,169)
```
#02f5b8
```
#02f5b8 rgb(2,245,184)
```

Shade Color Variation

#0efdc1
```
#0efdc1 rgb(14,253,193)
```
#21fdc6
```
#21fdc6 rgb(33,253,198)
```
#34fdcb
```
#34fdcb rgb(52,253,203)
```
#48fed0
```
#48fed0 rgb(72,254,208)
```
#5bfed5
```
#5bfed5 rgb(91,254,213)
```
#6ffeda
```
#6ffeda rgb(111,254,218)
```
#82fedf
```
#82fedf rgb(130,254,223)
```
#96fee4
```
#96fee4 rgb(150,254,228)
```
#a9fee9
```
#a9fee9 rgb(169,254,233)
```
#bdfeee
```
#bdfeee rgb(189,254,238)
```
#d0fff3
```
#d0fff3 rgb(208,255,243)
```
#e4fff8
```
#e4fff8 rgb(228,255,248)
```
#f7fffd
```
#f7fffd rgb(247,255,253)
```

Tint Color Variation

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

#74837f
```
#74837f rgb(116,131,127)
```
#6b8d84
```
#6b8d84 rgb(107,141,132)
```
#619689
```
#619689 rgb(97,150,137)
```
#58a08d
```
#58a08d rgb(88,160,141)
```
#4ea992
```
#4ea992 rgb(78,169,146)
```
#45b397
```
#45b397 rgb(69,179,151)
```
#3bbc9c
```
#3bbc9c rgb(59,188,156)
```
#32c6a0
```
#32c6a0 rgb(50,198,160)
```
#28cfa5
```
#28cfa5 rgb(40,207,165)
```
#1fd9aa
```
#1fd9aa rgb(31,217,170)
```
#15e2af
```
#15e2af rgb(21,226,175)
```
#0cecb3
```
#0cecb3 rgb(12,236,179)
```
#02f5b8
```
#02f5b8 rgb(2,245,184)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#84b5a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d9af Protanopia 1% of men
#f5d2c7 Deuteranopia 1% of men
#5decfd Tritanopia 0.001% of the population

Trichromacy

#94e3b2 Protanomaly 1% of men, 0.01% of women
#9cdfc2 Deuteranomaly 6% of men, 0.4% of women
#3cefe4 Tritanomaly 0.01% of the population