#0c5fe4 hex color

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

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

● #0c5fe4 color description : Vivid blue.

The hexadecimal color #0c5fe4 has RGB values of R:12, G:95, B:228 and CMYK values of C:0.95, M:0.58, Y:0, K:0.11. Its decimal value is 810980.

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

CIE-LAB	44.035, 29.654, -73.206
XYZ	18.244, 13.862, 75.109
xyY	0.17, 0.129, 13.862
CIE-LCH	44.035, 78.984, 292.052
CIE-LUV	44.035, -20.728, -109.919
Hunter-Lab	37.232, 22.311, -93.543
Binary	00001100, 01011111, 11100100

#0c5fe4
```
#0c5fe4 rgb(12,95,228)
```
#e4910c
```
#e4910c rgb(228,145,12)
```

Complementary Color

#0ccbe4
```
#0ccbe4 rgb(12,203,228)
```
#0c5fe4
```
#0c5fe4 rgb(12,95,228)
```
#250ce4
```
#250ce4 rgb(37,12,228)
```

Analogous Color

#cbe40c
```
#cbe40c rgb(203,228,12)
```
#0c5fe4
```
#0c5fe4 rgb(12,95,228)
```
#e4250c
```
#e4250c rgb(228,37,12)
```

Split Complementary Color

#5fe40c
```
#5fe40c rgb(95,228,12)
```
#0c5fe4
```
#0c5fe4 rgb(12,95,228)
```
#e40c5f
```
#e40c5f rgb(228,12,95)
```

Triadic Color

#0ce491
```
#0ce491 rgb(12,228,145)
```
#0c5fe4
```
#0c5fe4 rgb(12,95,228)
```
#e40c5f
```
#e40c5f rgb(228,12,95)
```
#e4910c
```
#e4910c rgb(228,145,12)
```

Tetradic Color

#08419b
```
#08419b rgb(8,65,155)
```
#094bb4
```
#094bb4 rgb(9,75,180)
```
#0b55cc
```
#0b55cc rgb(11,85,204)
```
#0c5fe4
```
#0c5fe4 rgb(12,95,228)
```
#176bf3
```
#176bf3 rgb(23,107,243)
```
#2f7bf4
```
#2f7bf4 rgb(47,123,244)
```
#478af5
```
#478af5 rgb(71,138,245)
```

Monochromatic Color

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

#0c95e4
```
#0c95e4 rgb(12,149,228)
```
#0c83e4
```
#0c83e4 rgb(12,131,228)
```
#0c71e4
```
#0c71e4 rgb(12,113,228)
```
#0c5fe4
```
#0c5fe4 rgb(12,95,228)
```
#0c4de4
```
#0c4de4 rgb(12,77,228)
```
#0c3be4
```
#0c3be4 rgb(12,59,228)
```
#0c29e4
```
#0c29e4 rgb(12,41,228)
```

Similar Colors

Text with hexadecimal color #0c5fe4

This text has a font color of #0c5fe4.

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

#0c5fe4 background color

This paragraph has a background color of #0c5fe4.

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

#0c5fe4 border color

This element has a border color of #0c5fe4.

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

CSS codes

.text {color:#0c5fe4;}

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

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

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)
```
#010a17
```
#010a17 rgb(1,10,23)
```
#02112a
```
#02112a rgb(2,17,42)
```
#03193c
```
#03193c rgb(3,25,60)
```
#04214f
```
#04214f rgb(4,33,79)
```
#052962
```
#052962 rgb(5,41,98)
```
#063074
```
#063074 rgb(6,48,116)
```
#073887
```
#073887 rgb(7,56,135)
```
#084099
```
#084099 rgb(8,64,153)
```
#0948ac
```
#0948ac rgb(9,72,172)
```
#0a4fbf
```
#0a4fbf rgb(10,79,191)
```
#0b57d1
```
#0b57d1 rgb(11,87,209)
```
#0c5fe4
```
#0c5fe4 rgb(12,95,228)
```

Shade Color Variation

#1168f2
```
#1168f2 rgb(17,104,242)
```
#2474f3
```
#2474f3 rgb(36,116,243)
```
#367ff4
```
#367ff4 rgb(54,127,244)
```
#498bf5
```
#498bf5 rgb(73,139,245)
```
#5c97f6
```
#5c97f6 rgb(92,151,246)
```
#6ea3f7
```
#6ea3f7 rgb(110,163,247)
```
#81aff8
```
#81aff8 rgb(129,175,248)
```
#94bbf9
```
#94bbf9 rgb(148,187,249)
```
#a6c7fa
```
#a6c7fa rgb(166,199,250)
```
#b9d2fb
```
#b9d2fb rgb(185,210,251)
```
#cbdefc
```
#cbdefc rgb(203,222,252)
```
#deeafd
```
#deeafd rgb(222,234,253)
```
#f1f6fe
```
#f1f6fe rgb(241,246,254)
```

Tint Color Variation

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

#72777e
```
#72777e rgb(114,119,126)
```
#687488
```
#687488 rgb(104,116,136)
```
#5f7291
```
#5f7291 rgb(95,114,145)
```
#56709a
```
#56709a rgb(86,112,154)
```
#4d6ea3
```
#4d6ea3 rgb(77,110,163)
```
#436cad
```
#436cad rgb(67,108,173)
```
#3a6ab6
```
#3a6ab6 rgb(58,106,182)
```
#3168bf
```
#3168bf rgb(49,104,191)
```
#2865c8
```
#2865c8 rgb(40,101,200)
```
#1e63d2
```
#1e63d2 rgb(30,99,210)
```
#1561db
```
#1561db rgb(21,97,219)
```
#0c5fe4
```
#0c5fe4 rgb(12,95,228)
```
#035ded
```
#035ded rgb(3,93,237)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#465772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0467da Protanomaly 1% of men, 0.01% of women
#046bc8 Deuteranomaly 6% of men, 0.4% of women
#0470a5 Tritanomaly 0.01% of the population

#0c5fe4 hex color

#0c5fe4 Color Information

#0c5fe4 Color Conversion

Color Schemes with #0c5fe4

Alternatives to #0c5fe4

#0c5fe4 Preview

Shades and Tints of #0c5fe4

Tones of #0c5fe4

Color Blindness Simulator