#0c5ddc hex color

In a RGB color space, hex #0c5ddc is composed of 4.7% red, 36.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 94.5% cyan, 57.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 216.6 degrees, a saturation of 89.7% and a lightness of 45.5%. #0c5ddc color hex could be obtained by blending #18baff with #0000b9. Closest websafe color is: #0066cc.

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

● #0c5ddc color description : Vivid blue.

The hexadecimal color #0c5ddc has RGB values of R:12, G:93, B:220 and CMYK values of C:0.95, M:0.58, Y:0, K:0.14. Its decimal value is 810460.

Hex triplet	0c5ddc	`#0c5ddc`
RGB Decimal	12, 93, 220	`rgb(12,93,220)`
RGB Percent	4.7, 36.5, 86.3	`rgb(4.7%,36.5%,86.3%)`
CMYK	95, 58, 0, 14
HSL	216.6°, 89.7, 45.5	`hsl(216.6,89.7%,45.5%)`
HSV (or HSB)	216.6°, 94.5, 86.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.873, 27.849, -70.561
XYZ	16.981, 13.073, 69.334
xyY	0.171, 0.132, 13.073
CIE-LCH	42.873, 75.858, 291.538
CIE-LUV	42.873, -20.357, -105.295
Hunter-Lab	36.156, 20.563, -88.387
Binary	00001100, 01011101, 11011100

#0c5ddc
```
#0c5ddc rgb(12,93,220)
```
#dc8b0c
```
#dc8b0c rgb(220,139,12)
```

Complementary Color

#0cc5dc
```
#0cc5dc rgb(12,197,220)
```
#0c5ddc
```
#0c5ddc rgb(12,93,220)
```
#230cdc
```
#230cdc rgb(35,12,220)
```

Analogous Color

#c5dc0c
```
#c5dc0c rgb(197,220,12)
```
#0c5ddc
```
#0c5ddc rgb(12,93,220)
```
#dc230c
```
#dc230c rgb(220,35,12)
```

Split Complementary Color

#5ddc0c
```
#5ddc0c rgb(93,220,12)
```
#0c5ddc
```
#0c5ddc rgb(12,93,220)
```
#dc0c5d
```
#dc0c5d rgb(220,12,93)
```

Triadic Color

#0cdc8b
```
#0cdc8b rgb(12,220,139)
```
#0c5ddc
```
#0c5ddc rgb(12,93,220)
```
#dc0c5d
```
#dc0c5d rgb(220,12,93)
```
#dc8b0c
```
#dc8b0c rgb(220,139,12)
```

Tetradic Color

#083e93
```
#083e93 rgb(8,62,147)
```
#0949ac
```
#0949ac rgb(9,73,172)
```
#0b53c4
```
#0b53c4 rgb(11,83,196)
```
#0c5ddc
```
#0c5ddc rgb(12,93,220)
```
#1068f2
```
#1068f2 rgb(16,104,242)
```
#2877f3
```
#2877f3 rgb(40,119,243)
```
#4086f5
```
#4086f5 rgb(64,134,245)
```

Monochromatic Color

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

#0c91dc
```
#0c91dc rgb(12,145,220)
```
#0c80dc
```
#0c80dc rgb(12,128,220)
```
#0c6edc
```
#0c6edc rgb(12,110,220)
```
#0c5ddc
```
#0c5ddc rgb(12,93,220)
```
#0c4cdc
```
#0c4cdc rgb(12,76,220)
```
#0c3adc
```
#0c3adc rgb(12,58,220)
```
#0c29dc
```
#0c29dc rgb(12,41,220)
```

Similar Colors

Text with hexadecimal color #0c5ddc

This text has a font color of #0c5ddc.

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

#0c5ddc background color

This paragraph has a background color of #0c5ddc.

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

#0c5ddc border color

This element has a border color of #0c5ddc.

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

CSS codes

.text {color:#0c5ddc;}

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

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

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, #01070f is the darkest color, while #fcfdff is the lightest one.

#01070f
```
#01070f rgb(1,7,15)
```
#020e22
```
#020e22 rgb(2,14,34)
```
#031635
```
#031635 rgb(3,22,53)
```
#041e47
```
#041e47 rgb(4,30,71)
```
#05265a
```
#05265a rgb(5,38,90)
```
#062e6c
```
#062e6c rgb(6,46,108)
```
#07367f
```
#07367f rgb(7,54,127)
```
#083e92
```
#083e92 rgb(8,62,146)
```
#0945a4
```
#0945a4 rgb(9,69,164)
```
#0a4db7
```
#0a4db7 rgb(10,77,183)
```
#0b55c9
```
#0b55c9 rgb(11,85,201)
```
#0c5ddc
```
#0c5ddc rgb(12,93,220)
```
#0d65ef
```
#0d65ef rgb(13,101,239)
```

Shade Color Variation

#1d70f3
```
#1d70f3 rgb(29,112,243)
```
#2f7cf4
```
#2f7cf4 rgb(47,124,244)
```
#4287f5
```
#4287f5 rgb(66,135,245)
```
#5493f6
```
#5493f6 rgb(84,147,246)
```
#679ff7
```
#679ff7 rgb(103,159,247)
```
#7aabf8
```
#7aabf8 rgb(122,171,248)
```
#8cb6f9
```
#8cb6f9 rgb(140,182,249)
```
#9fc2fa
```
#9fc2fa rgb(159,194,250)
```
#b1cefb
```
#b1cefb rgb(177,206,251)
```
#c4dafc
```
#c4dafc rgb(196,218,252)
```
#d7e5fd
```
#d7e5fd rgb(215,229,253)
```
#e9f1fe
```
#e9f1fe rgb(233,241,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#6e737a
```
#6e737a rgb(110,115,122)
```
#657183
```
#657183 rgb(101,113,131)
```
#5c6f8c
```
#5c6f8c rgb(92,111,140)
```
#536d95
```
#536d95 rgb(83,109,149)
```
#4a6b9e
```
#4a6b9e rgb(74,107,158)
```
#4269a6
```
#4269a6 rgb(66,105,166)
```
#3967af
```
#3967af rgb(57,103,175)
```
#3065b8
```
#3065b8 rgb(48,101,184)
```
#2763c1
```
#2763c1 rgb(39,99,193)
```
#1e61ca
```
#1e61ca rgb(30,97,202)
```
#155fd3
```
#155fd3 rgb(21,95,211)
```
#0c5ddc
```
#0c5ddc rgb(12,93,220)
```
#035be5
```
#035be5 rgb(3,91,229)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#45556e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cf Protanopia 1% of men
#006fb4 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#0465d3 Protanomaly 1% of men, 0.01% of women
#0469c3 Deuteranomaly 6% of men, 0.4% of women
#046ea0 Tritanomaly 0.01% of the population

#0c5ddc hex color

#0c5ddc Color Information

#0c5ddc Color Conversion

Color Schemes with #0c5ddc

Alternatives to #0c5ddc

#0c5ddc Preview

Shades and Tints of #0c5ddc

Tones of #0c5ddc

Color Blindness Simulator