#0caefd hex color

In a RGB color space, hex #0caefd is composed of 4.7% red, 68.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 31.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 199.7 degrees, a saturation of 98.4% and a lightness of 52%. #0caefd color hex could be obtained by blending #18ffff with #005dfb. Closest websafe color is: #0099ff.

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

● #0caefd color description : Vivid blue.

The hexadecimal color #0caefd has RGB values of R:12, G:174, B:253 and CMYK values of C:0.95, M:0.31, Y:0, K:0.01. Its decimal value is 831229.

Hex triplet	0caefd	`#0caefd`
RGB Decimal	12, 174, 253	`rgb(12,174,253)`
RGB Percent	4.7, 68.2, 99.2	`rgb(4.7%,68.2%,99.2%)`
CMYK	95, 31, 0, 1
HSL	199.7°, 98.4, 52	`hsl(199.7,98.4%,52%)`
HSV (or HSB)	199.7°, 95.3, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.605, -8.899, -49.223
XYZ	33.013, 37.439, 98.41
xyY	0.196, 0.222, 37.439
CIE-LCH	67.605, 50.021, 259.752
CIE-LUV	67.605, -43.45, -78.804
Hunter-Lab	61.187, -10.77, -52.527
Binary	00001100, 10101110, 11111101

#0caefd
```
#0caefd rgb(12,174,253)
```
#fd5b0c
```
#fd5b0c rgb(253,91,12)
```

Complementary Color

#0cfdd4
```
#0cfdd4 rgb(12,253,212)
```
#0caefd
```
#0caefd rgb(12,174,253)
```
#0c36fd
```
#0c36fd rgb(12,54,253)
```

Analogous Color

#fdd40c
```
#fdd40c rgb(253,212,12)
```
#0caefd
```
#0caefd rgb(12,174,253)
```
#fd0c36
```
#fd0c36 rgb(253,12,54)
```

Split Complementary Color

#aefd0c
```
#aefd0c rgb(174,253,12)
```
#0caefd
```
#0caefd rgb(12,174,253)
```
#fd0cae
```
#fd0cae rgb(253,12,174)
```

Triadic Color

#0cfd5b
```
#0cfd5b rgb(12,253,91)
```
#0caefd
```
#0caefd rgb(12,174,253)
```
#fd0cae
```
#fd0cae rgb(253,12,174)
```
#fd5b0c
```
#fd5b0c rgb(253,91,12)
```

Tetradic Color

#027ebb
```
#027ebb rgb(2,126,187)
```
#028fd4
```
#028fd4 rgb(2,143,212)
```
#02a0ee
```
#02a0ee rgb(2,160,238)
```
#0caefd
```
#0caefd rgb(12,174,253)
```
#25b6fd
```
#25b6fd rgb(37,182,253)
```
#3fbffd
```
#3fbffd rgb(63,191,253)
```
#58c7fe
```
#58c7fe rgb(88,199,254)
```

Monochromatic Color

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

#0ceafd
```
#0ceafd rgb(12,234,253)
```
#0cd6fd
```
#0cd6fd rgb(12,214,253)
```
#0cc2fd
```
#0cc2fd rgb(12,194,253)
```
#0caefd
```
#0caefd rgb(12,174,253)
```
#0c9afd
```
#0c9afd rgb(12,154,253)
```
#0c86fd
```
#0c86fd rgb(12,134,253)
```
#0c72fd
```
#0c72fd rgb(12,114,253)
```

Similar Colors

Text with hexadecimal color #0caefd

This text has a font color of #0caefd.

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

#0caefd background color

This paragraph has a background color of #0caefd.

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

#0caefd border color

This element has a border color of #0caefd.

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

CSS codes

.text {color:#0caefd;}

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

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

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, #00070a is the darkest color, while #f5fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#00141d
```
#00141d rgb(0,20,29)
```
#002131
```
#002131 rgb(0,33,49)
```
#012e44
```
#012e44 rgb(1,46,68)
```
#013b58
```
#013b58 rgb(1,59,88)
```
#01486b
```
#01486b rgb(1,72,107)
```
#01557f
```
#01557f rgb(1,85,127)
```
#016392
```
#016392 rgb(1,99,146)
```
#0170a6
```
#0170a6 rgb(1,112,166)
```
#027db9
```
#027db9 rgb(2,125,185)
```
#028acc
```
#028acc rgb(2,138,204)
```
#0297e0
```
#0297e0 rgb(2,151,224)
```
#02a4f3
```
#02a4f3 rgb(2,164,243)
```

Shade Color Variation

#0caefd
```
#0caefd rgb(12,174,253)
```
#1fb4fd
```
#1fb4fd rgb(31,180,253)
```
#33bbfd
```
#33bbfd rgb(51,187,253)
```
#46c1fd
```
#46c1fd rgb(70,193,253)
```
#5ac8fe
```
#5ac8fe rgb(90,200,254)
```
#6dcefe
```
#6dcefe rgb(109,206,254)
```
#81d5fe
```
#81d5fe rgb(129,213,254)
```
#94dbfe
```
#94dbfe rgb(148,219,254)
```
#a8e2fe
```
#a8e2fe rgb(168,226,254)
```
#bbe8fe
```
#bbe8fe rgb(187,232,254)
```
#cfefff
```
#cfefff rgb(207,239,255)
```
#e2f5ff
```
#e2f5ff rgb(226,245,255)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

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

#7d878c
```
#7d878c rgb(125,135,140)
```
#748a95
```
#748a95 rgb(116,138,149)
```
#6a8e9f
```
#6a8e9f rgb(106,142,159)
```
#6191a8
```
#6191a8 rgb(97,145,168)
```
#5794b2
```
#5794b2 rgb(87,148,178)
```
#4e97bb
```
#4e97bb rgb(78,151,187)
```
#459bc4
```
#459bc4 rgb(69,155,196)
```
#3b9ece
```
#3b9ece rgb(59,158,206)
```
#32a1d7
```
#32a1d7 rgb(50,161,215)
```
#28a4e1
```
#28a4e1 rgb(40,164,225)
```
#1fa8ea
```
#1fa8ea rgb(31,168,234)
```
#15abf4
```
#15abf4 rgb(21,171,244)
```
#0caefd
```
#0caefd rgb(12,174,253)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6e8f9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca6f4 Protanopia 1% of men
#76a9ff Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#5da9f7 Protanomaly 1% of men, 0.01% of women
#4fabfe Deuteranomaly 6% of men, 0.4% of women
#04b5da Tritanomaly 0.01% of the population

#0caefd hex color

#0caefd Color Information

#0caefd Color Conversion

Color Schemes with #0caefd

Alternatives to #0caefd

#0caefd Preview

Shades and Tints of #0caefd

Tones of #0caefd

Color Blindness Simulator