#0caafc hex color

In a RGB color space, hex #0caafc is composed of 4.7% red, 66.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 32.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 200.5 degrees, a saturation of 97.6% and a lightness of 51.8%. #0caafc color hex could be obtained by blending #18ffff with #0055f9. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 5
- G 67
- B 99
RGB color chart
- C 95
- M 33
- Y 0
- K 1
CMYK color chart

● #0caafc color description : Vivid blue.

The hexadecimal color #0caafc has RGB values of R:12, G:170, B:252 and CMYK values of C:0.95, M:0.33, Y:0, K:0.01. Its decimal value is 830204.

Hex triplet	0caafc	`#0caafc`
RGB Decimal	12, 170, 252	`rgb(12,170,252)`
RGB Percent	4.7, 66.7, 98.8	`rgb(4.7%,66.7%,98.8%)`
CMYK	95, 33, 0, 1
HSL	200.5°, 97.6, 51.8	`hsl(200.5,97.6%,51.8%)`
HSV (or HSB)	200.5°, 95.2, 98.8
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.407, -7.033, -50.571
XYZ	32.093, 35.853, 97.319
xyY	0.194, 0.217, 35.853
CIE-LCH	66.407, 51.058, 262.083
CIE-LUV	66.407, -42.207, -81.093
Hunter-Lab	59.877, -9.114, -54.45
Binary	00001100, 10101010, 11111100

#0caafc
```
#0caafc rgb(12,170,252)
```
#fc5e0c
```
#fc5e0c rgb(252,94,12)
```

Complementary Color

#0cfcd6
```
#0cfcd6 rgb(12,252,214)
```
#0caafc
```
#0caafc rgb(12,170,252)
```
#0c32fc
```
#0c32fc rgb(12,50,252)
```

Analogous Color

#fcd60c
```
#fcd60c rgb(252,214,12)
```
#0caafc
```
#0caafc rgb(12,170,252)
```
#fc0c32
```
#fc0c32 rgb(252,12,50)
```

Split Complementary Color

#aafc0c
```
#aafc0c rgb(170,252,12)
```
#0caafc
```
#0caafc rgb(12,170,252)
```
#fc0caa
```
#fc0caa rgb(252,12,170)
```

Triadic Color

#0cfc5e
```
#0cfc5e rgb(12,252,94)
```
#0caafc
```
#0caafc rgb(12,170,252)
```
#fc0caa
```
#fc0caa rgb(252,12,170)
```
#fc5e0c
```
#fc5e0c rgb(252,94,12)
```

Tetradic Color

#027bb9
```
#027bb9 rgb(2,123,185)
```
#038bd2
```
#038bd2 rgb(3,139,210)
```
#039cec
```
#039cec rgb(3,156,236)
```
#0caafc
```
#0caafc rgb(12,170,252)
```
#25b3fc
```
#25b3fc rgb(37,179,252)
```
#3ebcfd
```
#3ebcfd rgb(62,188,253)
```
#58c4fd
```
#58c4fd rgb(88,196,253)
```

Monochromatic Color

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

#0ce6fc
```
#0ce6fc rgb(12,230,252)
```
#0cd2fc
```
#0cd2fc rgb(12,210,252)
```
#0cbefc
```
#0cbefc rgb(12,190,252)
```
#0caafc
```
#0caafc rgb(12,170,252)
```
#0c96fc
```
#0c96fc rgb(12,150,252)
```
#0c82fc
```
#0c82fc rgb(12,130,252)
```
#0c6efc
```
#0c6efc rgb(12,110,252)
```

Similar Colors

Text with hexadecimal color #0caafc

This text has a font color of #0caafc.

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

#0caafc background color

This paragraph has a background color of #0caafc.

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

#0caafc border color

This element has a border color of #0caafc.

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

CSS codes

.text {color:#0caafc;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#00131c
```
#00131c rgb(0,19,28)
```
#012030
```
#012030 rgb(1,32,48)
```
#012c43
```
#012c43 rgb(1,44,67)
```
#013956
```
#013956 rgb(1,57,86)
```
#01466a
```
#01466a rgb(1,70,106)
```
#02537d
```
#02537d rgb(2,83,125)
```
#026091
```
#026091 rgb(2,96,145)
```
#026da4
```
#026da4 rgb(2,109,164)
```
#0279b7
```
#0279b7 rgb(2,121,183)
```
#0386cb
```
#0386cb rgb(3,134,203)
```
#0393de
```
#0393de rgb(3,147,222)
```
#03a0f1
```
#03a0f1 rgb(3,160,241)
```

Shade Color Variation

#0caafc
```
#0caafc rgb(12,170,252)
```
#1fb1fc
```
#1fb1fc rgb(31,177,252)
```
#33b8fc
```
#33b8fc rgb(51,184,252)
```
#46befd
```
#46befd rgb(70,190,253)
```
#5ac5fd
```
#5ac5fd rgb(90,197,253)
```
#6dccfd
```
#6dccfd rgb(109,204,253)
```
#80d3fd
```
#80d3fd rgb(128,211,253)
```
#94d9fe
```
#94d9fe rgb(148,217,254)
```
#a7e0fe
```
#a7e0fe rgb(167,224,254)
```
#bae7fe
```
#bae7fe rgb(186,231,254)
```
#ceeefe
```
#ceeefe rgb(206,238,254)
```
#e1f5ff
```
#e1f5ff rgb(225,245,255)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#7e868a
```
#7e868a rgb(126,134,138)
```
#748994
```
#748994 rgb(116,137,148)
```
#6b8c9d
```
#6b8c9d rgb(107,140,157)
```
#618fa7
```
#618fa7 rgb(97,143,167)
```
#5892b0
```
#5892b0 rgb(88,146,176)
```
#4e95ba
```
#4e95ba rgb(78,149,186)
```
#4598c3
```
#4598c3 rgb(69,152,195)
```
#3b9bcd
```
#3b9bcd rgb(59,155,205)
```
#329ed6
```
#329ed6 rgb(50,158,214)
```
#28a1e0
```
#28a1e0 rgb(40,161,224)
```
#1fa4e9
```
#1fa4e9 rgb(31,164,233)
```
#15a7f3
```
#15a7f3 rgb(21,167,243)
```
#0caafc
```
#0caafc rgb(12,170,252)
```

Tone Color Variation

Below, you can see how #0caafc 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
#6c8c9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a3f3 Protanopia 1% of men
#6da6ff Deuteranopia 1% of men
#00b6c2 Tritanopia 0.001% of the population

Trichromacy

#5aa5f6 Protanomaly 1% of men, 0.01% of women
#4aa7fd Deuteranomaly 6% of men, 0.4% of women
#04b2d7 Tritanomaly 0.01% of the population

#0caafc hex color

#0caafc Color Information

#0caafc Color Conversion

Color Schemes with #0caafc

Alternatives to #0caafc

#0caafc Preview

Shades and Tints of #0caafc

Tones of #0caafc

Color Blindness Simulator