colorhexa.com

#02b8ee hex color

In a RGB color space, hex #02b8ee is composed of 0.8% red, 72.2% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 22.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 193.7 degrees, a saturation of 98.3% and a lightness of 47.1%. #02b8ee color hex could be obtained by blending #04ffff with #0071dd. Closest websafe color is: #00ccff.

- R 1
- G 72
- B 93
RGB color chart
- C 99
- M 23
- Y 0
- K 7
CMYK color chart

● #02b8ee color description : Vivid cyan.

The hexadecimal color #02b8ee has RGB values of R:2, G:184, B:238 and CMYK values of C:0.99, M:0.23, Y:0, K:0.07. Its decimal value is 178414.

Hex triplet	02b8ee	`#02b8ee`
RGB Decimal	2, 184, 238	`rgb(2,184,238)`
RGB Percent	0.8, 72.2, 93.3	`rgb(0.8%,72.2%,93.3%)`
CMYK	99, 23, 0, 7
HSL	193.7°, 98.3, 47.1	`hsl(193.7,98.3%,47.1%)`
HSV (or HSB)	193.7°, 99.2, 93.3
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.799, -19.847, -37.643
XYZ	32.594, 40.464, 86.977
xyY	0.204, 0.253, 40.464
CIE-LCH	69.799, 42.554, 242.2
CIE-LUV	69.799, -48.141, -57.995
Hunter-Lab	63.611, -19.857, -36.541
Binary	00000010, 10111000, 11101110

#02b8ee
```
#02b8ee rgb(2,184,238)
```
#ee3802
```
#ee3802 rgb(238,56,2)
```

Complementary Color

#02eeae
```
#02eeae rgb(2,238,174)
```
#02b8ee
```
#02b8ee rgb(2,184,238)
```
#0242ee
```
#0242ee rgb(2,66,238)
```

Analogous Color

#eeae02
```
#eeae02 rgb(238,174,2)
```
#02b8ee
```
#02b8ee rgb(2,184,238)
```
#ee0242
```
#ee0242 rgb(238,2,66)
```

Split Complementary Color

#b8ee02
```
#b8ee02 rgb(184,238,2)
```
#02b8ee
```
#02b8ee rgb(2,184,238)
```
#ee02b8
```
#ee02b8 rgb(238,2,184)
```

Triadic Color

#017da2
```
#017da2 rgb(1,125,162)
```
#0291bb
```
#0291bb rgb(2,145,187)
```
#02a4d5
```
#02a4d5 rgb(2,164,213)
```
#02b8ee
```
#02b8ee rgb(2,184,238)
```
#0dc6fd
```
#0dc6fd rgb(13,198,253)
```
#26ccfd
```
#26ccfd rgb(38,204,253)
```
#3fd2fd
```
#3fd2fd rgb(63,210,253)
```

Monochromatic Color

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

#02eee9
```
#02eee9 rgb(2,238,233)
```
#02dfee
```
#02dfee rgb(2,223,238)
```
#02ccee
```
#02ccee rgb(2,204,238)
```
#02b8ee
```
#02b8ee rgb(2,184,238)
```
#02a4ee
```
#02a4ee rgb(2,164,238)
```
#0291ee
```
#0291ee rgb(2,145,238)
```
#027dee
```
#027dee rgb(2,125,238)
```

Similar Colors

Text with hexadecimal color #02b8ee

This text has a font color of #02b8ee.

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

#02b8ee background color

This paragraph has a background color of #02b8ee.

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

#02b8ee border color

This element has a border color of #02b8ee.

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

CSS codes

.text {color:#02b8ee;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001318
```
#001318 rgb(0,19,24)
```
#00222b
```
#00222b rgb(0,34,43)
```
#01313f
```
#01313f rgb(1,49,63)
```
#014052
```
#014052 rgb(1,64,82)
```
#014f66
```
#014f66 rgb(1,79,102)
```
#015e79
```
#015e79 rgb(1,94,121)
```
#016d8d
```
#016d8d rgb(1,109,141)
```
#017ca0
```
#017ca0 rgb(1,124,160)
```
#028bb4
```
#028bb4 rgb(2,139,180)
```
#029ac7
```
#029ac7 rgb(2,154,199)
```
#02a9db
```
#02a9db rgb(2,169,219)
```
#02b8ee
```
#02b8ee rgb(2,184,238)
```

Shade Color Variation

#07c5fd
```
#07c5fd rgb(7,197,253)
```
#1ac9fd
```
#1ac9fd rgb(26,201,253)
```
#2ecefd
```
#2ecefd rgb(46,206,253)
```
#41d2fd
```
#41d2fd rgb(65,210,253)
```
#55d7fe
```
#55d7fe rgb(85,215,254)
```
#68dbfe
```
#68dbfe rgb(104,219,254)
```
#7be0fe
```
#7be0fe rgb(123,224,254)
```
#8fe5fe
```
#8fe5fe rgb(143,229,254)
```
#a2e9fe
```
#a2e9fe rgb(162,233,254)
```
#b6eefe
```
#b6eefe rgb(182,238,254)
```
#c9f2ff
```
#c9f2ff rgb(201,242,255)
```
#ddf7ff
```
#ddf7ff rgb(221,247,255)
```
#f0fcff
```
#f0fcff rgb(240,252,255)
```

Tint Color Variation

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

#717c7f
```
#717c7f rgb(113,124,127)
```
#688188
```
#688188 rgb(104,129,136)
```
#5e8692
```
#5e8692 rgb(94,134,146)
```
#558b9b
```
#558b9b rgb(85,139,155)
```
#4c90a4
```
#4c90a4 rgb(76,144,164)
```
#4395ad
```
#4395ad rgb(67,149,173)
```
#399ab7
```
#399ab7 rgb(57,154,183)
```
#309fc0
```
#309fc0 rgb(48,159,192)
```
#27a4c9
```
#27a4c9 rgb(39,164,201)
```
#1ea9d2
```
#1ea9d2 rgb(30,169,210)
```
#14aedc
```
#14aedc rgb(20,174,220)
```
#0bb3e5
```
#0bb3e5 rgb(11,179,229)
```
#02b8ee
```
#02b8ee rgb(2,184,238)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6d929c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eace4 Protanopia 1% of men
#90adf4 Deuteranopia 1% of men
#00bfcd Tritanopia 0.001% of the population

Trichromacy

#65b0e8 Protanomaly 1% of men, 0.01% of women
#5cb1f2 Deuteranomaly 6% of men, 0.4% of women
#00bdd9 Tritanomaly 0.01% of the population