#02a2e0 hex color

In a RGB color space, hex #02a2e0 is composed of 0.8% red, 63.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 27.7% magenta, 0% yellow and 12.2% black. It has a hue angle of 196.8 degrees, a saturation of 98.2% and a lightness of 44.3%. #02a2e0 color hex could be obtained by blending #04ffff with #0045c1. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 64
- B 88
RGB color chart
- C 99
- M 28
- Y 0
- K 12
CMYK color chart

● #02a2e0 color description : Vivid blue.

The hexadecimal color #02a2e0 has RGB values of R:2, G:162, B:224 and CMYK values of C:0.99, M:0.28, Y:0, K:0.12. Its decimal value is 172768.

Hex triplet	02a2e0	`#02a2e0`
RGB Decimal	2, 162, 224	`rgb(2,162,224)`
RGB Percent	0.8, 63.5, 87.8	`rgb(0.8%,63.5%,87.8%)`
CMYK	99, 28, 0, 12
HSL	196.8°, 98.2, 44.3	`hsl(196.8,98.2%,44.3%)`
HSV (or HSB)	196.8°, 99.1, 87.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.704, -13.024, -41.055
XYZ	26.396, 31.233, 75.154
xyY	0.199, 0.235, 31.233
CIE-LCH	62.704, 43.071, 252.4
CIE-LUV	62.704, -41.788, -63.677
Hunter-Lab	55.886, -13.491, -40.611
Binary	00000010, 10100010, 11100000

#02a2e0
```
#02a2e0 rgb(2,162,224)
```
#e04002
```
#e04002 rgb(224,64,2)
```

Complementary Color

#02e0af
```
#02e0af rgb(2,224,175)
```
#02a2e0
```
#02a2e0 rgb(2,162,224)
```
#0233e0
```
#0233e0 rgb(2,51,224)
```

Analogous Color

#e0af02
```
#e0af02 rgb(224,175,2)
```
#02a2e0
```
#02a2e0 rgb(2,162,224)
```
#e00233
```
#e00233 rgb(224,2,51)
```

Split Complementary Color

#a2e002
```
#a2e002 rgb(162,224,2)
```
#02a2e0
```
#02a2e0 rgb(2,162,224)
```
#e002a2
```
#e002a2 rgb(224,2,162)
```

Triadic Color

#02e040
```
#02e040 rgb(2,224,64)
```
#02a2e0
```
#02a2e0 rgb(2,162,224)
```
#e002a2
```
#e002a2 rgb(224,2,162)
```
#e04002
```
#e04002 rgb(224,64,2)
```

Tetradic Color

#016b94
```
#016b94 rgb(1,107,148)
```
#027dad
```
#027dad rgb(2,125,173)
```
#0290c7
```
#0290c7 rgb(2,144,199)
```
#02a2e0
```
#02a2e0 rgb(2,162,224)
```
#02b4f9
```
#02b4f9 rgb(2,180,249)
```
#18bdfd
```
#18bdfd rgb(24,189,253)
```
#31c4fd
```
#31c4fd rgb(49,196,253)
```

Monochromatic Color

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

#02dae0
```
#02dae0 rgb(2,218,224)
```
#02c7e0
```
#02c7e0 rgb(2,199,224)
```
#02b5e0
```
#02b5e0 rgb(2,181,224)
```
#02a2e0
```
#02a2e0 rgb(2,162,224)
```
#0290e0
```
#0290e0 rgb(2,144,224)
```
#027de0
```
#027de0 rgb(2,125,224)
```
#026be0
```
#026be0 rgb(2,107,224)
```

Similar Colors

Text with hexadecimal color #02a2e0

This text has a font color of #02a2e0.

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

#02a2e0 background color

This paragraph has a background color of #02a2e0.

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

#02a2e0 border color

This element has a border color of #02a2e0.

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

CSS codes

.text {color:#02a2e0;}

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

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

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#00151e
```
#00151e rgb(0,21,30)
```
#002331
```
#002331 rgb(0,35,49)
```
#013244
```
#013244 rgb(1,50,68)
```
#014058
```
#014058 rgb(1,64,88)
```
#014e6b
```
#014e6b rgb(1,78,107)
```
#015c7f
```
#015c7f rgb(1,92,127)
```
#016a92
```
#016a92 rgb(1,106,146)
```
#0178a6
```
#0178a6 rgb(1,120,166)
```
#0286b9
```
#0286b9 rgb(2,134,185)
```
#0294cd
```
#0294cd rgb(2,148,205)
```
#02a2e0
```
#02a2e0 rgb(2,162,224)
```
#02b0f3
```
#02b0f3 rgb(2,176,243)
```

Shade Color Variation

#0cbafd
```
#0cbafd rgb(12,186,253)
```
#20bffd
```
#20bffd rgb(32,191,253)
```
#33c5fd
```
#33c5fd rgb(51,197,253)
```
#47cafd
```
#47cafd rgb(71,202,253)
```
#5ad0fe
```
#5ad0fe rgb(90,208,254)
```
#6ed5fe
```
#6ed5fe rgb(110,213,254)
```
#81dbfe
```
#81dbfe rgb(129,219,254)
```
#94e1fe
```
#94e1fe rgb(148,225,254)
```
#a8e6fe
```
#a8e6fe rgb(168,230,254)
```
#bbecfe
```
#bbecfe rgb(187,236,254)
```
#cff1ff
```
#cff1ff rgb(207,241,255)
```
#e2f7ff
```
#e2f7ff rgb(226,247,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#6a7478
```
#6a7478 rgb(106,116,120)
```
#627880
```
#627880 rgb(98,120,128)
```
#597c89
```
#597c89 rgb(89,124,137)
```
#507f92
```
#507f92 rgb(80,127,146)
```
#48839a
```
#48839a rgb(72,131,154)
```
#3f87a3
```
#3f87a3 rgb(63,135,163)
```
#368bac
```
#368bac rgb(54,139,172)
```
#2d8fb5
```
#2d8fb5 rgb(45,143,181)
```
#2593bd
```
#2593bd rgb(37,147,189)
```
#1c96c6
```
#1c96c6 rgb(28,150,198)
```
#139acf
```
#139acf rgb(19,154,207)
```
#0b9ed7
```
#0b9ed7 rgb(11,158,215)
```
#02a2e0
```
#02a2e0 rgb(2,162,224)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#61818e Atypical Achromatopsia 0.001% of the population

Dichromacy

#879ad8 Protanopia 1% of men
#769ce5 Deuteranopia 1% of men
#00acb7 Tritanopia 0.001% of the population

Trichromacy

#579ddb Protanomaly 1% of men, 0.01% of women
#4c9ee3 Deuteranomaly 6% of men, 0.4% of women
#00a8c6 Tritanomaly 0.01% of the population

#02a2e0 hex color

#02a2e0 Color Information

#02a2e0 Color Conversion

Color Schemes with #02a2e0

Alternatives to #02a2e0

#02a2e0 Preview

Shades and Tints of #02a2e0

Tones of #02a2e0

Color Blindness Simulator