#0c5aff hex color

In a RGB color space, hex #0c5aff is composed of 4.7% red, 35.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 64.7% magenta, 0% yellow and 0% black. It has a hue angle of 220.7 degrees, a saturation of 100% and a lightness of 52.4%. #0c5aff color hex could be obtained by blending #18b4ff with #0000ff. Closest websafe color is: #0066ff.

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

● #0c5aff color description : Vivid blue.

The hexadecimal color #0c5aff has RGB values of R:12, G:90, B:255 and CMYK values of C:0.95, M:0.65, Y:0, K:0. Its decimal value is 809727.

Hex triplet	0c5aff	`#0c5aff`
RGB Decimal	12, 90, 255	`rgb(12,90,255)`
RGB Percent	4.7, 35.3, 100	`rgb(4.7%,35.3%,100%)`
CMYK	95, 65, 0, 0
HSL	220.7°, 100, 52.4	`hsl(220.7,100%,52.4%)`
HSV (or HSB)	220.7°, 95.3, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.093, 42.981, -86.625
XYZ	21.854, 14.609, 96.27
xyY	0.165, 0.11, 14.609
CIE-LCH	45.093, 96.702, 296.389
CIE-LUV	45.093, -19.251, -129.066
Hunter-Lab	38.221, 35.175, -122.582
Binary	00001100, 01011010, 11111111

#0c5aff
```
#0c5aff rgb(12,90,255)
```
#ffb10c
```
#ffb10c rgb(255,177,12)
```

Complementary Color

#0cd4ff
```
#0cd4ff rgb(12,212,255)
```
#0c5aff
```
#0c5aff rgb(12,90,255)
```
#380cff
```
#380cff rgb(56,12,255)
```

Analogous Color

#d4ff0c
```
#d4ff0c rgb(212,255,12)
```
#0c5aff
```
#0c5aff rgb(12,90,255)
```
#ff380c
```
#ff380c rgb(255,56,12)
```

Split Complementary Color

#5aff0c
```
#5aff0c rgb(90,255,12)
```
#0c5aff
```
#0c5aff rgb(12,90,255)
```
#ff0c5a
```
#ff0c5a rgb(255,12,90)
```

Triadic Color

#0cffb1
```
#0cffb1 rgb(12,255,177)
```
#0c5aff
```
#0c5aff rgb(12,90,255)
```
#ff0c5a
```
#ff0c5a rgb(255,12,90)
```
#ffb10c
```
#ffb10c rgb(255,177,12)
```

Tetradic Color

#003dbf
```
#003dbf rgb(0,61,191)
```
#0045d8
```
#0045d8 rgb(0,69,216)
```
#004ef2
```
#004ef2 rgb(0,78,242)
```
#0c5aff
```
#0c5aff rgb(12,90,255)
```
#266bff
```
#266bff rgb(38,107,255)
```
#3f7dff
```
#3f7dff rgb(63,125,255)
```
#598eff
```
#598eff rgb(89,142,255)
```

Monochromatic Color

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

#0c97ff
```
#0c97ff rgb(12,151,255)
```
#0c83ff
```
#0c83ff rgb(12,131,255)
```
#0c6eff
```
#0c6eff rgb(12,110,255)
```
#0c5aff
```
#0c5aff rgb(12,90,255)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```
#0c32ff
```
#0c32ff rgb(12,50,255)
```
#0c1dff
```
#0c1dff rgb(12,29,255)
```

Similar Colors

Text with hexadecimal color #0c5aff

This text has a font color of #0c5aff.

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

#0c5aff background color

This paragraph has a background color of #0c5aff.

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

#0c5aff border color

This element has a border color of #0c5aff.

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

CSS codes

.text {color:#0c5aff;}

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

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

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, #00040c is the darkest color, while #f7faff is the lightest one.

#00040c
```
#00040c rgb(0,4,12)
```
#000a20
```
#000a20 rgb(0,10,32)
```
#001033
```
#001033 rgb(0,16,51)
```
#001747
```
#001747 rgb(0,23,71)
```
#001d5a
```
#001d5a rgb(0,29,90)
```
#00236e
```
#00236e rgb(0,35,110)
```
#002a82
```
#002a82 rgb(0,42,130)
```
#003095
```
#003095 rgb(0,48,149)
```
#0036a9
```
#0036a9 rgb(0,54,169)
```
#003dbd
```
#003dbd rgb(0,61,189)
```
#0043d0
```
#0043d0 rgb(0,67,208)
```
#0049e4
```
#0049e4 rgb(0,73,228)
```
#004ff7
```
#004ff7 rgb(0,79,247)
```

Shade Color Variation

#0c5aff
```
#0c5aff rgb(12,90,255)
```
#2067ff
```
#2067ff rgb(32,103,255)
```
#3375ff
```
#3375ff rgb(51,117,255)
```
#4782ff
```
#4782ff rgb(71,130,255)
```
#5a8fff
```
#5a8fff rgb(90,143,255)
```
#6e9dff
```
#6e9dff rgb(110,157,255)
```
#82aaff
```
#82aaff rgb(130,170,255)
```
#95b7ff
```
#95b7ff rgb(149,183,255)
```
#a9c5ff
```
#a9c5ff rgb(169,197,255)
```
#bdd2ff
```
#bdd2ff rgb(189,210,255)
```
#d0dfff
```
#d0dfff rgb(208,223,255)
```
#e4edff
```
#e4edff rgb(228,237,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c828f is the less saturated color, while #0c5aff is the most saturated one.

#7c828f
```
#7c828f rgb(124,130,143)
```
#737f98
```
#737f98 rgb(115,127,152)
```
#697ba2
```
#697ba2 rgb(105,123,162)
```
#6078ab
```
#6078ab rgb(96,120,171)
```
#5775b4
```
#5775b4 rgb(87,117,180)
```
#4d71be
```
#4d71be rgb(77,113,190)
```
#446ec7
```
#446ec7 rgb(68,110,199)
```
#3b6bd0
```
#3b6bd0 rgb(59,107,208)
```
#3167da
```
#3167da rgb(49,103,218)
```
#2864e3
```
#2864e3 rgb(40,100,227)
```
#1f61ec
```
#1f61ec rgb(31,97,236)
```
#155df6
```
#155df6 rgb(21,93,246)
```
#0c5aff
```
#0c5aff rgb(12,90,255)
```

Tone Color Variation

Below, you can see how #0c5aff 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
#465677 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0467e6 Protanomaly 1% of men, 0.01% of women
#046bd4 Deuteranomaly 6% of men, 0.4% of women
#0470b0 Tritanomaly 0.01% of the population

#0c5aff hex color

#0c5aff Color Information

#0c5aff Color Conversion

Color Schemes with #0c5aff

Alternatives to #0c5aff

#0c5aff Preview

Shades and Tints of #0c5aff

Tones of #0c5aff

Color Blindness Simulator