colorhexa.com

#02acdf hex color

In a RGB color space, hex #02acdf is composed of 0.8% red, 67.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 22.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 193.8 degrees, a saturation of 98.2% and a lightness of 44.1%. #02acdf color hex could be obtained by blending #04ffff with #0059bf. Closest websafe color is: #0099cc.

- R 1
- G 67
- B 87
RGB color chart
- C 99
- M 23
- Y 0
- K 13
CMYK color chart

● #02acdf color description : Vivid cyan.

The hexadecimal color #02acdf has RGB values of R:2, G:172, B:223 and CMYK values of C:0.99, M:0.23, Y:0, K:0.13. Its decimal value is 175327.

Hex triplet	02acdf	`#02acdf`
RGB Decimal	2, 172, 223	`rgb(2,172,223)`
RGB Percent	0.8, 67.5, 87.5	`rgb(0.8%,67.5%,87.5%)`
CMYK	99, 23, 0, 13
HSL	193.8°, 98.2, 44.1	`hsl(193.8,98.2%,44.1%)`
HSV (or HSB)	193.8°, 99.1, 87.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.626, -18.775, -35.936
XYZ	28.093, 34.843, 75.053
xyY	0.204, 0.253, 34.843
CIE-LCH	65.626, 40.545, 242.415
CIE-LUV	65.626, -45.224, -54.751
Hunter-Lab	59.028, -18.345, -34.066
Binary	00000010, 10101100, 11011111

#02acdf
```
#02acdf rgb(2,172,223)
```
#df3502
```
#df3502 rgb(223,53,2)
```

Complementary Color

#02dfa4
```
#02dfa4 rgb(2,223,164)
```
#02acdf
```
#02acdf rgb(2,172,223)
```
#023edf
```
#023edf rgb(2,62,223)
```

Analogous Color

#dfa402
```
#dfa402 rgb(223,164,2)
```
#02acdf
```
#02acdf rgb(2,172,223)
```
#df023e
```
#df023e rgb(223,2,62)
```

Split Complementary Color

#acdf02
```
#acdf02 rgb(172,223,2)
```
#02acdf
```
#02acdf rgb(2,172,223)
```
#df02ac
```
#df02ac rgb(223,2,172)
```

Triadic Color

#017293
```
#017293 rgb(1,114,147)
```
#0285ac
```
#0285ac rgb(2,133,172)
```
#0299c6
```
#0299c6 rgb(2,153,198)
```
#02acdf
```
#02acdf rgb(2,172,223)
```
#02bff8
```
#02bff8 rgb(2,191,248)
```
#17c8fd
```
#17c8fd rgb(23,200,253)
```
#30cefd
```
#30cefd rgb(48,206,253)
```

Monochromatic Color

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

#02dfdb
```
#02dfdb rgb(2,223,219)
```
#02d1df
```
#02d1df rgb(2,209,223)
```
#02bedf
```
#02bedf rgb(2,190,223)
```
#02acdf
```
#02acdf rgb(2,172,223)
```
#029adf
```
#029adf rgb(2,154,223)
```
#0287df
```
#0287df rgb(2,135,223)
```
#0275df
```
#0275df rgb(2,117,223)
```

Similar Colors

Text with hexadecimal color #02acdf

This text has a font color of #02acdf.

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

#02acdf background color

This paragraph has a background color of #02acdf.

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

#02acdf border color

This element has a border color of #02acdf.

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

CSS codes

.text {color:#02acdf;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#00161d
```
#00161d rgb(0,22,29)
```
#002530
```
#002530 rgb(0,37,48)
```
#013443
```
#013443 rgb(1,52,67)
```
#014357
```
#014357 rgb(1,67,87)
```
#01526a
```
#01526a rgb(1,82,106)
```
#01617e
```
#01617e rgb(1,97,126)
```
#017091
```
#017091 rgb(1,112,145)
```
#017fa5
```
#017fa5 rgb(1,127,165)
```
#028eb8
```
#028eb8 rgb(2,142,184)
```
#029dcc
```
#029dcc rgb(2,157,204)
```
#02acdf
```
#02acdf rgb(2,172,223)
```
#02bbf2
```
#02bbf2 rgb(2,187,242)
```

Shade Color Variation

#0bc5fd
```
#0bc5fd rgb(11,197,253)
```
#1fcafd
```
#1fcafd rgb(31,202,253)
```
#32cefd
```
#32cefd rgb(50,206,253)
```
#46d3fd
```
#46d3fd rgb(70,211,253)
```
#59d8fe
```
#59d8fe rgb(89,216,254)
```
#6ddcfe
```
#6ddcfe rgb(109,220,254)
```
#80e1fe
```
#80e1fe rgb(128,225,254)
```
#94e5fe
```
#94e5fe rgb(148,229,254)
```
#a7eafe
```
#a7eafe rgb(167,234,254)
```
#baeffe
```
#baeffe rgb(186,239,254)
```
#cef3ff
```
#cef3ff rgb(206,243,255)
```
#e1f8ff
```
#e1f8ff rgb(225,248,255)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#6a7477
```
#6a7477 rgb(106,116,119)
```
#617980
```
#617980 rgb(97,121,128)
```
#597d88
```
#597d88 rgb(89,125,136)
```
#508291
```
#508291 rgb(80,130,145)
```
#47879a
```
#47879a rgb(71,135,154)
```
#3f8ba2
```
#3f8ba2 rgb(63,139,162)
```
#3690ab
```
#3690ab rgb(54,144,171)
```
#2d95b4
```
#2d95b4 rgb(45,149,180)
```
#2599bc
```
#2599bc rgb(37,153,188)
```
#1c9ec5
```
#1c9ec5 rgb(28,158,197)
```
#13a3ce
```
#13a3ce rgb(19,163,206)
```
#0ba7d6
```
#0ba7d6 rgb(11,167,214)
```
#02acdf
```
#02acdf rgb(2,172,223)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#668892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a2d7 Protanopia 1% of men
#87a3e6 Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#5fa5d9 Protanomaly 1% of men, 0.01% of women
#57a6e3 Deuteranomaly 6% of men, 0.4% of women
#00b1cb Tritanomaly 0.01% of the population