#02f9bc hex color

In a RGB color space, hex #02f9bc is composed of 0.8% red, 97.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 24.5% yellow and 2.4% black. It has a hue angle of 165.2 degrees, a saturation of 98.4% and a lightness of 49.2%. #02f9bc color hex could be obtained by blending #04ffff with #00f379. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 1
- G 98
- B 74
RGB color chart
- C 99
- M 0
- Y 24
- K 2
CMYK color chart

● #02f9bc color description : Vivid cyan.

The hexadecimal color #02f9bc has RGB values of R:2, G:249, B:188 and CMYK values of C:0.99, M:0, Y:0.24, K:0.02. Its decimal value is 195004.

Hex triplet	02f9bc	`#02f9bc`
RGB Decimal	2, 249, 188	`rgb(2,249,188)`
RGB Percent	0.8, 97.6, 73.7	`rgb(0.8%,97.6%,73.7%)`
CMYK	99, 0, 24, 2
HSL	165.2°, 98.4, 49.2	`hsl(165.2,98.4%,49.2%)`
HSV (or HSB)	165.2°, 99.2, 97.6
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	87.674, -63.113, 15.615
XYZ	42.974, 71.39, 59.089
xyY	0.248, 0.412, 71.39
CIE-LCH	87.674, 65.016, 166.104
CIE-LUV	87.674, -73.743, 33.41
Hunter-Lab	84.493, -57.075, 17.681
Binary	00000010, 11111001, 10111100

#02f9bc
```
#02f9bc rgb(2,249,188)
```
#f9023f
```
#f9023f rgb(249,2,63)
```

Complementary Color

#02f940
```
#02f940 rgb(2,249,64)
```
#02f9bc
```
#02f9bc rgb(2,249,188)
```
#02bbf9
```
#02bbf9 rgb(2,187,249)
```

Analogous Color

#f94102
```
#f94102 rgb(249,65,2)
```
#02f9bc
```
#02f9bc rgb(2,249,188)
```
#f902bb
```
#f902bb rgb(249,2,187)
```

Split Complementary Color

#f9bc02
```
#f9bc02 rgb(249,188,2)
```
#02f9bc
```
#02f9bc rgb(2,249,188)
```
#bc02f9
```
#bc02f9 rgb(188,2,249)
```

Triadic Color

#3ff902
```
#3ff902 rgb(63,249,2)
```
#02f9bc
```
#02f9bc rgb(2,249,188)
```
#bc02f9
```
#bc02f9 rgb(188,2,249)
```
#f9023f
```
#f9023f rgb(249,2,63)
```

Tetradic Color

#01ad83
```
#01ad83 rgb(1,173,131)
```
#02c696
```
#02c696 rgb(2,198,150)
```
#02e0a9
```
#02e0a9 rgb(2,224,169)
```
#02f9bc
```
#02f9bc rgb(2,249,188)
```
#17fdc4
```
#17fdc4 rgb(23,253,196)
```
#31fdcb
```
#31fdcb rgb(49,253,203)
```
#4afed1
```
#4afed1 rgb(74,254,209)
```

Monochromatic Color

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

#02f97e
```
#02f97e rgb(2,249,126)
```
#02f993
```
#02f993 rgb(2,249,147)
```
#02f9a7
```
#02f9a7 rgb(2,249,167)
```
#02f9bc
```
#02f9bc rgb(2,249,188)
```
#02f9d1
```
#02f9d1 rgb(2,249,209)
```
#02f9e5
```
#02f9e5 rgb(2,249,229)
```
#02f8f9
```
#02f8f9 rgb(2,248,249)
```

Similar Colors

Text with hexadecimal color #02f9bc

This text has a font color of #02f9bc.

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

#02f9bc background color

This paragraph has a background color of #02f9bc.

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

#02f9bc border color

This element has a border color of #02f9bc.

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

CSS codes

.text {color:#02f9bc;}

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

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

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

#000f0c
```
#000f0c rgb(0,15,12)
```
#00231a
```
#00231a rgb(0,35,26)
```
#003629
```
#003629 rgb(0,54,41)
```
#014a38
```
#014a38 rgb(1,74,56)
```
#015d46
```
#015d46 rgb(1,93,70)
```
#017155
```
#017155 rgb(1,113,85)
```
#018464
```
#018464 rgb(1,132,100)
```
#019873
```
#019873 rgb(1,152,115)
```
#01ab81
```
#01ab81 rgb(1,171,129)
```
#02bf90
```
#02bf90 rgb(2,191,144)
```
#02d29f
```
#02d29f rgb(2,210,159)
```
#02e6ad
```
#02e6ad rgb(2,230,173)
```
#02f9bc
```
#02f9bc rgb(2,249,188)
```

Shade Color Variation

#12fdc3
```
#12fdc3 rgb(18,253,195)
```
#25fdc8
```
#25fdc8 rgb(37,253,200)
```
#38fdcd
```
#38fdcd rgb(56,253,205)
```
#4cfed2
```
#4cfed2 rgb(76,254,210)
```
#5ffed7
```
#5ffed7 rgb(95,254,215)
```
#73fedc
```
#73fedc rgb(115,254,220)
```
#86fee0
```
#86fee0 rgb(134,254,224)
```
#9afee5
```
#9afee5 rgb(154,254,229)
```
#adfeea
```
#adfeea rgb(173,254,234)
```
#c1feef
```
#c1feef rgb(193,254,239)
```
#d4fff4
```
#d4fff4 rgb(212,255,244)
```
#e8fff9
```
#e8fff9 rgb(232,255,249)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#768581
```
#768581 rgb(118,133,129)
```
#6c8f86
```
#6c8f86 rgb(108,143,134)
```
#63988b
```
#63988b rgb(99,152,139)
```
#59a290
```
#59a290 rgb(89,162,144)
```
#4fac95
```
#4fac95 rgb(79,172,149)
```
#46b59a
```
#46b59a rgb(70,181,154)
```
#3cbf9f
```
#3cbf9f rgb(60,191,159)
```
#32c9a4
```
#32c9a4 rgb(50,201,164)
```
#29d2a8
```
#29d2a8 rgb(41,210,168)
```
#1fdcad
```
#1fdcad rgb(31,220,173)
```
#15e6b2
```
#15e6b2 rgb(21,230,178)
```
#0cefb7
```
#0cefb7 rgb(12,239,183)
```
#02f9bc
```
#02f9bc rgb(2,249,188)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#87b8ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebddb2 Protanopia 1% of men
#f8d6cb Deuteranopia 1% of men
#72eeff Tritanopia 0.001% of the population

Trichromacy

#96e7b6 Protanomaly 1% of men, 0.01% of women
#9fe2c6 Deuteranomaly 6% of men, 0.4% of women
#49f2e6 Tritanomaly 0.01% of the population

#02f9bc hex color

#02f9bc Color Information

#02f9bc Color Conversion

Color Schemes with #02f9bc

Alternatives to #02f9bc

#02f9bc Preview

Shades and Tints of #02f9bc

Tones of #02f9bc

Color Blindness Simulator