#0cb3f1 hex color

In a RGB color space, hex #0cb3f1 is composed of 4.7% red, 70.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 95% cyan, 25.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 196.2 degrees, a saturation of 90.5% and a lightness of 49.6%. #0cb3f1 color hex could be obtained by blending #18ffff with #0067e3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 70
- B 95
RGB color chart
- C 95
- M 26
- Y 0
- K 5
CMYK color chart

● #0cb3f1 color description : Vivid blue.

The hexadecimal color #0cb3f1 has RGB values of R:12, G:179, B:241 and CMYK values of C:0.95, M:0.26, Y:0, K:0.05. Its decimal value is 832497.

Hex triplet	0cb3f1	`#0cb3f1`
RGB Decimal	12, 179, 241	`rgb(12,179,241)`
RGB Percent	4.7, 70.2, 94.5	`rgb(4.7%,70.2%,94.5%)`
CMYK	95, 26, 0, 5
HSL	196.2°, 90.5, 49.6	`hsl(196.2,90.5%,49.6%)`
HSV (or HSB)	196.2°, 95, 94.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	68.509, -15.902, -41.283
XYZ	32.145, 38.666, 88.983
xyY	0.201, 0.242, 38.666
CIE-LCH	68.509, 44.24, 248.933
CIE-LUV	68.509, -45.934, -64.549
Hunter-Lab	62.182, -16.544, -41.317
Binary	00001100, 10110011, 11110001

#0cb3f1
```
#0cb3f1 rgb(12,179,241)
```
#f14a0c
```
#f14a0c rgb(241,74,12)
```

Complementary Color

#0cf1bd
```
#0cf1bd rgb(12,241,189)
```
#0cb3f1
```
#0cb3f1 rgb(12,179,241)
```
#0c41f1
```
#0c41f1 rgb(12,65,241)
```

Analogous Color

#f1bd0c
```
#f1bd0c rgb(241,189,12)
```
#0cb3f1
```
#0cb3f1 rgb(12,179,241)
```
#f10c41
```
#f10c41 rgb(241,12,65)
```

Split Complementary Color

#b3f10c
```
#b3f10c rgb(179,241,12)
```
#0cb3f1
```
#0cb3f1 rgb(12,179,241)
```
#f10cb3
```
#f10cb3 rgb(241,12,179)
```

Triadic Color

#0cf14a
```
#0cf14a rgb(12,241,74)
```
#0cb3f1
```
#0cb3f1 rgb(12,179,241)
```
#f10cb3
```
#f10cb3 rgb(241,12,179)
```
#f14a0c
```
#f14a0c rgb(241,74,12)
```

Tetradic Color

#087da8
```
#087da8 rgb(8,125,168)
```
#0a8fc0
```
#0a8fc0 rgb(10,143,192)
```
#0ba1d9
```
#0ba1d9 rgb(11,161,217)
```
#0cb3f1
```
#0cb3f1 rgb(12,179,241)
```
#22bbf4
```
#22bbf4 rgb(34,187,244)
```
#3bc3f5
```
#3bc3f5 rgb(59,195,245)
```
#53caf6
```
#53caf6 rgb(83,202,246)
```

Monochromatic Color

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

#0cecf1
```
#0cecf1 rgb(12,236,241)
```
#0cd9f1
```
#0cd9f1 rgb(12,217,241)
```
#0cc6f1
```
#0cc6f1 rgb(12,198,241)
```
#0cb3f1
```
#0cb3f1 rgb(12,179,241)
```
#0ca0f1
```
#0ca0f1 rgb(12,160,241)
```
#0c8df1
```
#0c8df1 rgb(12,141,241)
```
#0c7af1
```
#0c7af1 rgb(12,122,241)
```

Similar Colors

Text with hexadecimal color #0cb3f1

This text has a font color of #0cb3f1.

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

#0cb3f1 background color

This paragraph has a background color of #0cb3f1.

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

#0cb3f1 border color

This element has a border color of #0cb3f1.

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

CSS codes

.text {color:#0cb3f1;}

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

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

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, #010c11 is the darkest color, while #fdfeff is the lightest one.

#010c11
```
#010c11 rgb(1,12,17)
```
#021a23
```
#021a23 rgb(2,26,35)
```
#032836
```
#032836 rgb(3,40,54)
```
#043649
```
#043649 rgb(4,54,73)
```
#05445c
```
#05445c rgb(5,68,92)
```
#05526e
```
#05526e rgb(5,82,110)
```
#066081
```
#066081 rgb(6,96,129)
```
#076e94
```
#076e94 rgb(7,110,148)
```
#087ba6
```
#087ba6 rgb(8,123,166)
```
#0989b9
```
#0989b9 rgb(9,137,185)
```
#0a97cc
```
#0a97cc rgb(10,151,204)
```
#0ba5de
```
#0ba5de rgb(11,165,222)
```
#0cb3f1
```
#0cb3f1 rgb(12,179,241)
```

Shade Color Variation

#1dbaf4
```
#1dbaf4 rgb(29,186,244)
```
#30bff5
```
#30bff5 rgb(48,191,245)
```
#42c5f6
```
#42c5f6 rgb(66,197,246)
```
#55cbf7
```
#55cbf7 rgb(85,203,247)
```
#68d1f7
```
#68d1f7 rgb(104,209,247)
```
#7ad6f8
```
#7ad6f8 rgb(122,214,248)
```
#8ddcf9
```
#8ddcf9 rgb(141,220,249)
```
#a0e2fa
```
#a0e2fa rgb(160,226,250)
```
#b2e7fb
```
#b2e7fb rgb(178,231,251)
```
#c5edfc
```
#c5edfc rgb(197,237,252)
```
#d8f3fd
```
#d8f3fd rgb(216,243,253)
```
#eaf9fe
```
#eaf9fe rgb(234,249,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778286 is the less saturated color, while #02b7fb is the most saturated one.

#778286
```
#778286 rgb(119,130,134)
```
#6d8690
```
#6d8690 rgb(109,134,144)
```
#648b99
```
#648b99 rgb(100,139,153)
```
#5a8fa3
```
#5a8fa3 rgb(90,143,163)
```
#5094ad
```
#5094ad rgb(80,148,173)
```
#4698b7
```
#4698b7 rgb(70,152,183)
```
#3d9dc0
```
#3d9dc0 rgb(61,157,192)
```
#33a1ca
```
#33a1ca rgb(51,161,202)
```
#29a6d4
```
#29a6d4 rgb(41,166,212)
```
#1faade
```
#1faade rgb(31,170,222)
```
#16afe7
```
#16afe7 rgb(22,175,231)
```
#0cb3f1
```
#0cb3f1 rgb(12,179,241)
```
#02b7fb
```
#02b7fb rgb(2,183,251)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6f919d Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a9e8 Protanopia 1% of men
#87aaf6 Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#64aceb Protanomaly 1% of men, 0.01% of women
#5aadf4 Deuteranomaly 6% of men, 0.4% of women
#04b8d7 Tritanomaly 0.01% of the population

#0cb3f1 hex color

#0cb3f1 Color Information

#0cb3f1 Color Conversion

Color Schemes with #0cb3f1

Alternatives to #0cb3f1

#0cb3f1 Preview

Shades and Tints of #0cb3f1

Tones of #0cb3f1

Color Blindness Simulator