#0caaf7 hex color

In a RGB color space, hex #0caaf7 is composed of 4.7% red, 66.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 31.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 199.7 degrees, a saturation of 93.6% and a lightness of 50.8%. #0caaf7 color hex could be obtained by blending #18ffff with #0055ef. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 5
- G 67
- B 97
RGB color chart
- C 95
- M 31
- Y 0
- K 3
CMYK color chart

● #0caaf7 color description : Vivid blue.

The hexadecimal color #0caaf7 has RGB values of R:12, G:170, B:247 and CMYK values of C:0.95, M:0.31, Y:0, K:0.03. Its decimal value is 830199.

Hex triplet	0caaf7	`#0caaf7`
RGB Decimal	12, 170, 247	`rgb(12,170,247)`
RGB Percent	4.7, 66.7, 96.9	`rgb(4.7%,66.7%,96.9%)`
CMYK	95, 31, 0, 3
HSL	199.7°, 93.6, 50.8	`hsl(199.7,93.6%,50.8%)`
HSV (or HSB)	199.7°, 95.1, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.167, -8.848, -48.229
XYZ	31.311, 35.54, 93.2
xyY	0.196, 0.222, 35.54
CIE-LCH	66.167, 49.034, 259.604
CIE-LUV	66.167, -42.535, -76.865
Hunter-Lab	59.615, -10.577, -50.961
Binary	00001100, 10101010, 11110111

#0caaf7
```
#0caaf7 rgb(12,170,247)
```
#f7590c
```
#f7590c rgb(247,89,12)
```

Complementary Color

#0cf7cf
```
#0cf7cf rgb(12,247,207)
```
#0caaf7
```
#0caaf7 rgb(12,170,247)
```
#0c35f7
```
#0c35f7 rgb(12,53,247)
```

Analogous Color

#f7cf0c
```
#f7cf0c rgb(247,207,12)
```
#0caaf7
```
#0caaf7 rgb(12,170,247)
```
#f70c35
```
#f70c35 rgb(247,12,53)
```

Split Complementary Color

#aaf70c
```
#aaf70c rgb(170,247,12)
```
#0caaf7
```
#0caaf7 rgb(12,170,247)
```
#f70caa
```
#f70caa rgb(247,12,170)
```

Triadic Color

#0cf759
```
#0cf759 rgb(12,247,89)
```
#0caaf7
```
#0caaf7 rgb(12,170,247)
```
#f70caa
```
#f70caa rgb(247,12,170)
```
#f7590c
```
#f7590c rgb(247,89,12)
```

Tetradic Color

#0679b1
```
#0679b1 rgb(6,121,177)
```
#078ac9
```
#078ac9 rgb(7,138,201)
```
#079ae2
```
#079ae2 rgb(7,154,226)
```
#0caaf7
```
#0caaf7 rgb(12,170,247)
```
#25b3f8
```
#25b3f8 rgb(37,179,248)
```
#3dbbf9
```
#3dbbf9 rgb(61,187,249)
```
#56c4f9
```
#56c4f9 rgb(86,196,249)
```

Monochromatic Color

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

#0ce5f7
```
#0ce5f7 rgb(12,229,247)
```
#0cd1f7
```
#0cd1f7 rgb(12,209,247)
```
#0cbef7
```
#0cbef7 rgb(12,190,247)
```
#0caaf7
```
#0caaf7 rgb(12,170,247)
```
#0c96f7
```
#0c96f7 rgb(12,150,247)
```
#0c83f7
```
#0c83f7 rgb(12,131,247)
```
#0c6ff7
```
#0c6ff7 rgb(12,111,247)
```

Similar Colors

Text with hexadecimal color #0caaf7

This text has a font color of #0caaf7.

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

#0caaf7 background color

This paragraph has a background color of #0caaf7.

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

#0caaf7 border color

This element has a border color of #0caaf7.

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

CSS codes

.text {color:#0caaf7;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011017
```
#011017 rgb(1,16,23)
```
#011d2a
```
#011d2a rgb(1,29,42)
```
#022a3d
```
#022a3d rgb(2,42,61)
```
#033750
```
#033750 rgb(3,55,80)
```
#034463
```
#034463 rgb(3,68,99)
```
#045076
```
#045076 rgb(4,80,118)
```
#055d89
```
#055d89 rgb(5,93,137)
```
#056a9c
```
#056a9c rgb(5,106,156)
```
#0677af
```
#0677af rgb(6,119,175)
```
#0684c2
```
#0684c2 rgb(6,132,194)
```
#0791d5
```
#0791d5 rgb(7,145,213)
```
#089ee8
```
#089ee8 rgb(8,158,232)
```

Shade Color Variation

#0caaf7
```
#0caaf7 rgb(12,170,247)
```
#1fb1f8
```
#1fb1f8 rgb(31,177,248)
```
#32b7f8
```
#32b7f8 rgb(50,183,248)
```
#45bef9
```
#45bef9 rgb(69,190,249)
```
#58c5fa
```
#58c5fa rgb(88,197,250)
```
#6bcbfa
```
#6bcbfa rgb(107,203,250)
```
#7ed2fb
```
#7ed2fb rgb(126,210,251)
```
#91d8fb
```
#91d8fb rgb(145,216,251)
```
#a4dffc
```
#a4dffc rgb(164,223,252)
```
#b7e6fd
```
#b7e6fd rgb(183,230,253)
```
#caecfd
```
#caecfd rgb(202,236,253)
```
#ddf3fe
```
#ddf3fe rgb(221,243,254)
```
#f0faff
```
#f0faff rgb(240,250,255)
```

Tint Color Variation

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

#808283
```
#808283 rgb(128,130,131)
```
#76858d
```
#76858d rgb(118,133,141)
```
#6d8996
```
#6d8996 rgb(109,137,150)
```
#638ca0
```
#638ca0 rgb(99,140,160)
```
#598faa
```
#598faa rgb(89,143,170)
```
#5093b3
```
#5093b3 rgb(80,147,179)
```
#4696bd
```
#4696bd rgb(70,150,189)
```
#3c99c7
```
#3c99c7 rgb(60,153,199)
```
#339dd0
```
#339dd0 rgb(51,157,208)
```
#29a0da
```
#29a0da rgb(41,160,218)
```
#1fa3e4
```
#1fa3e4 rgb(31,163,228)
```
#16a7ed
```
#16a7ed rgb(22,167,237)
```
#0caaf7
```
#0caaf7 rgb(12,170,247)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6c8c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a3ee Protanopia 1% of men
#72a5fb Deuteranopia 1% of men
#00b5c1 Tritanopia 0.001% of the population

Trichromacy

#5ca5f1 Protanomaly 1% of men, 0.01% of women
#4ca7f9 Deuteranomaly 6% of men, 0.4% of women
#04b1d5 Tritanomaly 0.01% of the population

#0caaf7 hex color

#0caaf7 Color Information

#0caaf7 Color Conversion

Color Schemes with #0caaf7

Alternatives to #0caaf7

#0caaf7 Preview

Shades and Tints of #0caaf7

Tones of #0caaf7

Color Blindness Simulator