#0c83ff hex color

In a RGB color space, hex #0c83ff is composed of 4.7% red, 51.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 48.6% magenta, 0% yellow and 0% black. It has a hue angle of 210.6 degrees, a saturation of 100% and a lightness of 52.4%. #0c83ff color hex could be obtained by blending #18ffff with #0007ff. Closest websafe color is: #0099ff.

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

● #0c83ff color description : Vivid blue.

The hexadecimal color #0c83ff has RGB values of R:12, G:131, B:255 and CMYK values of C:0.95, M:0.49, Y:0, K:0. Its decimal value is 820223.

Hex triplet	0c83ff	`#0c83ff`
RGB Decimal	12, 131, 255	`rgb(12,131,255)`
RGB Percent	4.7, 51.4, 100	`rgb(4.7%,51.4%,100%)`
CMYK	95, 49, 0, 0
HSL	210.6°, 100, 52.4	`hsl(210.6,100%,52.4%)`
HSV (or HSB)	210.6°, 95.3, 100
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.612, 17.201, -69.472
XYZ	26.314, 23.528, 97.757
xyY	0.178, 0.159, 23.528
CIE-LCH	55.612, 71.57, 283.907
CIE-LUV	55.612, -29.879, -110.948
Hunter-Lab	48.506, 11.948, -85.536
Binary	00001100, 10000011, 11111111

#0c83ff
```
#0c83ff rgb(12,131,255)
```
#ff880c
```
#ff880c rgb(255,136,12)
```

Complementary Color

#0cfdff
```
#0cfdff rgb(12,253,255)
```
#0c83ff
```
#0c83ff rgb(12,131,255)
```
#0f0cff
```
#0f0cff rgb(15,12,255)
```

Analogous Color

#fdff0c
```
#fdff0c rgb(253,255,12)
```
#0c83ff
```
#0c83ff rgb(12,131,255)
```
#ff0f0c
```
#ff0f0c rgb(255,15,12)
```

Split Complementary Color

#83ff0c
```
#83ff0c rgb(131,255,12)
```
#0c83ff
```
#0c83ff rgb(12,131,255)
```
#ff0c83
```
#ff0c83 rgb(255,12,131)
```

Triadic Color

#0cff88
```
#0cff88 rgb(12,255,136)
```
#0c83ff
```
#0c83ff rgb(12,131,255)
```
#ff0c83
```
#ff0c83 rgb(255,12,131)
```
#ff880c
```
#ff880c rgb(255,136,12)
```

Tetradic Color

#005dbf
```
#005dbf rgb(0,93,191)
```
#006ad8
```
#006ad8 rgb(0,106,216)
```
#0076f2
```
#0076f2 rgb(0,118,242)
```
#0c83ff
```
#0c83ff rgb(12,131,255)
```
#2690ff
```
#2690ff rgb(38,144,255)
```
#3f9dff
```
#3f9dff rgb(63,157,255)
```
#59aaff
```
#59aaff rgb(89,170,255)
```

Monochromatic Color

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

#0cc0ff
```
#0cc0ff rgb(12,192,255)
```
#0cacff
```
#0cacff rgb(12,172,255)
```
#0c97ff
```
#0c97ff rgb(12,151,255)
```
#0c83ff
```
#0c83ff rgb(12,131,255)
```
#0c6fff
```
#0c6fff rgb(12,111,255)
```
#0c5aff
```
#0c5aff rgb(12,90,255)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```

Similar Colors

Text with hexadecimal color #0c83ff

This text has a font color of #0c83ff.

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

#0c83ff background color

This paragraph has a background color of #0c83ff.

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

#0c83ff border color

This element has a border color of #0c83ff.

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

CSS codes

.text {color:#0c83ff;}

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

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

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, #00060c is the darkest color, while #f7fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#000f20
```
#000f20 rgb(0,15,32)
```
#001933
```
#001933 rgb(0,25,51)
```
#002347
```
#002347 rgb(0,35,71)
```
#002c5a
```
#002c5a rgb(0,44,90)
```
#00366e
```
#00366e rgb(0,54,110)
```
#004082
```
#004082 rgb(0,64,130)
```
#004995
```
#004995 rgb(0,73,149)
```
#0053a9
```
#0053a9 rgb(0,83,169)
```
#005cbd
```
#005cbd rgb(0,92,189)
```
#0066d0
```
#0066d0 rgb(0,102,208)
```
#0070e4
```
#0070e4 rgb(0,112,228)
```
#0079f7
```
#0079f7 rgb(0,121,247)
```

Shade Color Variation

#0c83ff
```
#0c83ff rgb(12,131,255)
```
#208dff
```
#208dff rgb(32,141,255)
```
#3397ff
```
#3397ff rgb(51,151,255)
```
#47a1ff
```
#47a1ff rgb(71,161,255)
```
#5aabff
```
#5aabff rgb(90,171,255)
```
#6eb5ff
```
#6eb5ff rgb(110,181,255)
```
#82bfff
```
#82bfff rgb(130,191,255)
```
#95c9ff
```
#95c9ff rgb(149,201,255)
```
#a9d3ff
```
#a9d3ff rgb(169,211,255)
```
#bdddff
```
#bdddff rgb(189,221,255)
```
#d0e7ff
```
#d0e7ff rgb(208,231,255)
```
#e4f1ff
```
#e4f1ff rgb(228,241,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#7c858f
```
#7c858f rgb(124,133,143)
```
#738598
```
#738598 rgb(115,133,152)
```
#6985a2
```
#6985a2 rgb(105,133,162)
```
#6085ab
```
#6085ab rgb(96,133,171)
```
#5785b4
```
#5785b4 rgb(87,133,180)
```
#4d84be
```
#4d84be rgb(77,132,190)
```
#4484c7
```
#4484c7 rgb(68,132,199)
```
#3b84d0
```
#3b84d0 rgb(59,132,208)
```
#3184da
```
#3184da rgb(49,132,218)
```
#2884e3
```
#2884e3 rgb(40,132,227)
```
#1f83ec
```
#1f83ec rgb(31,131,236)
```
#1583f6
```
#1583f6 rgb(21,131,246)
```
#0c83ff
```
#0c83ff rgb(12,131,255)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5a728b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d87fd Protanopia 1% of men
#008ee9 Deuteranopia 1% of men
#0099a1 Tritanopia 0.001% of the population

Trichromacy

#2b85fd Protanomaly 1% of men, 0.01% of women
#048af1 Deuteranomaly 6% of men, 0.4% of women
#0491c3 Tritanomaly 0.01% of the population

#0c83ff hex color

#0c83ff Color Information

#0c83ff Color Conversion

Color Schemes with #0c83ff

Alternatives to #0c83ff

#0c83ff Preview

Shades and Tints of #0c83ff

Tones of #0c83ff

Color Blindness Simulator