#02f5bd hex color

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

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

● #02f5bd color description : Vivid cyan.

The hexadecimal color #02f5bd has RGB values of R:2, G:245, B:189 and CMYK values of C:0.99, M:0, Y:0.23, K:0.04. Its decimal value is 193981.

Hex triplet	02f5bd	`#02f5bd`
RGB Decimal	2, 245, 189	`rgb(2,245,189)`
RGB Percent	0.8, 96.1, 74.1	`rgb(0.8%,96.1%,74.1%)`
CMYK	99, 0, 23, 4
HSL	166.2°, 98.4, 48.4	`hsl(166.2,98.4%,48.4%)`
HSV (or HSB)	166.2°, 99.2, 96.1
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.498, -61.389, 13.437
XYZ	41.859, 68.987, 59.251
xyY	0.246, 0.406, 68.987
CIE-LCH	86.498, 62.843, 167.654
CIE-LUV	86.498, -72.374, 29.935
Hunter-Lab	83.059, -55.394, 15.846
Binary	00000010, 11110101, 10111101

#02f5bd
```
#02f5bd rgb(2,245,189)
```
#f5023a
```
#f5023a rgb(245,2,58)
```

Complementary Color

#02f544
```
#02f544 rgb(2,245,68)
```
#02f5bd
```
#02f5bd rgb(2,245,189)
```
#02b4f5
```
#02b4f5 rgb(2,180,245)
```

Analogous Color

#f54402
```
#f54402 rgb(245,68,2)
```
#02f5bd
```
#02f5bd rgb(2,245,189)
```
#f502b4
```
#f502b4 rgb(245,2,180)
```

Split Complementary Color

#f5bd02
```
#f5bd02 rgb(245,189,2)
```
#02f5bd
```
#02f5bd rgb(2,245,189)
```
#bd02f5
```
#bd02f5 rgb(189,2,245)
```

Triadic Color

#3af502
```
#3af502 rgb(58,245,2)
```
#02f5bd
```
#02f5bd rgb(2,245,189)
```
#bd02f5
```
#bd02f5 rgb(189,2,245)
```
#f5023a
```
#f5023a rgb(245,2,58)
```

Tetradic Color

#01a982
```
#01a982 rgb(1,169,130)
```
#02c296
```
#02c296 rgb(2,194,150)
```
#02dca9
```
#02dca9 rgb(2,220,169)
```
#02f5bd
```
#02f5bd rgb(2,245,189)
```
#13fdc7
```
#13fdc7 rgb(19,253,199)
```
#2dfdcd
```
#2dfdcd rgb(45,253,205)
```
#46fdd3
```
#46fdd3 rgb(70,253,211)
```

Monochromatic Color

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

#02f580
```
#02f580 rgb(2,245,128)
```
#02f595
```
#02f595 rgb(2,245,149)
```
#02f5a9
```
#02f5a9 rgb(2,245,169)
```
#02f5bd
```
#02f5bd rgb(2,245,189)
```
#02f5d1
```
#02f5d1 rgb(2,245,209)
```
#02f5e6
```
#02f5e6 rgb(2,245,230)
```
#02f0f5
```
#02f0f5 rgb(2,240,245)
```

Similar Colors

Text with hexadecimal color #02f5bd

This text has a font color of #02f5bd.

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

#02f5bd background color

This paragraph has a background color of #02f5bd.

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

#02f5bd border color

This element has a border color of #02f5bd.

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

CSS codes

.text {color:#02f5bd;}

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

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

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)
```
#001f18
```
#001f18 rgb(0,31,24)
```
#003227
```
#003227 rgb(0,50,39)
```
#014636
```
#014636 rgb(1,70,54)
```
#015945
```
#015945 rgb(1,89,69)
```
#016d54
```
#016d54 rgb(1,109,84)
```
#018063
```
#018063 rgb(1,128,99)
```
#019472
```
#019472 rgb(1,148,114)
```
#01a781
```
#01a781 rgb(1,167,129)
```
#02bb90
```
#02bb90 rgb(2,187,144)
```
#02ce9f
```
#02ce9f rgb(2,206,159)
```
#02e2ae
```
#02e2ae rgb(2,226,174)
```
#02f5bd
```
#02f5bd rgb(2,245,189)
```

Shade Color Variation

#0efdc6
```
#0efdc6 rgb(14,253,198)
```
#21fdca
```
#21fdca rgb(33,253,202)
```
#34fdcf
```
#34fdcf rgb(52,253,207)
```
#48fed4
```
#48fed4 rgb(72,254,212)
```
#5bfed8
```
#5bfed8 rgb(91,254,216)
```
#6ffedd
```
#6ffedd rgb(111,254,221)
```
#82fee1
```
#82fee1 rgb(130,254,225)
```
#96fee6
```
#96fee6 rgb(150,254,230)
```
#a9feeb
```
#a9feeb rgb(169,254,235)
```
#bdfeef
```
#bdfeef rgb(189,254,239)
```
#d0fff4
```
#d0fff4 rgb(208,255,244)
```
#e4fff9
```
#e4fff9 rgb(228,255,249)
```
#f7fffd
```
#f7fffd rgb(247,255,253)
```

Tint Color Variation

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

#748380
```
#748380 rgb(116,131,128)
```
#6b8d85
```
#6b8d85 rgb(107,141,133)
```
#61968a
```
#61968a rgb(97,150,138)
```
#58a08f
```
#58a08f rgb(88,160,143)
```
#4ea994
```
#4ea994 rgb(78,169,148)
```
#45b399
```
#45b399 rgb(69,179,153)
```
#3bbc9e
```
#3bbc9e rgb(59,188,158)
```
#32c6a3
```
#32c6a3 rgb(50,198,163)
```
#28cfa9
```
#28cfa9 rgb(40,207,169)
```
#1fd9ae
```
#1fd9ae rgb(31,217,174)
```
#15e2b3
```
#15e2b3 rgb(21,226,179)
```
#0cecb8
```
#0cecb8 rgb(12,236,184)
```
#02f5bd
```
#02f5bd rgb(2,245,189)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#85b6ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d9b3 Protanopia 1% of men
#f4d3cc Deuteranopia 1% of men
#5becfe Tritanopia 0.001% of the population

Trichromacy

#93e3b7 Protanomaly 1% of men, 0.01% of women
#9cdfc6 Deuteranomaly 6% of men, 0.4% of women
#3befe6 Tritanomaly 0.01% of the population

#02f5bd hex color

#02f5bd Color Information

#02f5bd Color Conversion

Color Schemes with #02f5bd

Alternatives to #02f5bd

#02f5bd Preview

Shades and Tints of #02f5bd

Tones of #02f5bd

Color Blindness Simulator