#0c80dd hex color

In a RGB color space, hex #0c80dd is composed of 4.7% red, 50.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 94.6% cyan, 42.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 206.7 degrees, a saturation of 89.7% and a lightness of 45.7%. #0c80dd color hex could be obtained by blending #18ffff with #0001bb. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 50
- B 87
RGB color chart
- C 95
- M 42
- Y 0
- K 13
CMYK color chart

● #0c80dd color description : Vivid blue.

The hexadecimal color #0c80dd has RGB values of R:12, G:128, B:221 and CMYK values of C:0.95, M:0.42, Y:0, K:0.13. Its decimal value is 819421.

Hex triplet	0c80dd	`#0c80dd`
RGB Decimal	12, 128, 221	`rgb(12,128,221)`
RGB Percent	4.7, 50.2, 86.7	`rgb(4.7%,50.2%,86.7%)`
CMYK	95, 42, 0, 13
HSL	206.7°, 89.7, 45.7	`hsl(206.7,89.7%,45.7%)`
HSV (or HSB)	206.7°, 94.6, 86.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.658, 5.941, -55.302
XYZ	20.919, 20.735, 71.302
xyY	0.185, 0.184, 20.735
CIE-LCH	52.658, 55.62, 276.132
CIE-LUV	52.658, -30.494, -86.567
Hunter-Lab	45.536, 2.314, -60.965
Binary	00001100, 10000000, 11011101

#0c80dd
```
#0c80dd rgb(12,128,221)
```
#dd690c
```
#dd690c rgb(221,105,12)
```

Complementary Color

#0cddd2
```
#0cddd2 rgb(12,221,210)
```
#0c80dd
```
#0c80dd rgb(12,128,221)
```
#0c18dd
```
#0c18dd rgb(12,24,221)
```

Analogous Color

#ddd20c
```
#ddd20c rgb(221,210,12)
```
#0c80dd
```
#0c80dd rgb(12,128,221)
```
#dd0c18
```
#dd0c18 rgb(221,12,24)
```

Split Complementary Color

#80dd0c
```
#80dd0c rgb(128,221,12)
```
#0c80dd
```
#0c80dd rgb(12,128,221)
```
#dd0c80
```
#dd0c80 rgb(221,12,128)
```

Triadic Color

#0cdd69
```
#0cdd69 rgb(12,221,105)
```
#0c80dd
```
#0c80dd rgb(12,128,221)
```
#dd0c80
```
#dd0c80 rgb(221,12,128)
```
#dd690c
```
#dd690c rgb(221,105,12)
```

Tetradic Color

#085694
```
#085694 rgb(8,86,148)
```
#0964ad
```
#0964ad rgb(9,100,173)
```
#0b72c5
```
#0b72c5 rgb(11,114,197)
```
#0c80dd
```
#0c80dd rgb(12,128,221)
```
#108ef2
```
#108ef2 rgb(16,142,242)
```
#2999f3
```
#2999f3 rgb(41,153,243)
```
#41a5f5
```
#41a5f5 rgb(65,165,245)
```

Monochromatic Color

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

#0cb4dd
```
#0cb4dd rgb(12,180,221)
```
#0ca3dd
```
#0ca3dd rgb(12,163,221)
```
#0c91dd
```
#0c91dd rgb(12,145,221)
```
#0c80dd
```
#0c80dd rgb(12,128,221)
```
#0c6fdd
```
#0c6fdd rgb(12,111,221)
```
#0c5ddd
```
#0c5ddd rgb(12,93,221)
```
#0c4cdd
```
#0c4cdd rgb(12,76,221)
```

Similar Colors

Text with hexadecimal color #0c80dd

This text has a font color of #0c80dd.

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

#0c80dd background color

This paragraph has a background color of #0c80dd.

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

#0c80dd border color

This element has a border color of #0c80dd.

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

CSS codes

.text {color:#0c80dd;}

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

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

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

#010910
```
#010910 rgb(1,9,16)
```
#021423
```
#021423 rgb(2,20,35)
```
#031f36
```
#031f36 rgb(3,31,54)
```
#042a48
```
#042a48 rgb(4,42,72)
```
#05355b
```
#05355b rgb(5,53,91)
```
#063f6d
```
#063f6d rgb(6,63,109)
```
#074a80
```
#074a80 rgb(7,74,128)
```
#085593
```
#085593 rgb(8,85,147)
```
#0960a5
```
#0960a5 rgb(9,96,165)
```
#0a6ab8
```
#0a6ab8 rgb(10,106,184)
```
#0b75ca
```
#0b75ca rgb(11,117,202)
```
#0c80dd
```
#0c80dd rgb(12,128,221)
```
#0d8bf0
```
#0d8bf0 rgb(13,139,240)
```

Shade Color Variation

#1d94f3
```
#1d94f3 rgb(29,148,243)
```
#309df4
```
#309df4 rgb(48,157,244)
```
#43a6f5
```
#43a6f5 rgb(67,166,245)
```
#55aef6
```
#55aef6 rgb(85,174,246)
```
#68b7f7
```
#68b7f7 rgb(104,183,247)
```
#7bc0f8
```
#7bc0f8 rgb(123,192,248)
```
#8dc9f9
```
#8dc9f9 rgb(141,201,249)
```
#a0d2fa
```
#a0d2fa rgb(160,210,250)
```
#b2dbfb
```
#b2dbfb rgb(178,219,251)
```
#c5e3fc
```
#c5e3fc rgb(197,227,252)
```
#d8ecfd
```
#d8ecfd rgb(216,236,253)
```
#eaf5fe
```
#eaf5fe rgb(234,245,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f757a is the less saturated color, while #0381e6 is the most saturated one.

#6f757a
```
#6f757a rgb(111,117,122)
```
#667683
```
#667683 rgb(102,118,131)
```
#5d778c
```
#5d778c rgb(93,119,140)
```
#547895
```
#547895 rgb(84,120,149)
```
#4b799e
```
#4b799e rgb(75,121,158)
```
#427aa7
```
#427aa7 rgb(66,122,167)
```
#397bb0
```
#397bb0 rgb(57,123,176)
```
#307cb9
```
#307cb9 rgb(48,124,185)
```
#277dc2
```
#277dc2 rgb(39,125,194)
```
#1e7ecb
```
#1e7ecb rgb(30,126,203)
```
#157fd4
```
#157fd4 rgb(21,127,212)
```
#0c80dd
```
#0c80dd rgb(12,128,221)
```
#0381e6
```
#0381e6 rgb(3,129,230)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#566d7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5881da Protanopia 1% of men
#1f86de Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#3c80db Protanomaly 1% of men, 0.01% of women
#1884de Deuteranomaly 6% of men, 0.4% of women
#048bb2 Tritanomaly 0.01% of the population

#0c80dd hex color

#0c80dd Color Information

#0c80dd Color Conversion

Color Schemes with #0c80dd

Alternatives to #0c80dd

#0c80dd Preview

Shades and Tints of #0c80dd

Tones of #0c80dd

Color Blindness Simulator