#02defa hex color

In a RGB color space, hex #02defa is composed of 0.8% red, 87.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 11.2% magenta, 0% yellow and 2% black. It has a hue angle of 186.8 degrees, a saturation of 98.4% and a lightness of 49.4%. #02defa color hex could be obtained by blending #04ffff with #00bdf5. Closest websafe color is: #00ccff.

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

● #02defa color description : Vivid cyan.

The hexadecimal color #02defa has RGB values of R:2, G:222, B:250 and CMYK values of C:0.99, M:0.11, Y:0, K:0.02. Its decimal value is 188154.

Hex triplet	02defa	`#02defa`
RGB Decimal	2, 222, 250	`rgb(2,222,250)`
RGB Percent	0.8, 87.1, 98	`rgb(0.8%,87.1%,98%)`
CMYK	99, 11, 0, 2
HSL	186.8°, 98.4, 49.4	`hsl(186.8,98.4%,49.4%)`
HSV (or HSB)	186.8°, 99.2, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.376, -34.709, -26.236
XYZ	43.397, 59.153, 99.568
xyY	0.215, 0.293, 59.153
CIE-LCH	81.376, 43.51, 217.085
CIE-LUV	81.376, -59.922, -37.339
Hunter-Lab	76.911, -33.877, -22.918
Binary	00000010, 11011110, 11111010

#02defa
```
#02defa rgb(2,222,250)
```
#fa1e02
```
#fa1e02 rgb(250,30,2)
```

Complementary Color

#02fa9a
```
#02fa9a rgb(2,250,154)
```
#02defa
```
#02defa rgb(2,222,250)
```
#0262fa
```
#0262fa rgb(2,98,250)
```

Analogous Color

#fa9a02
```
#fa9a02 rgb(250,154,2)
```
#02defa
```
#02defa rgb(2,222,250)
```
#fa0262
```
#fa0262 rgb(250,2,98)
```

Split Complementary Color

#defa02
```
#defa02 rgb(222,250,2)
```
#02defa
```
#02defa rgb(2,222,250)
```
#fa02de
```
#fa02de rgb(250,2,222)
```

Triadic Color

#02fa1e
```
#02fa1e rgb(2,250,30)
```
#02defa
```
#02defa rgb(2,222,250)
```
#fa02de
```
#fa02de rgb(250,2,222)
```
#fa1e02
```
#fa1e02 rgb(250,30,2)
```

Tetradic Color

#019bae
```
#019bae rgb(1,155,174)
```
#02b1c7
```
#02b1c7 rgb(2,177,199)
```
#02c8e1
```
#02c8e1 rgb(2,200,225)
```
#02defa
```
#02defa rgb(2,222,250)
```
#18e3fd
```
#18e3fd rgb(24,227,253)
```
#32e6fd
```
#32e6fd rgb(50,230,253)
```
#4be9fe
```
#4be9fe rgb(75,233,254)
```

Monochromatic Color

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

#02fad8
```
#02fad8 rgb(2,250,216)
```
#02faed
```
#02faed rgb(2,250,237)
```
#02f3fa
```
#02f3fa rgb(2,243,250)
```
#02defa
```
#02defa rgb(2,222,250)
```
#02c9fa
```
#02c9fa rgb(2,201,250)
```
#02b5fa
```
#02b5fa rgb(2,181,250)
```
#02a0fa
```
#02a0fa rgb(2,160,250)
```

Similar Colors

Text with hexadecimal color #02defa

This text has a font color of #02defa.

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

#02defa background color

This paragraph has a background color of #02defa.

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

#02defa border color

This element has a border color of #02defa.

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

CSS codes

.text {color:#02defa;}

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

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

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

#000f10
```
#000f10 rgb(0,15,16)
```
#002024
```
#002024 rgb(0,32,36)
```
#003137
```
#003137 rgb(0,49,55)
```
#01424b
```
#01424b rgb(1,66,75)
```
#01545e
```
#01545e rgb(1,84,94)
```
#016572
```
#016572 rgb(1,101,114)
```
#017685
```
#017685 rgb(1,118,133)
```
#018899
```
#018899 rgb(1,136,153)
```
#0199ac
```
#0199ac rgb(1,153,172)
```
#02aac0
```
#02aac0 rgb(2,170,192)
```
#02bbd3
```
#02bbd3 rgb(2,187,211)
```
#02cde7
```
#02cde7 rgb(2,205,231)
```
#02defa
```
#02defa rgb(2,222,250)
```

Shade Color Variation

#13e3fd
```
#13e3fd rgb(19,227,253)
```
#26e5fd
```
#26e5fd rgb(38,229,253)
```
#39e7fd
```
#39e7fd rgb(57,231,253)
```
#4deafe
```
#4deafe rgb(77,234,254)
```
#60ecfe
```
#60ecfe rgb(96,236,254)
```
#74eefe
```
#74eefe rgb(116,238,254)
```
#87f1fe
```
#87f1fe rgb(135,241,254)
```
#9bf3fe
```
#9bf3fe rgb(155,243,254)
```
#aef5fe
```
#aef5fe rgb(174,245,254)
```
#c2f8ff
```
#c2f8ff rgb(194,248,255)
```
#d5faff
```
#d5faff rgb(213,250,255)
```
#e9fcff
```
#e9fcff rgb(233,252,255)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#768486
```
#768486 rgb(118,132,134)
```
#6d8b8f
```
#6d8b8f rgb(109,139,143)
```
#639399
```
#639399 rgb(99,147,153)
```
#599aa3
```
#599aa3 rgb(89,154,163)
```
#50a2ac
```
#50a2ac rgb(80,162,172)
```
#46a9b6
```
#46a9b6 rgb(70,169,182)
```
#3cb1c0
```
#3cb1c0 rgb(60,177,192)
```
#32b8ca
```
#32b8ca rgb(50,184,202)
```
#29c0d3
```
#29c0d3 rgb(41,192,211)
```
#1fc7dd
```
#1fc7dd rgb(31,199,221)
```
#15cfe7
```
#15cfe7 rgb(21,207,231)
```
#0cd6f0
```
#0cd6f0 rgb(12,214,240)
```
#02defa
```
#02defa rgb(2,222,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#80acb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cbed Protanopia 1% of men
#c2c9ff Deuteranopia 1% of men
#00e0f1 Tritanopia 0.001% of the population

Trichromacy

#7ed2f2 Protanomaly 1% of men, 0.01% of women
#7cd1fd Deuteranomaly 6% of men, 0.4% of women
#00dff4 Tritanomaly 0.01% of the population

#02defa hex color

#02defa Color Information

#02defa Color Conversion

Color Schemes with #02defa

Alternatives to #02defa

#02defa Preview

Shades and Tints of #02defa

Tones of #02defa

Color Blindness Simulator