#0caef8 hex color

In a RGB color space, hex #0caef8 is composed of 4.7% red, 68.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 29.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 198.8 degrees, a saturation of 94.4% and a lightness of 51%. #0caef8 color hex could be obtained by blending #18ffff with #005df1. Closest websafe color is: #0099ff.

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

● #0caef8 color description : Vivid blue.

The hexadecimal color #0caef8 has RGB values of R:12, G:174, B:248 and CMYK values of C:0.95, M:0.3, Y:0, K:0.03. Its decimal value is 831224.

Hex triplet	0caef8	`#0caef8`
RGB Decimal	12, 174, 248	`rgb(12,174,248)`
RGB Percent	4.7, 68.2, 97.3	`rgb(4.7%,68.2%,97.3%)`
CMYK	95, 30, 0, 3
HSL	198.8°, 94.4, 51	`hsl(198.8,94.4%,51%)`
HSV (or HSB)	198.8°, 95.2, 97.3
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.37, -10.7, -46.877
XYZ	32.227, 37.124, 94.269
xyY	0.197, 0.227, 37.124
CIE-LCH	67.37, 48.083, 257.142
CIE-LUV	67.37, -43.786, -74.556
Hunter-Lab	60.93, -12.216, -49.081
Binary	00001100, 10101110, 11111000

#0caef8
```
#0caef8 rgb(12,174,248)
```
#f8560c
```
#f8560c rgb(248,86,12)
```

Complementary Color

#0cf8cc
```
#0cf8cc rgb(12,248,204)
```
#0caef8
```
#0caef8 rgb(12,174,248)
```
#0c38f8
```
#0c38f8 rgb(12,56,248)
```

Analogous Color

#f8cc0c
```
#f8cc0c rgb(248,204,12)
```
#0caef8
```
#0caef8 rgb(12,174,248)
```
#f80c38
```
#f80c38 rgb(248,12,56)
```

Split Complementary Color

#aef80c
```
#aef80c rgb(174,248,12)
```
#0caef8
```
#0caef8 rgb(12,174,248)
```
#f80cae
```
#f80cae rgb(248,12,174)
```

Triadic Color

#0cf856
```
#0cf856 rgb(12,248,86)
```
#0caef8
```
#0caef8 rgb(12,174,248)
```
#f80cae
```
#f80cae rgb(248,12,174)
```
#f8560c
```
#f8560c rgb(248,86,12)
```

Tetradic Color

#057cb2
```
#057cb2 rgb(5,124,178)
```
#068dcb
```
#068dcb rgb(6,141,203)
```
#079fe4
```
#079fe4 rgb(7,159,228)
```
#0caef8
```
#0caef8 rgb(12,174,248)
```
#25b6f9
```
#25b6f9 rgb(37,182,249)
```
#3ebff9
```
#3ebff9 rgb(62,191,249)
```
#56c7fa
```
#56c7fa rgb(86,199,250)
```

Monochromatic Color

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

#0ce9f8
```
#0ce9f8 rgb(12,233,248)
```
#0cd5f8
```
#0cd5f8 rgb(12,213,248)
```
#0cc2f8
```
#0cc2f8 rgb(12,194,248)
```
#0caef8
```
#0caef8 rgb(12,174,248)
```
#0c9af8
```
#0c9af8 rgb(12,154,248)
```
#0c87f8
```
#0c87f8 rgb(12,135,248)
```
#0c73f8
```
#0c73f8 rgb(12,115,248)
```

Similar Colors

Text with hexadecimal color #0caef8

This text has a font color of #0caef8.

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

#0caef8 background color

This paragraph has a background color of #0caef8.

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

#0caef8 border color

This element has a border color of #0caef8.

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

CSS codes

.text {color:#0caef8;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#011118
```
#011118 rgb(1,17,24)
```
#011e2b
```
#011e2b rgb(1,30,43)
```
#022b3e
```
#022b3e rgb(2,43,62)
```
#023851
```
#023851 rgb(2,56,81)
```
#034664
```
#034664 rgb(3,70,100)
```
#035377
```
#035377 rgb(3,83,119)
```
#04608a
```
#04608a rgb(4,96,138)
```
#056d9d
```
#056d9d rgb(5,109,157)
```
#057bb0
```
#057bb0 rgb(5,123,176)
```
#0688c4
```
#0688c4 rgb(6,136,196)
```
#0695d7
```
#0695d7 rgb(6,149,215)
```
#07a3ea
```
#07a3ea rgb(7,163,234)
```

Shade Color Variation

#0caef8
```
#0caef8 rgb(12,174,248)
```
#1fb4f9
```
#1fb4f9 rgb(31,180,249)
```
#32bbf9
```
#32bbf9 rgb(50,187,249)
```
#45c1fa
```
#45c1fa rgb(69,193,250)
```
#58c7fa
```
#58c7fa rgb(88,199,250)
```
#6bcefb
```
#6bcefb rgb(107,206,251)
```
#7ed4fb
```
#7ed4fb rgb(126,212,251)
```
#91dafc
```
#91dafc rgb(145,218,252)
```
#a5e1fc
```
#a5e1fc rgb(165,225,252)
```
#b8e7fd
```
#b8e7fd rgb(184,231,253)
```
#cbeefd
```
#cbeefd rgb(203,238,253)
```
#def4fe
```
#def4fe rgb(222,244,254)
```
#f1faff
```
#f1faff rgb(241,250,255)
```

Tint Color Variation

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

#7f8385
```
#7f8385 rgb(127,131,133)
```
#76878e
```
#76878e rgb(118,135,142)
```
#6c8a98
```
#6c8a98 rgb(108,138,152)
```
#638ea1
```
#638ea1 rgb(99,142,161)
```
#5991ab
```
#5991ab rgb(89,145,171)
```
#4f95b5
```
#4f95b5 rgb(79,149,181)
```
#4698be
```
#4698be rgb(70,152,190)
```
#3c9cc8
```
#3c9cc8 rgb(60,156,200)
```
#32a0d2
```
#32a0d2 rgb(50,160,210)
```
#29a3db
```
#29a3db rgb(41,163,219)
```
#1fa7e5
```
#1fa7e5 rgb(31,167,229)
```
#16aaee
```
#16aaee rgb(22,170,238)
```
#0caef8
```
#0caef8 rgb(12,174,248)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6e8e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea6ef Protanopia 1% of men
#78a8fc Deuteranopia 1% of men
#00b9c5 Tritanopia 0.001% of the population

Trichromacy

#5fa9f2 Protanomaly 1% of men, 0.01% of women
#51aafa Deuteranomaly 6% of men, 0.4% of women
#04b5d7 Tritanomaly 0.01% of the population

#0caef8 hex color

#0caef8 Color Information

#0caef8 Color Conversion

Color Schemes with #0caef8

Alternatives to #0caef8

#0caef8 Preview

Shades and Tints of #0caef8

Tones of #0caef8

Color Blindness Simulator