#02b1e0 hex color

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

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

● #02b1e0 color description : Vivid cyan.

The hexadecimal color #02b1e0 has RGB values of R:2, G:177, B:224 and CMYK values of C:0.99, M:0.21, Y:0, K:0.12. Its decimal value is 176608.

Hex triplet	02b1e0	`#02b1e0`
RGB Decimal	2, 177, 224	`rgb(2,177,224)`
RGB Percent	0.8, 69.4, 87.8	`rgb(0.8%,69.4%,87.8%)`
CMYK	99, 21, 0, 12
HSL	192.7°, 98.2, 44.3	`hsl(192.7,98.2%,44.3%)`
HSV (or HSB)	192.7°, 99.1, 87.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	67.154, -21.05, -34.111
XYZ	29.198, 36.836, 76.088
xyY	0.205, 0.259, 36.836
CIE-LCH	67.154, 40.083, 238.321
CIE-LUV	67.154, -46.838, -51.549
Hunter-Lab	60.693, -20.339, -31.845
Binary	00000010, 10110001, 11100000

#02b1e0
```
#02b1e0 rgb(2,177,224)
```
#e03102
```
#e03102 rgb(224,49,2)
```

Complementary Color

#02e0a0
```
#02e0a0 rgb(2,224,160)
```
#02b1e0
```
#02b1e0 rgb(2,177,224)
```
#0242e0
```
#0242e0 rgb(2,66,224)
```

Analogous Color

#e0a002
```
#e0a002 rgb(224,160,2)
```
#02b1e0
```
#02b1e0 rgb(2,177,224)
```
#e00242
```
#e00242 rgb(224,2,66)
```

Split Complementary Color

#b1e002
```
#b1e002 rgb(177,224,2)
```
#02b1e0
```
#02b1e0 rgb(2,177,224)
```
#e002b1
```
#e002b1 rgb(224,2,177)
```

Triadic Color

#02e031
```
#02e031 rgb(2,224,49)
```
#02b1e0
```
#02b1e0 rgb(2,177,224)
```
#e002b1
```
#e002b1 rgb(224,2,177)
```
#e03102
```
#e03102 rgb(224,49,2)
```

Tetradic Color

#017594
```
#017594 rgb(1,117,148)
```
#0289ad
```
#0289ad rgb(2,137,173)
```
#029dc7
```
#029dc7 rgb(2,157,199)
```
#02b1e0
```
#02b1e0 rgb(2,177,224)
```
#02c5f9
```
#02c5f9 rgb(2,197,249)
```
#18ccfd
```
#18ccfd rgb(24,204,253)
```
#31d2fd
```
#31d2fd rgb(49,210,253)
```

Monochromatic Color

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

#02e0d8
```
#02e0d8 rgb(2,224,216)
```
#02d6e0
```
#02d6e0 rgb(2,214,224)
```
#02c4e0
```
#02c4e0 rgb(2,196,224)
```
#02b1e0
```
#02b1e0 rgb(2,177,224)
```
#029fe0
```
#029fe0 rgb(2,159,224)
```
#028ce0
```
#028ce0 rgb(2,140,224)
```
#027ae0
```
#027ae0 rgb(2,122,224)
```

Similar Colors

Text with hexadecimal color #02b1e0

This text has a font color of #02b1e0.

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

#02b1e0 background color

This paragraph has a background color of #02b1e0.

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

#02b1e0 border color

This element has a border color of #02b1e0.

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

CSS codes

.text {color:#02b1e0;}

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

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

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

#00080a
```
#00080a rgb(0,8,10)
```
#00171e
```
#00171e rgb(0,23,30)
```
#002731
```
#002731 rgb(0,39,49)
```
#013644
```
#013644 rgb(1,54,68)
```
#014558
```
#014558 rgb(1,69,88)
```
#01556b
```
#01556b rgb(1,85,107)
```
#01647f
```
#01647f rgb(1,100,127)
```
#017492
```
#017492 rgb(1,116,146)
```
#0183a6
```
#0183a6 rgb(1,131,166)
```
#0292b9
```
#0292b9 rgb(2,146,185)
```
#02a2cd
```
#02a2cd rgb(2,162,205)
```
#02b1e0
```
#02b1e0 rgb(2,177,224)
```
#02c0f3
```
#02c0f3 rgb(2,192,243)
```

Shade Color Variation

#0ccafd
```
#0ccafd rgb(12,202,253)
```
#20cefd
```
#20cefd rgb(32,206,253)
```
#33d2fd
```
#33d2fd rgb(51,210,253)
```
#47d7fd
```
#47d7fd rgb(71,215,253)
```
#5adbfe
```
#5adbfe rgb(90,219,254)
```
#6edffe
```
#6edffe rgb(110,223,254)
```
#81e3fe
```
#81e3fe rgb(129,227,254)
```
#94e8fe
```
#94e8fe rgb(148,232,254)
```
#a8ecfe
```
#a8ecfe rgb(168,236,254)
```
#bbf0fe
```
#bbf0fe rgb(187,240,254)
```
#cff4ff
```
#cff4ff rgb(207,244,255)
```
#e2f9ff
```
#e2f9ff rgb(226,249,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#6a7578
```
#6a7578 rgb(106,117,120)
```
#627a80
```
#627a80 rgb(98,122,128)
```
#597f89
```
#597f89 rgb(89,127,137)
```
#508492
```
#508492 rgb(80,132,146)
```
#48899a
```
#48899a rgb(72,137,154)
```
#3f8ea3
```
#3f8ea3 rgb(63,142,163)
```
#3693ac
```
#3693ac rgb(54,147,172)
```
#2d98b5
```
#2d98b5 rgb(45,152,181)
```
#259dbd
```
#259dbd rgb(37,157,189)
```
#1ca2c6
```
#1ca2c6 rgb(28,162,198)
```
#13a7cf
```
#13a7cf rgb(19,167,207)
```
#0bacd7
```
#0bacd7 rgb(11,172,215)
```
#02b1e0
```
#02b1e0 rgb(2,177,224)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#688b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a6d7 Protanopia 1% of men
#8fa6e7 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#62aada Protanomaly 1% of men, 0.01% of women
#5baae4 Deuteranomaly 6% of men, 0.4% of women
#00b5cf Tritanomaly 0.01% of the population

#02b1e0 hex color

#02b1e0 Color Information

#02b1e0 Color Conversion

Color Schemes with #02b1e0

Alternatives to #02b1e0

#02b1e0 Preview

Shades and Tints of #02b1e0

Tones of #02b1e0

Color Blindness Simulator