#0ca2fe hex color

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

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

● #0ca2fe color description : Vivid blue.

The hexadecimal color #0ca2fe has RGB values of R:12, G:162, B:254 and CMYK values of C:0.95, M:0.36, Y:0, K:0. Its decimal value is 828158.

Hex triplet	0ca2fe	`#0ca2fe`
RGB Decimal	12, 162, 254	`rgb(12,162,254)`
RGB Percent	4.7, 63.5, 99.6	`rgb(4.7%,63.5%,99.6%)`
CMYK	95, 36, 0, 0
HSL	202.8°, 99.2, 52.2	`hsl(202.8,99.2%,52.2%)`
HSV (or HSB)	202.8°, 95.3, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	64.219, -1.756, -55.129
XYZ	30.957, 33.072, 98.512
xyY	0.19, 0.203, 33.072
CIE-LCH	64.219, 55.157, 268.175
CIE-LUV	64.219, -39.489, -88.901
Hunter-Lab	57.508, -4.551, -61.309
Binary	00001100, 10100010, 11111110

#0ca2fe
```
#0ca2fe rgb(12,162,254)
```
#fe680c
```
#fe680c rgb(254,104,12)
```

Complementary Color

#0cfee1
```
#0cfee1 rgb(12,254,225)
```
#0ca2fe
```
#0ca2fe rgb(12,162,254)
```
#0c29fe
```
#0c29fe rgb(12,41,254)
```

Analogous Color

#fee10c
```
#fee10c rgb(254,225,12)
```
#0ca2fe
```
#0ca2fe rgb(12,162,254)
```
#fe0c29
```
#fe0c29 rgb(254,12,41)
```

Split Complementary Color

#a2fe0c
```
#a2fe0c rgb(162,254,12)
```
#0ca2fe
```
#0ca2fe rgb(12,162,254)
```
#fe0ca2
```
#fe0ca2 rgb(254,12,162)
```

Triadic Color

#0cfe68
```
#0cfe68 rgb(12,254,104)
```
#0ca2fe
```
#0ca2fe rgb(12,162,254)
```
#fe0ca2
```
#fe0ca2 rgb(254,12,162)
```
#fe680c
```
#fe680c rgb(254,104,12)
```

Tetradic Color

#0175bd
```
#0175bd rgb(1,117,189)
```
#0185d6
```
#0185d6 rgb(1,133,214)
```
#0195f0
```
#0195f0 rgb(1,149,240)
```
#0ca2fe
```
#0ca2fe rgb(12,162,254)
```
#25acfe
```
#25acfe rgb(37,172,254)
```
#3fb5fe
```
#3fb5fe rgb(63,181,254)
```
#58bffe
```
#58bffe rgb(88,191,254)
```

Monochromatic Color

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

#0cdffe
```
#0cdffe rgb(12,223,254)
```
#0ccafe
```
#0ccafe rgb(12,202,254)
```
#0cb6fe
```
#0cb6fe rgb(12,182,254)
```
#0ca2fe
```
#0ca2fe rgb(12,162,254)
```
#0c8efe
```
#0c8efe rgb(12,142,254)
```
#0c7afe
```
#0c7afe rgb(12,122,254)
```
#0c66fe
```
#0c66fe rgb(12,102,254)
```

Similar Colors

Text with hexadecimal color #0ca2fe

This text has a font color of #0ca2fe.

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

#0ca2fe background color

This paragraph has a background color of #0ca2fe.

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

#0ca2fe border color

This element has a border color of #0ca2fe.

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

CSS codes

.text {color:#0ca2fe;}

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

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

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)
```
#00446d
```
#00446d rgb(0,68,109)
```
#015080
```
#015080 rgb(1,80,128)
```
#015c94
```
#015c94 rgb(1,92,148)
```
#0168a7
```
#0168a7 rgb(1,104,167)
```
#0174bb
```
#0174bb rgb(1,116,187)
```
#0180ce
```
#0180ce rgb(1,128,206)
```
#018ce2
```
#018ce2 rgb(1,140,226)
```
#0198f5
```
#0198f5 rgb(1,152,245)
```

Shade Color Variation

#0ca2fe
```
#0ca2fe rgb(12,162,254)
```
#20a9fe
```
#20a9fe rgb(32,169,254)
```
#33b1fe
```
#33b1fe rgb(51,177,254)
```
#47b8fe
```
#47b8fe rgb(71,184,254)
```
#5ac0fe
```
#5ac0fe rgb(90,192,254)
```
#6ec7fe
```
#6ec7fe rgb(110,199,254)
```
#81cffe
```
#81cffe rgb(129,207,254)
```
#95d6ff
```
#95d6ff rgb(149,214,255)
```
#a8deff
```
#a8deff rgb(168,222,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 #0ca2fe is the most saturated one.

#7d878d
```
#7d878d rgb(125,135,141)
```
#738997
```
#738997 rgb(115,137,151)
```
#6a8ca0
```
#6a8ca0 rgb(106,140,160)
```
#608eaa
```
#608eaa rgb(96,142,170)
```
#5790b3
```
#5790b3 rgb(87,144,179)
```
#4e92bc
```
#4e92bc rgb(78,146,188)
```
#4495c6
```
#4495c6 rgb(68,149,198)
```
#3b97cf
```
#3b97cf rgb(59,151,207)
```
#3299d8
```
#3299d8 rgb(50,153,216)
```
#289be2
```
#289be2 rgb(40,155,226)
```
#1f9eeb
```
#1f9eeb rgb(31,158,235)
```
#15a0f5
```
#15a0f5 rgb(21,160,245)
```
#0ca2fe
```
#0ca2fe rgb(12,162,254)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#698799 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9df6 Protanopia 1% of men
#5aa1ff Deuteranopia 1% of men
#00b0bb Tritanopia 0.001% of the population

Trichromacy

#529ff9 Protanomaly 1% of men, 0.01% of women
#3ea1fe Deuteranomaly 6% of men, 0.4% of women
#04abd3 Tritanomaly 0.01% of the population

#0ca2fe hex color

#0ca2fe Color Information

#0ca2fe Color Conversion

Color Schemes with #0ca2fe

Alternatives to #0ca2fe

#0ca2fe Preview

Shades and Tints of #0ca2fe

Tones of #0ca2fe

Color Blindness Simulator