#02bee2 hex color

In a RGB color space, hex #02bee2 is composed of 0.8% red, 74.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 15.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 189.6 degrees, a saturation of 98.2% and a lightness of 44.7%. #02bee2 color hex could be obtained by blending #04ffff with #007dc5. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 75
- B 89
RGB color chart
- C 99
- M 16
- Y 0
- K 11
CMYK color chart

● #02bee2 color description : Vivid cyan.

The hexadecimal color #02bee2 has RGB values of R:2, G:190, B:226 and CMYK values of C:0.99, M:0.16, Y:0, K:0.11. Its decimal value is 179938.

Hex triplet	02bee2	`#02bee2`
RGB Decimal	2, 190, 226	`rgb(2,190,226)`
RGB Percent	0.8, 74.5, 88.6	`rgb(0.8%,74.5%,88.6%)`
CMYK	99, 16, 0, 11
HSL	189.6°, 98.2, 44.7	`hsl(189.6,98.2%,44.7%)`
HSV (or HSB)	189.6°, 99.1, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	71.096, -26.993, -29.111
XYZ	32.162, 42.328, 78.422
xyY	0.21, 0.277, 42.328
CIE-LCH	71.096, 39.699, 227.162
CIE-LUV	71.096, -51.081, -42.663
Hunter-Lab	65.06, -25.613, -25.926
Binary	00000010, 10111110, 11100010

#02bee2
```
#02bee2 rgb(2,190,226)
```
#e22602
```
#e22602 rgb(226,38,2)
```

Complementary Color

#02e296
```
#02e296 rgb(2,226,150)
```
#02bee2
```
#02bee2 rgb(2,190,226)
```
#024ee2
```
#024ee2 rgb(2,78,226)
```

Analogous Color

#e29602
```
#e29602 rgb(226,150,2)
```
#02bee2
```
#02bee2 rgb(2,190,226)
```
#e2024e
```
#e2024e rgb(226,2,78)
```

Split Complementary Color

#bee202
```
#bee202 rgb(190,226,2)
```
#02bee2
```
#02bee2 rgb(2,190,226)
```
#e202be
```
#e202be rgb(226,2,190)
```

Triadic Color

#02e226
```
#02e226 rgb(2,226,38)
```
#02bee2
```
#02bee2 rgb(2,190,226)
```
#e202be
```
#e202be rgb(226,2,190)
```
#e22602
```
#e22602 rgb(226,38,2)
```

Tetradic Color

#017e96
```
#017e96 rgb(1,126,150)
```
#0294af
```
#0294af rgb(2,148,175)
```
#02a9c9
```
#02a9c9 rgb(2,169,201)
```
#02bee2
```
#02bee2 rgb(2,190,226)
```
#02d3fb
```
#02d3fb rgb(2,211,251)
```
#1ad9fd
```
#1ad9fd rgb(26,217,253)
```
#33ddfd
```
#33ddfd rgb(51,221,253)
```

Monochromatic Color

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

#02e2ce
```
#02e2ce rgb(2,226,206)
```
#02e2e1
```
#02e2e1 rgb(2,226,225)
```
#02d1e2
```
#02d1e2 rgb(2,209,226)
```
#02bee2
```
#02bee2 rgb(2,190,226)
```
#02abe2
```
#02abe2 rgb(2,171,226)
```
#0299e2
```
#0299e2 rgb(2,153,226)
```
#0286e2
```
#0286e2 rgb(2,134,226)
```

Similar Colors

Text with hexadecimal color #02bee2

This text has a font color of #02bee2.

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

#02bee2 background color

This paragraph has a background color of #02bee2.

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

#02bee2 border color

This element has a border color of #02bee2.

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

CSS codes

.text {color:#02bee2;}

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

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

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

#000a0c
```
#000a0c rgb(0,10,12)
```
#001b20
```
#001b20 rgb(0,27,32)
```
#002b33
```
#002b33 rgb(0,43,51)
```
#013b46
```
#013b46 rgb(1,59,70)
```
#014c5a
```
#014c5a rgb(1,76,90)
```
#015c6d
```
#015c6d rgb(1,92,109)
```
#016c81
```
#016c81 rgb(1,108,129)
```
#017d94
```
#017d94 rgb(1,125,148)
```
#018da8
```
#018da8 rgb(1,141,168)
```
#029dbb
```
#029dbb rgb(2,157,187)
```
#02aecf
```
#02aecf rgb(2,174,207)
```
#02bee2
```
#02bee2 rgb(2,190,226)
```
#02cef5
```
#02cef5 rgb(2,206,245)
```

Shade Color Variation

#0ed7fd
```
#0ed7fd rgb(14,215,253)
```
#22dafd
```
#22dafd rgb(34,218,253)
```
#35ddfd
```
#35ddfd rgb(53,221,253)
```
#49e0fd
```
#49e0fd rgb(73,224,253)
```
#5ce4fe
```
#5ce4fe rgb(92,228,254)
```
#70e7fe
```
#70e7fe rgb(112,231,254)
```
#83eafe
```
#83eafe rgb(131,234,254)
```
#96edfe
```
#96edfe rgb(150,237,254)
```
#aaf1fe
```
#aaf1fe rgb(170,241,254)
```
#bdf4fe
```
#bdf4fe rgb(189,244,254)
```
#d1f7ff
```
#d1f7ff rgb(209,247,255)
```
#e4fbff
```
#e4fbff rgb(228,251,255)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#6b7779
```
#6b7779 rgb(107,119,121)
```
#627d82
```
#627d82 rgb(98,125,130)
```
#5a828a
```
#5a828a rgb(90,130,138)
```
#518893
```
#518893 rgb(81,136,147)
```
#488e9c
```
#488e9c rgb(72,142,156)
```
#3f94a5
```
#3f94a5 rgb(63,148,165)
```
#379aad
```
#379aad rgb(55,154,173)
```
#2ea0b6
```
#2ea0b6 rgb(46,160,182)
```
#25a6bf
```
#25a6bf rgb(37,166,191)
```
#1cacc8
```
#1cacc8 rgb(28,172,200)
```
#14b2d0
```
#14b2d0 rgb(20,178,208)
```
#0bb8d9
```
#0bb8d9 rgb(11,184,217)
```
#02bee2
```
#02bee2 rgb(2,190,226)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#6f949c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b0d8 Protanopia 1% of men
#a1afea Deuteranopia 1% of men
#00c3d1 Tritanopia 0.001% of the population

Trichromacy

#6bb5dc Protanomaly 1% of men, 0.01% of women
#67b5e7 Deuteranomaly 6% of men, 0.4% of women
#00c1d7 Tritanomaly 0.01% of the population

#02bee2 hex color

#02bee2 Color Information

#02bee2 Color Conversion

Color Schemes with #02bee2

Alternatives to #02bee2

#02bee2 Preview

Shades and Tints of #02bee2

Tones of #02bee2

Color Blindness Simulator