#0afcc4 hex color

In a RGB color space, hex #0afcc4 is composed of 3.9% red, 98.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 0% magenta, 22.2% yellow and 1.2% black. It has a hue angle of 166.1 degrees, a saturation of 97.6% and a lightness of 51.4%. #0afcc4 color hex could be obtained by blending #14ffff with #00f989. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 4
- G 99
- B 77
RGB color chart
- C 96
- M 0
- Y 22
- K 1
CMYK color chart

● #0afcc4 color description : Vivid cyan.

The hexadecimal color #0afcc4 has RGB values of R:10, G:252, B:196 and CMYK values of C:0.96, M:0, Y:0.22, K:0.01. Its decimal value is 720068.

Hex triplet	0afcc4	`#0afcc4`
RGB Decimal	10, 252, 196	`rgb(10,252,196)`
RGB Percent	3.9, 98.8, 76.9	`rgb(3.9%,98.8%,76.9%)`
CMYK	96, 0, 22, 1
HSL	166.1°, 97.6, 51.4	`hsl(166.1,97.6%,51.4%)`
HSV (or HSB)	166.1°, 96, 98.8
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	88.764, -62.175, 13.029
XYZ	44.895, 73.666, 64.074
xyY	0.246, 0.403, 73.666
CIE-LCH	88.764, 63.526, 168.164
CIE-LUV	88.764, -73.892, 29.608
Hunter-Lab	85.829, -56.831, 15.818
Binary	00001010, 11111100, 11000100

#0afcc4
```
#0afcc4 rgb(10,252,196)
```
#fc0a42
```
#fc0a42 rgb(252,10,66)
```

Complementary Color

#0afc4b
```
#0afc4b rgb(10,252,75)
```
#0afcc4
```
#0afcc4 rgb(10,252,196)
```
#0abbfc
```
#0abbfc rgb(10,187,252)
```

Analogous Color

#fc4b0a
```
#fc4b0a rgb(252,75,10)
```
#0afcc4
```
#0afcc4 rgb(10,252,196)
```
#fc0abb
```
#fc0abb rgb(252,10,187)
```

Split Complementary Color

#fcc40a
```
#fcc40a rgb(252,196,10)
```
#0afcc4
```
#0afcc4 rgb(10,252,196)
```
#c40afc
```
#c40afc rgb(196,10,252)
```

Triadic Color

#42fc0a
```
#42fc0a rgb(66,252,10)
```
#0afcc4
```
#0afcc4 rgb(10,252,196)
```
#c40afc
```
#c40afc rgb(196,10,252)
```
#fc0a42
```
#fc0a42 rgb(252,10,66)
```

Tetradic Color

#02b78d
```
#02b78d rgb(2,183,141)
```
#03d0a1
```
#03d0a1 rgb(3,208,161)
```
#03eab4
```
#03eab4 rgb(3,234,180)
```
#0afcc4
```
#0afcc4 rgb(10,252,196)
```
#23fcca
```
#23fcca rgb(35,252,202)
```
#3cfdd0
```
#3cfdd0 rgb(60,253,208)
```
#56fdd6
```
#56fdd6 rgb(86,253,214)
```

Monochromatic Color

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

#0afc88
```
#0afc88 rgb(10,252,136)
```
#0afc9c
```
#0afc9c rgb(10,252,156)
```
#0afcb0
```
#0afcb0 rgb(10,252,176)
```
#0afcc4
```
#0afcc4 rgb(10,252,196)
```
#0afcd8
```
#0afcd8 rgb(10,252,216)
```
#0afcec
```
#0afcec rgb(10,252,236)
```
#0af8fc
```
#0af8fc rgb(10,248,252)
```

Similar Colors

Text with hexadecimal color #0afcc4

This text has a font color of #0afcc4.

<span style="color:#0afcc4;">Text here</span>

#0afcc4 background color

This paragraph has a background color of #0afcc4.

<p style="background-color:#0afcc4;">Content here</p>

#0afcc4 border color

This element has a border color of #0afcc4.

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

CSS codes

.text {color:#0afcc4;}

.background {background-color:#0afcc4;}

.border {border:1px solid #0afcc4;}

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

#000705
```
#000705 rgb(0,7,5)
```
#001a14
```
#001a14 rgb(0,26,20)
```
#012e23
```
#012e23 rgb(1,46,35)
```
#014132
```
#014132 rgb(1,65,50)
```
#015441
```
#015441 rgb(1,84,65)
```
#016850
```
#016850 rgb(1,104,80)
```
#027b5f
```
#027b5f rgb(2,123,95)
```
#028f6e
```
#028f6e rgb(2,143,110)
```
#02a27d
```
#02a27d rgb(2,162,125)
```
#02b58c
```
#02b58c rgb(2,181,140)
```
#02c99b
```
#02c99b rgb(2,201,155)
```
#03dcaa
```
#03dcaa rgb(3,220,170)
```
#03efb9
```
#03efb9 rgb(3,239,185)
```

Shade Color Variation

#0afcc4
```
#0afcc4 rgb(10,252,196)
```
#1dfcc9
```
#1dfcc9 rgb(29,252,201)
```
#31fccd
```
#31fccd rgb(49,252,205)
```
#44fdd2
```
#44fdd2 rgb(68,253,210)
```
#58fdd7
```
#58fdd7 rgb(88,253,215)
```
#6bfddb
```
#6bfddb rgb(107,253,219)
```
#7efde0
```
#7efde0 rgb(126,253,224)
```
#92fee5
```
#92fee5 rgb(146,254,229)
```
#a5fee9
```
#a5fee9 rgb(165,254,233)
```
#b8feee
```
#b8feee rgb(184,254,238)
```
#ccfef3
```
#ccfef3 rgb(204,254,243)
```
#dffff7
```
#dffff7 rgb(223,255,247)
```
#f3fffc
```
#f3fffc rgb(243,255,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8a87 is the less saturated color, while #0afcc4 is the most saturated one.

#7c8a87
```
#7c8a87 rgb(124,138,135)
```
#73938c
```
#73938c rgb(115,147,140)
```
#699d91
```
#699d91 rgb(105,157,145)
```
#60a696
```
#60a696 rgb(96,166,150)
```
#56b09b
```
#56b09b rgb(86,176,155)
```
#4db9a0
```
#4db9a0 rgb(77,185,160)
```
#43c3a5
```
#43c3a5 rgb(67,195,165)
```
#3accaa
```
#3accaa rgb(58,204,170)
```
#30d6b0
```
#30d6b0 rgb(48,214,176)
```
#27dfb5
```
#27dfb5 rgb(39,223,181)
```
#1de9ba
```
#1de9ba rgb(29,233,186)
```
#14f2bf
```
#14f2bf rgb(20,242,191)
```
#0afcc4
```
#0afcc4 rgb(10,252,196)
```

Tone Color Variation

Below, you can see how #0afcc4 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

#adadad Achromatopsia 0.005% of the population
#8cbdb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede0ba Protanopia 1% of men
#fad9d3 Deuteranopia 1% of men
#86f0ff Tritanopia 0.001% of the population

Trichromacy

#9aeabd Protanomaly 1% of men, 0.01% of women
#a2e5cd Deuteranomaly 6% of men, 0.4% of women
#58f4e9 Tritanomaly 0.01% of the population

#0afcc4 hex color

#0afcc4 Color Information

#0afcc4 Color Conversion

Color Schemes with #0afcc4

Alternatives to #0afcc4

#0afcc4 Preview

Shades and Tints of #0afcc4

Tones of #0afcc4

Color Blindness Simulator