#02a1de hex color

In a RGB color space, hex #02a1de is composed of 0.8% red, 63.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 27.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 196.6 degrees, a saturation of 98.2% and a lightness of 43.9%. #02a1de color hex could be obtained by blending #04ffff with #0043bd. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 63
- B 87
RGB color chart
- C 99
- M 27
- Y 0
- K 13
CMYK color chart

● #02a1de color description : Vivid blue.

The hexadecimal color #02a1de has RGB values of R:2, G:161, B:222 and CMYK values of C:0.99, M:0.27, Y:0, K:0.13. Its decimal value is 172510.

Hex triplet	02a1de	`#02a1de`
RGB Decimal	2, 161, 222	`rgb(2,161,222)`
RGB Percent	0.8, 63.1, 87.1	`rgb(0.8%,63.1%,87.1%)`
CMYK	99, 27, 0, 13
HSL	196.6°, 98.2, 43.9	`hsl(196.6,98.2%,43.9%)`
HSV (or HSB)	196.6°, 99.1, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.316, -13.198, -40.555
XYZ	25.951, 30.774, 73.675
xyY	0.199, 0.236, 30.774
CIE-LCH	62.316, 42.649, 251.973
CIE-LUV	62.316, -41.594, -62.756
Hunter-Lab	55.474, -13.576, -39.911
Binary	00000010, 10100001, 11011110

#02a1de
```
#02a1de rgb(2,161,222)
```
#de3f02
```
#de3f02 rgb(222,63,2)
```

Complementary Color

#02dead
```
#02dead rgb(2,222,173)
```
#02a1de
```
#02a1de rgb(2,161,222)
```
#0233de
```
#0233de rgb(2,51,222)
```

Analogous Color

#dead02
```
#dead02 rgb(222,173,2)
```
#02a1de
```
#02a1de rgb(2,161,222)
```
#de0233
```
#de0233 rgb(222,2,51)
```

Split Complementary Color

#a1de02
```
#a1de02 rgb(161,222,2)
```
#02a1de
```
#02a1de rgb(2,161,222)
```
#de02a1
```
#de02a1 rgb(222,2,161)
```

Triadic Color

#02de3f
```
#02de3f rgb(2,222,63)
```
#02a1de
```
#02a1de rgb(2,161,222)
```
#de02a1
```
#de02a1 rgb(222,2,161)
```
#de3f02
```
#de3f02 rgb(222,63,2)
```

Tetradic Color

#016a92
```
#016a92 rgb(1,106,146)
```
#027cab
```
#027cab rgb(2,124,171)
```
#028fc5
```
#028fc5 rgb(2,143,197)
```
#02a1de
```
#02a1de rgb(2,161,222)
```
#02b3f7
```
#02b3f7 rgb(2,179,247)
```
#16bdfd
```
#16bdfd rgb(22,189,253)
```
#2fc4fd
```
#2fc4fd rgb(47,196,253)
```

Monochromatic Color

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

#02d8de
```
#02d8de rgb(2,216,222)
```
#02c6de
```
#02c6de rgb(2,198,222)
```
#02b3de
```
#02b3de rgb(2,179,222)
```
#02a1de
```
#02a1de rgb(2,161,222)
```
#028fde
```
#028fde rgb(2,143,222)
```
#027cde
```
#027cde rgb(2,124,222)
```
#026ade
```
#026ade rgb(2,106,222)
```

Similar Colors

Text with hexadecimal color #02a1de

This text has a font color of #02a1de.

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

#02a1de background color

This paragraph has a background color of #02a1de.

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

#02a1de border color

This element has a border color of #02a1de.

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

CSS codes

.text {color:#02a1de;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#00141c
```
#00141c rgb(0,20,28)
```
#00222f
```
#00222f rgb(0,34,47)
```
#013042
```
#013042 rgb(1,48,66)
```
#013e56
```
#013e56 rgb(1,62,86)
```
#014c69
```
#014c69 rgb(1,76,105)
```
#015b7d
```
#015b7d rgb(1,91,125)
```
#016990
```
#016990 rgb(1,105,144)
```
#0177a4
```
#0177a4 rgb(1,119,164)
```
#0285b7
```
#0285b7 rgb(2,133,183)
```
#0293cb
```
#0293cb rgb(2,147,203)
```
#02a1de
```
#02a1de rgb(2,161,222)
```
#02aff1
```
#02aff1 rgb(2,175,241)
```

Shade Color Variation

#0abafd
```
#0abafd rgb(10,186,253)
```
#1ebffd
```
#1ebffd rgb(30,191,253)
```
#31c5fd
```
#31c5fd rgb(49,197,253)
```
#45cafd
```
#45cafd rgb(69,202,253)
```
#58d0fd
```
#58d0fd rgb(88,208,253)
```
#6cd5fe
```
#6cd5fe rgb(108,213,254)
```
#7fdbfe
```
#7fdbfe rgb(127,219,254)
```
#93e0fe
```
#93e0fe rgb(147,224,254)
```
#a6e6fe
```
#a6e6fe rgb(166,230,254)
```
#b9ebfe
```
#b9ebfe rgb(185,235,254)
```
#cdf1ff
```
#cdf1ff rgb(205,241,255)
```
#e0f6ff
```
#e0f6ff rgb(224,246,255)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#697377
```
#697377 rgb(105,115,119)
```
#61777f
```
#61777f rgb(97,119,127)
```
#587b88
```
#587b88 rgb(88,123,136)
```
#507e90
```
#507e90 rgb(80,126,144)
```
#478299
```
#478299 rgb(71,130,153)
```
#3e86a2
```
#3e86a2 rgb(62,134,162)
```
#368aaa
```
#368aaa rgb(54,138,170)
```
#2d8eb3
```
#2d8eb3 rgb(45,142,179)
```
#2492bc
```
#2492bc rgb(36,146,188)
```
#1c95c4
```
#1c95c4 rgb(28,149,196)
```
#1399cd
```
#1399cd rgb(19,153,205)
```
#0b9dd5
```
#0b9dd5 rgb(11,157,213)
```
#02a1de
```
#02a1de rgb(2,161,222)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#60808c Atypical Achromatopsia 0.001% of the population

Dichromacy

#879ad7 Protanopia 1% of men
#769be4 Deuteranopia 1% of men
#00abb6 Tritanopia 0.001% of the population

Trichromacy

#569cd9 Protanomaly 1% of men, 0.01% of women
#4c9de1 Deuteranomaly 6% of men, 0.4% of women
#00a7c4 Tritanomaly 0.01% of the population

#02a1de hex color

#02a1de Color Information

#02a1de Color Conversion

Color Schemes with #02a1de

Alternatives to #02a1de

#02a1de Preview

Shades and Tints of #02a1de

Tones of #02a1de

Color Blindness Simulator