colorhexa.com

#02b5e8 hex color

In a RGB color space, hex #02b5e8 is composed of 0.8% red, 71% green and 91% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 22% magenta, 0% yellow and 9% black. It has a hue angle of 193.3 degrees, a saturation of 98.3% and a lightness of 45.9%. #02b5e8 color hex could be obtained by blending #04ffff with #006bd1. Closest websafe color is: #00ccff.

- R 1
- G 71
- B 91
RGB color chart
- C 99
- M 22
- Y 0
- K 9
CMYK color chart

● #02b5e8 color description : Vivid cyan.

The hexadecimal color #02b5e8 has RGB values of R:2, G:181, B:232 and CMYK values of C:0.99, M:0.22, Y:0, K:0.09. Its decimal value is 177640.

Hex triplet	02b5e8	`#02b5e8`
RGB Decimal	2, 181, 232	`rgb(2,181,232)`
RGB Percent	0.8, 71, 91	`rgb(0.8%,71%,91%)`
CMYK	99, 22, 0, 9
HSL	193.3°, 98.3, 45.9	`hsl(193.3,98.3%,45.9%)`
HSV (or HSB)	193.3°, 99.1, 91
Web Safe	00ccff	`#00ccff`

CIE-LAB	68.667, -20.362, -36.136
XYZ	31.111, 38.884, 82.205
xyY	0.204, 0.255, 38.884
CIE-LCH	68.667, 41.478, 240.6
CIE-LUV	68.667, -47.584, -55.236
Hunter-Lab	62.357, -20.069, -34.512
Binary	00000010, 10110101, 11101000

#02b5e8
```
#02b5e8 rgb(2,181,232)
```
#e83502
```
#e83502 rgb(232,53,2)
```

Complementary Color

#02e8a8
```
#02e8a8 rgb(2,232,168)
```
#02b5e8
```
#02b5e8 rgb(2,181,232)
```
#0242e8
```
#0242e8 rgb(2,66,232)
```

Analogous Color

#e8a802
```
#e8a802 rgb(232,168,2)
```
#02b5e8
```
#02b5e8 rgb(2,181,232)
```
#e80242
```
#e80242 rgb(232,2,66)
```

Split Complementary Color

#b5e802
```
#b5e802 rgb(181,232,2)
```
#02b5e8
```
#02b5e8 rgb(2,181,232)
```
#e802b5
```
#e802b5 rgb(232,2,181)
```

Triadic Color

#017a9c
```
#017a9c rgb(1,122,156)
```
#028eb5
```
#028eb5 rgb(2,142,181)
```
#02a1cf
```
#02a1cf rgb(2,161,207)
```
#02b5e8
```
#02b5e8 rgb(2,181,232)
```
#07c6fd
```
#07c6fd rgb(7,198,253)
```
#20ccfd
```
#20ccfd rgb(32,204,253)
```
#39d2fd
```
#39d2fd rgb(57,210,253)
```

Monochromatic Color

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

#02e8e2
```
#02e8e2 rgb(2,232,226)
```
#02dbe8
```
#02dbe8 rgb(2,219,232)
```
#02c8e8
```
#02c8e8 rgb(2,200,232)
```
#02b5e8
```
#02b5e8 rgb(2,181,232)
```
#02a2e8
```
#02a2e8 rgb(2,162,232)
```
#028fe8
```
#028fe8 rgb(2,143,232)
```
#027ce8
```
#027ce8 rgb(2,124,232)
```

Similar Colors

Text with hexadecimal color #02b5e8

This text has a font color of #02b5e8.

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

#02b5e8 background color

This paragraph has a background color of #02b5e8.

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

#02b5e8 border color

This element has a border color of #02b5e8.

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

CSS codes

.text {color:#02b5e8;}

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

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

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

#000e12
```
#000e12 rgb(0,14,18)
```
#001d26
```
#001d26 rgb(0,29,38)
```
#002c39
```
#002c39 rgb(0,44,57)
```
#013c4c
```
#013c4c rgb(1,60,76)
```
#014b60
```
#014b60 rgb(1,75,96)
```
#015a73
```
#015a73 rgb(1,90,115)
```
#016987
```
#016987 rgb(1,105,135)
```
#01789a
```
#01789a rgb(1,120,154)
```
#0187ae
```
#0187ae rgb(1,135,174)
```
#0297c1
```
#0297c1 rgb(2,151,193)
```
#02a6d5
```
#02a6d5 rgb(2,166,213)
```
#02b5e8
```
#02b5e8 rgb(2,181,232)
```
#02c4fb
```
#02c4fb rgb(2,196,251)
```

Shade Color Variation

#14c9fd
```
#14c9fd rgb(20,201,253)
```
#28cefd
```
#28cefd rgb(40,206,253)
```
#3bd2fd
```
#3bd2fd rgb(59,210,253)
```
#4fd7fd
```
#4fd7fd rgb(79,215,253)
```
#62dbfe
```
#62dbfe rgb(98,219,254)
```
#75e0fe
```
#75e0fe rgb(117,224,254)
```
#89e4fe
```
#89e4fe rgb(137,228,254)
```
#9ce8fe
```
#9ce8fe rgb(156,232,254)
```
#b0edfe
```
#b0edfe rgb(176,237,254)
```
#c3f1fe
```
#c3f1fe rgb(195,241,254)
```
#d7f6ff
```
#d7f6ff rgb(215,246,255)
```
#eafaff
```
#eafaff rgb(234,250,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#6e797c
```
#6e797c rgb(110,121,124)
```
#657e85
```
#657e85 rgb(101,126,133)
```
#5c838e
```
#5c838e rgb(92,131,142)
```
#538897
```
#538897 rgb(83,136,151)
```
#4a8da0
```
#4a8da0 rgb(74,141,160)
```
#4192a9
```
#4192a9 rgb(65,146,169)
```
#3897b2
```
#3897b2 rgb(56,151,178)
```
#2f9cbb
```
#2f9cbb rgb(47,156,187)
```
#26a1c4
```
#26a1c4 rgb(38,161,196)
```
#1da6cd
```
#1da6cd rgb(29,166,205)
```
#14abd6
```
#14abd6 rgb(20,171,214)
```
#0bb0df
```
#0bb0df rgb(11,176,223)
```
#02b5e8
```
#02b5e8 rgb(2,181,232)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6b8f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9caadf Protanopia 1% of men
#90aaee Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#64aee2 Protanomaly 1% of men, 0.01% of women
#5caeec Deuteranomaly 6% of men, 0.4% of women
#00b9d4 Tritanomaly 0.01% of the population