#0c5ae4 hex color

In a RGB color space, hex #0c5ae4 is composed of 4.7% red, 35.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 60.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 218.3 degrees, a saturation of 90% and a lightness of 47.1%. #0c5ae4 color hex could be obtained by blending #18b4ff with #0000c9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 5
- G 35
- B 89
RGB color chart
- C 95
- M 61
- Y 0
- K 11
CMYK color chart

● #0c5ae4 color description : Vivid blue.

The hexadecimal color #0c5ae4 has RGB values of R:12, G:90, B:228 and CMYK values of C:0.95, M:0.61, Y:0, K:0.11. Its decimal value is 809700.

Hex triplet	0c5ae4	`#0c5ae4`
RGB Decimal	12, 90, 228	`rgb(12,90,228)`
RGB Percent	4.7, 35.3, 89.4	`rgb(4.7%,35.3%,89.4%)`
CMYK	95, 61, 0, 11
HSL	218.3°, 90, 47.1	`hsl(218.3,90%,47.1%)`
HSV (or HSB)	218.3°, 94.7, 89.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.749, 32.882, -75.31
XYZ	17.808, 12.99, 74.963
xyY	0.168, 0.123, 12.99
CIE-LCH	42.749, 82.175, 293.587
CIE-LUV	42.749, -19.473, -111.779
Hunter-Lab	36.042, 25.123, -98.086
Binary	00001100, 01011010, 11100100

#0c5ae4
```
#0c5ae4 rgb(12,90,228)
```
#e4960c
```
#e4960c rgb(228,150,12)
```

Complementary Color

#0cc6e4
```
#0cc6e4 rgb(12,198,228)
```
#0c5ae4
```
#0c5ae4 rgb(12,90,228)
```
#2a0ce4
```
#2a0ce4 rgb(42,12,228)
```

Analogous Color

#c6e40c
```
#c6e40c rgb(198,228,12)
```
#0c5ae4
```
#0c5ae4 rgb(12,90,228)
```
#e42a0c
```
#e42a0c rgb(228,42,12)
```

Split Complementary Color

#5ae40c
```
#5ae40c rgb(90,228,12)
```
#0c5ae4
```
#0c5ae4 rgb(12,90,228)
```
#e40c5a
```
#e40c5a rgb(228,12,90)
```

Triadic Color

#0ce496
```
#0ce496 rgb(12,228,150)
```
#0c5ae4
```
#0c5ae4 rgb(12,90,228)
```
#e40c5a
```
#e40c5a rgb(228,12,90)
```
#e4960c
```
#e4960c rgb(228,150,12)
```

Tetradic Color

#083d9b
```
#083d9b rgb(8,61,155)
```
#0947b4
```
#0947b4 rgb(9,71,180)
```
#0b50cc
```
#0b50cc rgb(11,80,204)
```
#0c5ae4
```
#0c5ae4 rgb(12,90,228)
```
#1766f3
```
#1766f3 rgb(23,102,243)
```
#2f76f4
```
#2f76f4 rgb(47,118,244)
```
#4786f5
```
#4786f5 rgb(71,134,245)
```

Monochromatic Color

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

#0c90e4
```
#0c90e4 rgb(12,144,228)
```
#0c7ee4
```
#0c7ee4 rgb(12,126,228)
```
#0c6ce4
```
#0c6ce4 rgb(12,108,228)
```
#0c5ae4
```
#0c5ae4 rgb(12,90,228)
```
#0c48e4
```
#0c48e4 rgb(12,72,228)
```
#0c36e4
```
#0c36e4 rgb(12,54,228)
```
#0c24e4
```
#0c24e4 rgb(12,36,228)
```

Similar Colors

Text with hexadecimal color #0c5ae4

This text has a font color of #0c5ae4.

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

#0c5ae4 background color

This paragraph has a background color of #0c5ae4.

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

#0c5ae4 border color

This element has a border color of #0c5ae4.

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

CSS codes

.text {color:#0c5ae4;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010917
```
#010917 rgb(1,9,23)
```
#02102a
```
#02102a rgb(2,16,42)
```
#03183c
```
#03183c rgb(3,24,60)
```
#041f4f
```
#041f4f rgb(4,31,79)
```
#052762
```
#052762 rgb(5,39,98)
```
#062e74
```
#062e74 rgb(6,46,116)
```
#073587
```
#073587 rgb(7,53,135)
```
#083d99
```
#083d99 rgb(8,61,153)
```
#0944ac
```
#0944ac rgb(9,68,172)
```
#0a4bbf
```
#0a4bbf rgb(10,75,191)
```
#0b53d1
```
#0b53d1 rgb(11,83,209)
```
#0c5ae4
```
#0c5ae4 rgb(12,90,228)
```

Shade Color Variation

#1163f2
```
#1163f2 rgb(17,99,242)
```
#246ff3
```
#246ff3 rgb(36,111,243)
```
#367bf4
```
#367bf4 rgb(54,123,244)
```
#4987f5
```
#4987f5 rgb(73,135,245)
```
#5c94f6
```
#5c94f6 rgb(92,148,246)
```
#6ea0f7
```
#6ea0f7 rgb(110,160,247)
```
#81acf8
```
#81acf8 rgb(129,172,248)
```
#94b8f9
```
#94b8f9 rgb(148,184,249)
```
#a6c5fa
```
#a6c5fa rgb(166,197,250)
```
#b9d1fb
```
#b9d1fb rgb(185,209,251)
```
#cbddfc
```
#cbddfc rgb(203,221,252)
```
#dee9fd
```
#dee9fd rgb(222,233,253)
```
#f1f6fe
```
#f1f6fe rgb(241,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72767e is the less saturated color, while #0357ed is the most saturated one.

#72767e
```
#72767e rgb(114,118,126)
```
#687488
```
#687488 rgb(104,116,136)
```
#5f7191
```
#5f7191 rgb(95,113,145)
```
#566f9a
```
#566f9a rgb(86,111,154)
```
#4d6ca3
```
#4d6ca3 rgb(77,108,163)
```
#4369ad
```
#4369ad rgb(67,105,173)
```
#3a67b6
```
#3a67b6 rgb(58,103,182)
```
#3164bf
```
#3164bf rgb(49,100,191)
```
#2862c8
```
#2862c8 rgb(40,98,200)
```
#1e5fd2
```
#1e5fd2 rgb(30,95,210)
```
#155ddb
```
#155ddb rgb(21,93,219)
```
#0c5ae4
```
#0c5ae4 rgb(12,90,228)
```
#0357ed
```
#0357ed rgb(3,87,237)
```

Tone Color Variation

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

#0069ce Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0463d6 Protanomaly 1% of men, 0.01% of women
#0467c5 Deuteranomaly 6% of men, 0.4% of women
#046ca2 Tritanomaly 0.01% of the population

#0c5ae4 hex color

#0c5ae4 Color Information

#0c5ae4 Color Conversion

Color Schemes with #0c5ae4

Alternatives to #0c5ae4

#0c5ae4 Preview

Shades and Tints of #0c5ae4

Tones of #0c5ae4

Color Blindness Simulator