#0cbef3 hex color

In a RGB color space, hex #0cbef3 is composed of 4.7% red, 74.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 21.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 193.8 degrees, a saturation of 90.6% and a lightness of 50%. #0cbef3 color hex could be obtained by blending #18ffff with #007de7. Closest websafe color is: #00ccff.

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

● #0cbef3 color description : Vivid cyan.

The hexadecimal color #0cbef3 has RGB values of R:12, G:190, B:243 and CMYK values of C:0.95, M:0.22, Y:0, K:0.05. Its decimal value is 835315.

Hex triplet	0cbef3	`#0cbef3`
RGB Decimal	12, 190, 243	`rgb(12,190,243)`
RGB Percent	4.7, 74.5, 95.3	`rgb(4.7%,74.5%,95.3%)`
CMYK	95, 22, 0, 5
HSL	193.8°, 90.6, 50	`hsl(193.8,90.6%,50%)`
HSV (or HSB)	193.8°, 95.1, 95.3
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.807, -20.992, -37.225
XYZ	34.738, 43.373, 91.33
xyY	0.205, 0.256, 43.373
CIE-LCH	71.807, 42.736, 240.581
CIE-LUV	71.807, -49.469, -57.343
Hunter-Lab	65.858, -21.097, -36.121
Binary	00001100, 10111110, 11110011

#0cbef3
```
#0cbef3 rgb(12,190,243)
```
#f3410c
```
#f3410c rgb(243,65,12)
```

Complementary Color

#0cf3b5
```
#0cf3b5 rgb(12,243,181)
```
#0cbef3
```
#0cbef3 rgb(12,190,243)
```
#0c4bf3
```
#0c4bf3 rgb(12,75,243)
```

Analogous Color

#f3b50c
```
#f3b50c rgb(243,181,12)
```
#0cbef3
```
#0cbef3 rgb(12,190,243)
```
#f30c4b
```
#f30c4b rgb(243,12,75)
```

Split Complementary Color

#bef30c
```
#bef30c rgb(190,243,12)
```
#0cbef3
```
#0cbef3 rgb(12,190,243)
```
#f30cbe
```
#f30cbe rgb(243,12,190)
```

Triadic Color

#0cf341
```
#0cf341 rgb(12,243,65)
```
#0cbef3
```
#0cbef3 rgb(12,190,243)
```
#f30cbe
```
#f30cbe rgb(243,12,190)
```
#f3410c
```
#f3410c rgb(243,65,12)
```

Tetradic Color

#0885aa
```
#0885aa rgb(8,133,170)
```
#0a98c2
```
#0a98c2 rgb(10,152,194)
```
#0babdb
```
#0babdb rgb(11,171,219)
```
#0cbef3
```
#0cbef3 rgb(12,190,243)
```
#24c5f4
```
#24c5f4 rgb(36,197,244)
```
#3dcbf5
```
#3dcbf5 rgb(61,203,245)
```
#55d2f7
```
#55d2f7 rgb(85,210,247)
```

Monochromatic Color

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

#0cf3ee
```
#0cf3ee rgb(12,243,238)
```
#0ce5f3
```
#0ce5f3 rgb(12,229,243)
```
#0cd1f3
```
#0cd1f3 rgb(12,209,243)
```
#0cbef3
```
#0cbef3 rgb(12,190,243)
```
#0cabf3
```
#0cabf3 rgb(12,171,243)
```
#0c98f3
```
#0c98f3 rgb(12,152,243)
```
#0c84f3
```
#0c84f3 rgb(12,132,243)
```

Similar Colors

Text with hexadecimal color #0cbef3

This text has a font color of #0cbef3.

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

#0cbef3 background color

This paragraph has a background color of #0cbef3.

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

#0cbef3 border color

This element has a border color of #0cbef3.

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

CSS codes

.text {color:#0cbef3;}

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

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

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

#010f13
```
#010f13 rgb(1,15,19)
```
#021d25
```
#021d25 rgb(2,29,37)
```
#032c38
```
#032c38 rgb(3,44,56)
```
#043a4b
```
#043a4b rgb(4,58,75)
```
#05495d
```
#05495d rgb(5,73,93)
```
#065870
```
#065870 rgb(6,88,112)
```
#066683
```
#066683 rgb(6,102,131)
```
#077596
```
#077596 rgb(7,117,150)
```
#0884a8
```
#0884a8 rgb(8,132,168)
```
#0992bb
```
#0992bb rgb(9,146,187)
```
#0aa1ce
```
#0aa1ce rgb(10,161,206)
```
#0bafe0
```
#0bafe0 rgb(11,175,224)
```
#0cbef3
```
#0cbef3 rgb(12,190,243)
```

Shade Color Variation

#1fc3f4
```
#1fc3f4 rgb(31,195,244)
```
#31c8f5
```
#31c8f5 rgb(49,200,245)
```
#44cdf6
```
#44cdf6 rgb(68,205,246)
```
#57d2f7
```
#57d2f7 rgb(87,210,247)
```
#69d7f8
```
#69d7f8 rgb(105,215,248)
```
#7cdcf9
```
#7cdcf9 rgb(124,220,249)
```
#8fe1f9
```
#8fe1f9 rgb(143,225,249)
```
#a2e6fa
```
#a2e6fa rgb(162,230,250)
```
#b4ebfb
```
#b4ebfb rgb(180,235,251)
```
#c7f0fc
```
#c7f0fc rgb(199,240,252)
```
#daf5fd
```
#daf5fd rgb(218,245,253)
```
#ecfafe
```
#ecfafe rgb(236,250,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#788487
```
#788487 rgb(120,132,135)
```
#6e8991
```
#6e8991 rgb(110,137,145)
```
#648e9b
```
#648e9b rgb(100,142,155)
```
#5a94a5
```
#5a94a5 rgb(90,148,165)
```
#5199ae
```
#5199ae rgb(81,153,174)
```
#479eb8
```
#479eb8 rgb(71,158,184)
```
#3da3c2
```
#3da3c2 rgb(61,163,194)
```
#33a9cc
```
#33a9cc rgb(51,169,204)
```
#29aed6
```
#29aed6 rgb(41,174,214)
```
#20b3df
```
#20b3df rgb(32,179,223)
```
#16b9e9
```
#16b9e9 rgb(22,185,233)
```
#0cbef3
```
#0cbef3 rgb(12,190,243)
```
#02c3fd
```
#02c3fd rgb(2,195,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7598a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b2e9 Protanopia 1% of men
#97b2f9 Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#6cb6ec Protanomaly 1% of men, 0.01% of women
#64b6f7 Deuteranomaly 6% of men, 0.4% of women
#04c2de Tritanomaly 0.01% of the population

#0cbef3 hex color

#0cbef3 Color Information

#0cbef3 Color Conversion

Color Schemes with #0cbef3

Alternatives to #0cbef3

#0cbef3 Preview

Shades and Tints of #0cbef3

Tones of #0cbef3

Color Blindness Simulator