#0ca1fe hex color

In a RGB color space, hex #0ca1fe is composed of 4.7% red, 63.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 36.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 203.1 degrees, a saturation of 99.2% and a lightness of 52.2%. #0ca1fe color hex could be obtained by blending #18ffff with #0043fd. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 5
- G 63
- B 100
RGB color chart
- C 95
- M 37
- Y 0
- K 0
CMYK color chart

● #0ca1fe color description : Vivid blue.

The hexadecimal color #0ca1fe has RGB values of R:12, G:161, B:254 and CMYK values of C:0.95, M:0.37, Y:0, K:0. Its decimal value is 827902.

Hex triplet	0ca1fe	`#0ca1fe`
RGB Decimal	12, 161, 254	`rgb(12,161,254)`
RGB Percent	4.7, 63.1, 99.6	`rgb(4.7%,63.1%,99.6%)`
CMYK	95, 37, 0, 0
HSL	203.1°, 99.2, 52.2	`hsl(203.1,99.2%,52.2%)`
HSV (or HSB)	203.1°, 95.3, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.934, -1.18, -55.581
XYZ	30.782, 32.721, 98.454
xyY	0.19, 0.202, 32.721
CIE-LCH	63.934, 55.594, 268.783
CIE-LUV	63.934, -39.169, -89.653
Hunter-Lab	57.202, -4.049, -62.006
Binary	00001100, 10100001, 11111110

#0ca1fe
```
#0ca1fe rgb(12,161,254)
```
#fe690c
```
#fe690c rgb(254,105,12)
```

Complementary Color

#0cfee2
```
#0cfee2 rgb(12,254,226)
```
#0ca1fe
```
#0ca1fe rgb(12,161,254)
```
#0c28fe
```
#0c28fe rgb(12,40,254)
```

Analogous Color

#fee20c
```
#fee20c rgb(254,226,12)
```
#0ca1fe
```
#0ca1fe rgb(12,161,254)
```
#fe0c28
```
#fe0c28 rgb(254,12,40)
```

Split Complementary Color

#a1fe0c
```
#a1fe0c rgb(161,254,12)
```
#0ca1fe
```
#0ca1fe rgb(12,161,254)
```
#fe0ca1
```
#fe0ca1 rgb(254,12,161)
```

Triadic Color

#0cfe69
```
#0cfe69 rgb(12,254,105)
```
#0ca1fe
```
#0ca1fe rgb(12,161,254)
```
#fe0ca1
```
#fe0ca1 rgb(254,12,161)
```
#fe690c
```
#fe690c rgb(254,105,12)
```

Tetradic Color

#0174bd
```
#0174bd rgb(1,116,189)
```
#0184d6
```
#0184d6 rgb(1,132,214)
```
#0194f0
```
#0194f0 rgb(1,148,240)
```
#0ca1fe
```
#0ca1fe rgb(12,161,254)
```
#25abfe
```
#25abfe rgb(37,171,254)
```
#3fb5fe
```
#3fb5fe rgb(63,181,254)
```
#58befe
```
#58befe rgb(88,190,254)
```

Monochromatic Color

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

#0cdefe
```
#0cdefe rgb(12,222,254)
```
#0cc9fe
```
#0cc9fe rgb(12,201,254)
```
#0cb5fe
```
#0cb5fe rgb(12,181,254)
```
#0ca1fe
```
#0ca1fe rgb(12,161,254)
```
#0c8dfe
```
#0c8dfe rgb(12,141,254)
```
#0c79fe
```
#0c79fe rgb(12,121,254)
```
#0c65fe
```
#0c65fe rgb(12,101,254)
```

Similar Colors

Text with hexadecimal color #0ca1fe

This text has a font color of #0ca1fe.

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

#0ca1fe background color

This paragraph has a background color of #0ca1fe.

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

#0ca1fe border color

This element has a border color of #0ca1fe.

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

CSS codes

.text {color:#0ca1fe;}

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

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

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

#00070b
```
#00070b rgb(0,7,11)
```
#00131e
```
#00131e rgb(0,19,30)
```
#001f32
```
#001f32 rgb(0,31,50)
```
#002b46
```
#002b46 rgb(0,43,70)
```
#003759
```
#003759 rgb(0,55,89)
```
#00436d
```
#00436d rgb(0,67,109)
```
#014f80
```
#014f80 rgb(1,79,128)
```
#015b94
```
#015b94 rgb(1,91,148)
```
#0167a7
```
#0167a7 rgb(1,103,167)
```
#0173bb
```
#0173bb rgb(1,115,187)
```
#017fce
```
#017fce rgb(1,127,206)
```
#018be2
```
#018be2 rgb(1,139,226)
```
#0197f5
```
#0197f5 rgb(1,151,245)
```

Shade Color Variation

#0ca1fe
```
#0ca1fe rgb(12,161,254)
```
#20a9fe
```
#20a9fe rgb(32,169,254)
```
#33b0fe
```
#33b0fe rgb(51,176,254)
```
#47b8fe
```
#47b8fe rgb(71,184,254)
```
#5abffe
```
#5abffe rgb(90,191,254)
```
#6ec7fe
```
#6ec7fe rgb(110,199,254)
```
#81cefe
```
#81cefe rgb(129,206,254)
```
#95d6ff
```
#95d6ff rgb(149,214,255)
```
#a8ddff
```
#a8ddff rgb(168,221,255)
```
#bce5ff
```
#bce5ff rgb(188,229,255)
```
#cfedff
```
#cfedff rgb(207,237,255)
```
#e3f4ff
```
#e3f4ff rgb(227,244,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#7d878d
```
#7d878d rgb(125,135,141)
```
#738997
```
#738997 rgb(115,137,151)
```
#6a8ba0
```
#6a8ba0 rgb(106,139,160)
```
#608daa
```
#608daa rgb(96,141,170)
```
#5790b3
```
#5790b3 rgb(87,144,179)
```
#4e92bc
```
#4e92bc rgb(78,146,188)
```
#4494c6
```
#4494c6 rgb(68,148,198)
```
#3b96cf
```
#3b96cf rgb(59,150,207)
```
#3298d8
```
#3298d8 rgb(50,152,216)
```
#289ae2
```
#289ae2 rgb(40,154,226)
```
#1f9deb
```
#1f9deb rgb(31,157,235)
```
#159ff5
```
#159ff5 rgb(21,159,245)
```
#0ca1fe
```
#0ca1fe rgb(12,161,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#688698 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a9df7 Protanopia 1% of men
#58a1ff Deuteranopia 1% of men
#00afba Tritanopia 0.001% of the population

Trichromacy

#529ef9 Protanomaly 1% of men, 0.01% of women
#3ca1fe Deuteranomaly 6% of men, 0.4% of women
#04aad3 Tritanomaly 0.01% of the population

#0ca1fe hex color

#0ca1fe Color Information

#0ca1fe Color Conversion

Color Schemes with #0ca1fe

Alternatives to #0ca1fe

#0ca1fe Preview

Shades and Tints of #0ca1fe

Tones of #0ca1fe

Color Blindness Simulator