colorhexa.com

#02e4e6 hex color

In a RGB color space, hex #02e4e6 is composed of 0.8% red, 89.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0.9% magenta, 0% yellow and 9.8% black. It has a hue angle of 180.5 degrees, a saturation of 98.3% and a lightness of 45.5%. #02e4e6 color hex could be obtained by blending #04ffff with #00c9cd. Closest websafe color is: #00ccff.

- R 1
- G 89
- B 90
RGB color chart
- C 99
- M 1
- Y 0
- K 10
CMYK color chart

● #02e4e6 color description : Vivid cyan.

The hexadecimal color #02e4e6 has RGB values of R:2, G:228, B:230 and CMYK values of C:0.99, M:0.01, Y:0, K:0.1. Its decimal value is 189670.

Hex triplet	02e4e6	`#02e4e6`
RGB Decimal	2, 228, 230	`rgb(2,228,230)`
RGB Percent	0.8, 89.4, 90.2	`rgb(0.8%,89.4%,90.2%)`
CMYK	99, 1, 0, 10
HSL	180.5°, 98.3, 45.5	`hsl(180.5,98.3%,45.5%)`
HSV (or HSB)	180.5°, 99.1, 90.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	82.491, -43.549, -13.95
XYZ	42.047, 61.208, 84.457
xyY	0.224, 0.326, 61.208
CIE-LCH	82.491, 45.729, 197.762
CIE-LUV	82.491, -63.536, -15.438
Hunter-Lab	78.236, -40.98, -9.239
Binary	00000010, 11100100, 11100110

#02e4e6
```
#02e4e6 rgb(2,228,230)
```
#e60402
```
#e60402 rgb(230,4,2)
```

Complementary Color

#02e676
```
#02e676 rgb(2,230,118)
```
#02e4e6
```
#02e4e6 rgb(2,228,230)
```
#0272e6
```
#0272e6 rgb(2,114,230)
```

Analogous Color

#e67602
```
#e67602 rgb(230,118,2)
```
#02e4e6
```
#02e4e6 rgb(2,228,230)
```
#e60272
```
#e60272 rgb(230,2,114)
```

Split Complementary Color

#e4e602
```
#e4e602 rgb(228,230,2)
```
#02e4e6
```
#02e4e6 rgb(2,228,230)
```
#e602e4
```
#e602e4 rgb(230,2,228)
```

Triadic Color

#01999a
```
#01999a rgb(1,153,154)
```
#02b2b3
```
#02b2b3 rgb(2,178,179)
```
#02cbcd
```
#02cbcd rgb(2,203,205)
```
#02e4e6
```
#02e4e6 rgb(2,228,230)
```
#05fbfd
```
#05fbfd rgb(5,251,253)
```
#1efbfd
```
#1efbfd rgb(30,251,253)
```
#37fcfd
```
#37fcfd rgb(55,252,253)
```

Monochromatic Color

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

#02e6af
```
#02e6af rgb(2,230,175)
```
#02e6c2
```
#02e6c2 rgb(2,230,194)
```
#02e6d5
```
#02e6d5 rgb(2,230,213)
```
#02e4e6
```
#02e4e6 rgb(2,228,230)
```
#02d1e6
```
#02d1e6 rgb(2,209,230)
```
#02bee6
```
#02bee6 rgb(2,190,230)
```
#02abe6
```
#02abe6 rgb(2,171,230)
```

Similar Colors

Text with hexadecimal color #02e4e6

This text has a font color of #02e4e6.

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

#02e4e6 background color

This paragraph has a background color of #02e4e6.

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

#02e4e6 border color

This element has a border color of #02e4e6.

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

CSS codes

.text {color:#02e4e6;}

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

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

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

#001010
```
#001010 rgb(0,16,16)
```
#002324
```
#002324 rgb(0,35,36)
```
#003737
```
#003737 rgb(0,55,55)
```
#014a4a
```
#014a4a rgb(1,74,74)
```
#015d5e
```
#015d5e rgb(1,93,94)
```
#017071
```
#017071 rgb(1,112,113)
```
#018485
```
#018485 rgb(1,132,133)
```
#019798
```
#019798 rgb(1,151,152)
```
#01aaac
```
#01aaac rgb(1,170,172)
```
#02bdbf
```
#02bdbf rgb(2,189,191)
```
#02d1d3
```
#02d1d3 rgb(2,209,211)
```
#02e4e6
```
#02e4e6 rgb(2,228,230)
```
#02f7f9
```
#02f7f9 rgb(2,247,249)
```

Shade Color Variation

#12fbfd
```
#12fbfd rgb(18,251,253)
```
#26fbfd
```
#26fbfd rgb(38,251,253)
```
#39fcfd
```
#39fcfd rgb(57,252,253)
```
#4dfcfd
```
#4dfcfd rgb(77,252,253)
```
#60fcfe
```
#60fcfe rgb(96,252,254)
```
#74fdfe
```
#74fdfe rgb(116,253,254)
```
#87fdfe
```
#87fdfe rgb(135,253,254)
```
#9afdfe
```
#9afdfe rgb(154,253,254)
```
#aefefe
```
#aefefe rgb(174,254,254)
```
#c1fefe
```
#c1fefe rgb(193,254,254)
```
#d5feff
```
#d5feff rgb(213,254,255)
```
#e8ffff
```
#e8ffff rgb(232,255,255)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#6d7b7b
```
#6d7b7b rgb(109,123,123)
```
#648484
```
#648484 rgb(100,132,132)
```
#5b8c8d
```
#5b8c8d rgb(91,140,141)
```
#529596
```
#529596 rgb(82,149,150)
```
#499e9f
```
#499e9f rgb(73,158,159)
```
#40a7a8
```
#40a7a8 rgb(64,167,168)
```
#38afb0
```
#38afb0 rgb(56,175,176)
```
#2fb8b9
```
#2fb8b9 rgb(47,184,185)
```
#26c1c2
```
#26c1c2 rgb(38,193,194)
```
#1dcacb
```
#1dcacb rgb(29,202,203)
```
#14d2d4
```
#14d2d4 rgb(20,210,212)
```
#0bdbdd
```
#0bdbdd rgb(11,219,221)
```
#02e4e6
```
#02e4e6 rgb(2,228,230)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#81aeaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ceda Protanopia 1% of men
#d2cbf1 Deuteranopia 1% of men
#31e3f4 Tritanopia 0.001% of the population

Trichromacy

#85d6de Protanomaly 1% of men, 0.01% of women
#86d4ed Deuteranomaly 6% of men, 0.4% of women
#20e3ee Tritanomaly 0.01% of the population