#0c5ae1 hex color

In a RGB color space, hex #0c5ae1 is composed of 4.7% red, 35.3% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 60% magenta, 0% yellow and 11.8% black. It has a hue angle of 218 degrees, a saturation of 89.9% and a lightness of 46.5%. #0c5ae1 color hex could be obtained by blending #18b4ff with #0000c3. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 5
- G 35
- B 88
RGB color chart
- C 95
- M 60
- Y 0
- K 12
CMYK color chart

● #0c5ae1 color description : Vivid blue.

The hexadecimal color #0c5ae1 has RGB values of R:12, G:90, B:225 and CMYK values of C:0.95, M:0.6, Y:0, K:0.12. Its decimal value is 809697.

Hex triplet	0c5ae1	`#0c5ae1`
RGB Decimal	12, 90, 225	`rgb(12,90,225)`
RGB Percent	4.7, 35.3, 88.2	`rgb(4.7%,35.3%,88.2%)`
CMYK	95, 60, 0, 12
HSL	218°, 89.9, 46.5	`hsl(218,89.9%,46.5%)`
HSV (or HSB)	218°, 94.7, 88.2
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.499, 31.731, -74.017
XYZ	17.395, 12.825, 72.789
xyY	0.169, 0.125, 12.825
CIE-LCH	42.499, 80.531, 293.205
CIE-LUV	42.499, -19.513, -109.798
Hunter-Lab	35.812, 24.033, -95.438
Binary	00001100, 01011010, 11100001

#0c5ae1
```
#0c5ae1 rgb(12,90,225)
```
#e1930c
```
#e1930c rgb(225,147,12)
```

Complementary Color

#0cc5e1
```
#0cc5e1 rgb(12,197,225)
```
#0c5ae1
```
#0c5ae1 rgb(12,90,225)
```
#290ce1
```
#290ce1 rgb(41,12,225)
```

Analogous Color

#c5e10c
```
#c5e10c rgb(197,225,12)
```
#0c5ae1
```
#0c5ae1 rgb(12,90,225)
```
#e1290c
```
#e1290c rgb(225,41,12)
```

Split Complementary Color

#5ae10c
```
#5ae10c rgb(90,225,12)
```
#0c5ae1
```
#0c5ae1 rgb(12,90,225)
```
#e10c5a
```
#e10c5a rgb(225,12,90)
```

Triadic Color

#0ce193
```
#0ce193 rgb(12,225,147)
```
#0c5ae1
```
#0c5ae1 rgb(12,90,225)
```
#e10c5a
```
#e10c5a rgb(225,12,90)
```
#e1930c
```
#e1930c rgb(225,147,12)
```

Tetradic Color

#083d98
```
#083d98 rgb(8,61,152)
```
#0947b1
```
#0947b1 rgb(9,71,177)
```
#0b50c9
```
#0b50c9 rgb(11,80,201)
```
#0c5ae1
```
#0c5ae1 rgb(12,90,225)
```
#1465f2
```
#1465f2 rgb(20,101,242)
```
#2c75f4
```
#2c75f4 rgb(44,117,244)
```
#4485f5
```
#4485f5 rgb(68,133,245)
```

Monochromatic Color

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

#0c8fe1
```
#0c8fe1 rgb(12,143,225)
```
#0c7ee1
```
#0c7ee1 rgb(12,126,225)
```
#0c6ce1
```
#0c6ce1 rgb(12,108,225)
```
#0c5ae1
```
#0c5ae1 rgb(12,90,225)
```
#0c48e1
```
#0c48e1 rgb(12,72,225)
```
#0c36e1
```
#0c36e1 rgb(12,54,225)
```
#0c25e1
```
#0c25e1 rgb(12,37,225)
```

Similar Colors

Text with hexadecimal color #0c5ae1

This text has a font color of #0c5ae1.

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

#0c5ae1 background color

This paragraph has a background color of #0c5ae1.

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

#0c5ae1 border color

This element has a border color of #0c5ae1.

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

CSS codes

.text {color:#0c5ae1;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010814
```
#010814 rgb(1,8,20)
```
#021027
```
#021027 rgb(2,16,39)
```
#031739
```
#031739 rgb(3,23,57)
```
#041e4c
```
#041e4c rgb(4,30,76)
```
#05265f
```
#05265f rgb(5,38,95)
```
#062d71
```
#062d71 rgb(6,45,113)
```
#073584
```
#073584 rgb(7,53,132)
```
#083c97
```
#083c97 rgb(8,60,151)
```
#0944a9
```
#0944a9 rgb(9,68,169)
```
#0a4bbc
```
#0a4bbc rgb(10,75,188)
```
#0b53ce
```
#0b53ce rgb(11,83,206)
```
#0c5ae1
```
#0c5ae1 rgb(12,90,225)
```

Shade Color Variation

#0e62f2
```
#0e62f2 rgb(14,98,242)
```
#216ef3
```
#216ef3 rgb(33,110,243)
```
#347af4
```
#347af4 rgb(52,122,244)
```
#4686f5
```
#4686f5 rgb(70,134,245)
```
#5993f6
```
#5993f6 rgb(89,147,246)
```
#6c9ff7
```
#6c9ff7 rgb(108,159,247)
```
#7eabf8
```
#7eabf8 rgb(126,171,248)
```
#91b7f9
```
#91b7f9 rgb(145,183,249)
```
#a3c3fa
```
#a3c3fa rgb(163,195,250)
```
#b6cffb
```
#b6cffb rgb(182,207,251)
```
#c9dcfc
```
#c9dcfc rgb(201,220,252)
```
#dbe8fd
```
#dbe8fd rgb(219,232,253)
```
#eef4fe
```
#eef4fe rgb(238,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70757d is the less saturated color, while #0358ea is the most saturated one.

#70757d
```
#70757d rgb(112,117,125)
```
#677286
```
#677286 rgb(103,114,134)
```
#5e708f
```
#5e708f rgb(94,112,143)
```
#556e98
```
#556e98 rgb(85,110,152)
```
#4c6ba1
```
#4c6ba1 rgb(76,107,161)
```
#4369aa
```
#4369aa rgb(67,105,170)
```
#3a66b3
```
#3a66b3 rgb(58,102,179)
```
#3064bd
```
#3064bd rgb(48,100,189)
```
#2761c6
```
#2761c6 rgb(39,97,198)
```
#1e5fcf
```
#1e5fcf rgb(30,95,207)
```
#155cd8
```
#155cd8 rgb(21,92,216)
```
#0c5ae1
```
#0c5ae1 rgb(12,90,225)
```
#0358ea
```
#0358ea rgb(3,88,234)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#44546f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0463d4 Protanomaly 1% of men, 0.01% of women
#0467c3 Deuteranomaly 6% of men, 0.4% of women
#046ca1 Tritanomaly 0.01% of the population

#0c5ae1 hex color

#0c5ae1 Color Information

#0c5ae1 Color Conversion

Color Schemes with #0c5ae1

Alternatives to #0c5ae1

#0c5ae1 Preview

Shades and Tints of #0c5ae1

Tones of #0c5ae1

Color Blindness Simulator