#0caf9a hex color

In a RGB color space, hex #0caf9a is composed of 4.7% red, 68.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 93.1% cyan, 0% magenta, 12% yellow and 31.4% black. It has a hue angle of 172.3 degrees, a saturation of 87.2% and a lightness of 36.7%. #0caf9a color hex could be obtained by blending #18ffff with #005f35. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 5
- G 69
- B 60
RGB color chart
- C 93
- M 0
- Y 12
- K 31
CMYK color chart

● #0caf9a color description : Dark cyan.

The hexadecimal color #0caf9a has RGB values of R:12, G:175, B:154 and CMYK values of C:0.93, M:0, Y:0.12, K:0.31. Its decimal value is 831386.

Hex triplet	0caf9a	`#0caf9a`
RGB Decimal	12, 175, 154	`rgb(12,175,154)`
RGB Percent	4.7, 68.6, 60.4	`rgb(4.7%,68.6%,60.4%)`
CMYK	93, 0, 12, 31
HSL	172.3°, 87.2, 36.7	`hsl(172.3,87.2%,36.7%)`
HSV (or HSB)	172.3°, 93.1, 68.6
Web Safe	009999	`#009999`

CIE-LAB	64.217, -41.999, 0.227
XYZ	21.312, 33.069, 35.83
xyY	0.236, 0.367, 33.069
CIE-LCH	64.217, 42, 179.691
CIE-LUV	64.217, -51.262, 6.663
Hunter-Lab	57.506, -34.481, 3.312
Binary	00001100, 10101111, 10011010

#0caf9a
```
#0caf9a rgb(12,175,154)
```
#af0c21
```
#af0c21 rgb(175,12,33)
```

Complementary Color

#0caf49
```
#0caf49 rgb(12,175,73)
```
#0caf9a
```
#0caf9a rgb(12,175,154)
```
#0c73af
```
#0c73af rgb(12,115,175)
```

Analogous Color

#af490c
```
#af490c rgb(175,73,12)
```
#0caf9a
```
#0caf9a rgb(12,175,154)
```
#af0c73
```
#af0c73 rgb(175,12,115)
```

Split Complementary Color

#af9a0c
```
#af9a0c rgb(175,154,12)
```
#0caf9a
```
#0caf9a rgb(12,175,154)
```
#9a0caf
```
#9a0caf rgb(154,12,175)
```

Triadic Color

#21af0c
```
#21af0c rgb(33,175,12)
```
#0caf9a
```
#0caf9a rgb(12,175,154)
```
#9a0caf
```
#9a0caf rgb(154,12,175)
```
#af0c21
```
#af0c21 rgb(175,12,33)
```

Tetradic Color

#07675b
```
#07675b rgb(7,103,91)
```
#097f70
```
#097f70 rgb(9,127,112)
```
#0a9785
```
#0a9785 rgb(10,151,133)
```
#0caf9a
```
#0caf9a rgb(12,175,154)
```
#0ec7af
```
#0ec7af rgb(14,199,175)
```
#0fdfc4
```
#0fdfc4 rgb(15,223,196)
```
#18efd4
```
#18efd4 rgb(24,239,212)
```

Monochromatic Color

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

#0caf71
```
#0caf71 rgb(12,175,113)
```
#0caf7f
```
#0caf7f rgb(12,175,127)
```
#0caf8c
```
#0caf8c rgb(12,175,140)
```
#0caf9a
```
#0caf9a rgb(12,175,154)
```
#0cafa8
```
#0cafa8 rgb(12,175,168)
```
#0ca9af
```
#0ca9af rgb(12,169,175)
```
#0c9baf
```
#0c9baf rgb(12,155,175)
```

Similar Colors

Text with hexadecimal color #0caf9a

This text has a font color of #0caf9a.

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

#0caf9a background color

This paragraph has a background color of #0caf9a.

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

#0caf9a border color

This element has a border color of #0caf9a.

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

CSS codes

.text {color:#0caf9a;}

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

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

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, #010a09 is the darkest color, while #f6fefd is the lightest one.

#010a09
```
#010a09 rgb(1,10,9)
```
#021c19
```
#021c19 rgb(2,28,25)
```
#032f29
```
#032f29 rgb(3,47,41)
```
#044139
```
#044139 rgb(4,65,57)
```
#065349
```
#065349 rgb(6,83,73)
```
#076659
```
#076659 rgb(7,102,89)
```
#08786a
```
#08786a rgb(8,120,106)
```
#098a7a
```
#098a7a rgb(9,138,122)
```
#0b9d8a
```
#0b9d8a rgb(11,157,138)
```
#0caf9a
```
#0caf9a rgb(12,175,154)
```
#0dc1aa
```
#0dc1aa rgb(13,193,170)
```
#0fd4ba
```
#0fd4ba rgb(15,212,186)
```
#10e6ca
```
#10e6ca rgb(16,230,202)
```

Shade Color Variation

#1aefd4
```
#1aefd4 rgb(26,239,212)
```
#2df1d7
```
#2df1d7 rgb(45,241,215)
```
#3ff2db
```
#3ff2db rgb(63,242,219)
```
#51f3de
```
#51f3de rgb(81,243,222)
```
#64f4e2
```
#64f4e2 rgb(100,244,226)
```
#76f6e5
```
#76f6e5 rgb(118,246,229)
```
#88f7e9
```
#88f7e9 rgb(136,247,233)
```
#9bf8ec
```
#9bf8ec rgb(155,248,236)
```
#adf9f0
```
#adf9f0 rgb(173,249,240)
```
#bffbf3
```
#bffbf3 rgb(191,251,243)
```
#d2fcf6
```
#d2fcf6 rgb(210,252,246)
```
#e4fdfa
```
#e4fdfa rgb(228,253,250)
```
#f6fefd
```
#f6fefd rgb(246,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b605f is the less saturated color, while #05b69f is the most saturated one.

#5b605f
```
#5b605f rgb(91,96,95)
```
#546765
```
#546765 rgb(84,103,101)
```
#4d6e6a
```
#4d6e6a rgb(77,110,106)
```
#46756f
```
#46756f rgb(70,117,111)
```
#3e7d75
```
#3e7d75 rgb(62,125,117)
```
#37847a
```
#37847a rgb(55,132,122)
```
#308b7f
```
#308b7f rgb(48,139,127)
```
#299285
```
#299285 rgb(41,146,133)
```
#22998a
```
#22998a rgb(34,153,138)
```
#1aa18f
```
#1aa18f rgb(26,161,143)
```
#13a895
```
#13a895 rgb(19,168,149)
```
#0caf9a
```
#0caf9a rgb(12,175,154)
```
#05b69f
```
#05b69f rgb(5,182,159)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#668682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a095 Protanopia 1% of men
#ac9ca7 Deuteranopia 1% of men
#3caebb Tritanopia 0.001% of the population

Trichromacy

#6ea597 Protanomaly 1% of men, 0.01% of women
#72a3a2 Deuteranomaly 6% of men, 0.4% of women
#2aaeaf Tritanomaly 0.01% of the population

#0caf9a hex color

#0caf9a Color Information

#0caf9a Color Conversion

Color Schemes with #0caf9a

Alternatives to #0caf9a

#0caf9a Preview

Shades and Tints of #0caf9a

Tones of #0caf9a

Color Blindness Simulator