colorhexa.com

#02e3d8 hex color

In a RGB color space, hex #02e3d8 is composed of 0.8% red, 89% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 4.8% yellow and 11% black. It has a hue angle of 177.1 degrees, a saturation of 98.3% and a lightness of 44.9%. #02e3d8 color hex could be obtained by blending #04ffff with #00c7b1. Closest websafe color is: #00cccc.

- R 1
- G 89
- B 85
RGB color chart
- C 99
- M 0
- Y 5
- K 11
CMYK color chart

● #02e3d8 color description : Vivid cyan.

The hexadecimal color #02e3d8 has RGB values of R:2, G:227, B:216 and CMYK values of C:0.99, M:0, Y:0.05, K:0.11. Its decimal value is 189400.

Hex triplet	02e3d8	`#02e3d8`
RGB Decimal	2, 227, 216	`rgb(2,227,216)`
RGB Percent	0.8, 89, 84.7	`rgb(0.8%,89%,84.7%)`
CMYK	99, 0, 5, 11
HSL	177.1°, 98.3, 44.9	`hsl(177.1,98.3%,44.9%)`
HSV (or HSB)	177.1°, 99.1, 89
Web Safe	00cccc	`#00cccc`

CIE-LAB	81.786, -47.159, -7.578
XYZ	39.885, 59.905, 74.423
xyY	0.229, 0.344, 59.905
CIE-LCH	81.786, 47.764, 189.129
CIE-LUV	81.786, -64.336, -4.516
Hunter-Lab	77.398, -43.462, -2.832
Binary	00000010, 11100011, 11011000

#02e3d8
```
#02e3d8 rgb(2,227,216)
```
#e3020d
```
#e3020d rgb(227,2,13)
```

Complementary Color

#02e368
```
#02e368 rgb(2,227,104)
```
#02e3d8
```
#02e3d8 rgb(2,227,216)
```
#027ee3
```
#027ee3 rgb(2,126,227)
```

Analogous Color

#e36802
```
#e36802 rgb(227,104,2)
```
#02e3d8
```
#02e3d8 rgb(2,227,216)
```
#e3027e
```
#e3027e rgb(227,2,126)
```

Split Complementary Color

#e3d802
```
#e3d802 rgb(227,216,2)
```
#02e3d8
```
#02e3d8 rgb(2,227,216)
```
#d802e3
```
#d802e3 rgb(216,2,227)
```

Triadic Color

#019790
```
#019790 rgb(1,151,144)
```
#02b0a8
```
#02b0a8 rgb(2,176,168)
```
#02cac0
```
#02cac0 rgb(2,202,192)
```
#02e3d8
```
#02e3d8 rgb(2,227,216)
```
#02fcf0
```
#02fcf0 rgb(2,252,240)
```
#1bfdf2
```
#1bfdf2 rgb(27,253,242)
```
#34fdf3
```
#34fdf3 rgb(52,253,243)
```

Monochromatic Color

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

#02e3a0
```
#02e3a0 rgb(2,227,160)
```
#02e3b3
```
#02e3b3 rgb(2,227,179)
```
#02e3c5
```
#02e3c5 rgb(2,227,197)
```
#02e3d8
```
#02e3d8 rgb(2,227,216)
```
#02dbe3
```
#02dbe3 rgb(2,219,227)
```
#02c9e3
```
#02c9e3 rgb(2,201,227)
```
#02b6e3
```
#02b6e3 rgb(2,182,227)
```

Similar Colors

Text with hexadecimal color #02e3d8

This text has a font color of #02e3d8.

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

#02e3d8 background color

This paragraph has a background color of #02e3d8.

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

#02e3d8 border color

This element has a border color of #02e3d8.

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

CSS codes

.text {color:#02e3d8;}

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

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

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

#000d0c
```
#000d0c rgb(0,13,12)
```
#00211f
```
#00211f rgb(0,33,31)
```
#003431
```
#003431 rgb(0,52,49)
```
#014744
```
#014744 rgb(1,71,68)
```
#015b56
```
#015b56 rgb(1,91,86)
```
#016e69
```
#016e69 rgb(1,110,105)
```
#01827b
```
#01827b rgb(1,130,123)
```
#01958e
```
#01958e rgb(1,149,142)
```
#01a9a0
```
#01a9a0 rgb(1,169,160)
```
#02bcb3
```
#02bcb3 rgb(2,188,179)
```
#02d0c5
```
#02d0c5 rgb(2,208,197)
```
#02e3d8
```
#02e3d8 rgb(2,227,216)
```
#02f6eb
```
#02f6eb rgb(2,246,235)
```

Shade Color Variation

#0ffdf1
```
#0ffdf1 rgb(15,253,241)
```
#23fdf2
```
#23fdf2 rgb(35,253,242)
```
#36fdf4
```
#36fdf4 rgb(54,253,244)
```
#4afdf5
```
#4afdf5 rgb(74,253,245)
```
#5dfef6
```
#5dfef6 rgb(93,254,246)
```
#71fef7
```
#71fef7 rgb(113,254,247)
```
#84fef8
```
#84fef8 rgb(132,254,248)
```
#97fef9
```
#97fef9 rgb(151,254,249)
```
#abfefa
```
#abfefa rgb(171,254,250)
```
#befefb
```
#befefb rgb(190,254,251)
```
#d2fffc
```
#d2fffc rgb(210,255,252)
```
#e5fffe
```
#e5fffe rgb(229,255,254)
```
#f9ffff
```
#f9ffff rgb(249,255,255)
```

Tint Color Variation

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

#6c7979
```
#6c7979 rgb(108,121,121)
```
#638281
```
#638281 rgb(99,130,129)
```
#5a8b89
```
#5a8b89 rgb(90,139,137)
```
#519490
```
#519490 rgb(81,148,144)
```
#489d98
```
#489d98 rgb(72,157,152)
```
#40a5a0
```
#40a5a0 rgb(64,165,160)
```
#37aea8
```
#37aea8 rgb(55,174,168)
```
#2eb7b0
```
#2eb7b0 rgb(46,183,176)
```
#25c0b8
```
#25c0b8 rgb(37,192,184)
```
#1cc9c0
```
#1cc9c0 rgb(28,201,192)
```
#14d1c8
```
#14d1c8 rgb(20,209,200)
```
#0bdad0
```
#0bdad0 rgb(11,218,208)
```
#02e3d8
```
#02e3d8 rgb(2,227,216)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#7facaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1cccd Protanopia 1% of men
#d6c8e4 Deuteranopia 1% of men
#3ee0f1 Tritanopia 0.001% of the population

Trichromacy

#86d4d1 Protanomaly 1% of men, 0.01% of women
#89d2df Deuteranomaly 6% of men, 0.4% of women
#28e1e8 Tritanomaly 0.01% of the population