#0c5bfe hex color

In a RGB color space, hex #0c5bfe is composed of 4.7% red, 35.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 64.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 220.4 degrees, a saturation of 99.2% and a lightness of 52.2%. #0c5bfe color hex could be obtained by blending #18b6ff with #0000fd. Closest websafe color is: #0066ff.

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

● #0c5bfe color description : Vivid blue.

The hexadecimal color #0c5bfe has RGB values of R:12, G:91, B:254 and CMYK values of C:0.95, M:0.64, Y:0, K:0. Its decimal value is 809982.

Hex triplet	0c5bfe	`#0c5bfe`
RGB Decimal	12, 91, 254	`rgb(12,91,254)`
RGB Percent	4.7, 35.7, 99.6	`rgb(4.7%,35.7%,99.6%)`
CMYK	95, 64, 0, 0
HSL	220.4°, 99.2, 52.2	`hsl(220.4,99.2%,52.2%)`
HSV (or HSB)	220.4°, 95.3, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.24, 41.994, -85.827
XYZ	21.778, 14.714, 95.453
xyY	0.165, 0.112, 14.714
CIE-LCH	45.24, 95.55, 296.072
CIE-LUV	45.24, -19.477, -128.169
Hunter-Lab	38.359, 34.214, -120.686
Binary	00001100, 01011011, 11111110

#0c5bfe
```
#0c5bfe rgb(12,91,254)
```
#feaf0c
```
#feaf0c rgb(254,175,12)
```

Complementary Color

#0cd4fe
```
#0cd4fe rgb(12,212,254)
```
#0c5bfe
```
#0c5bfe rgb(12,91,254)
```
#360cfe
```
#360cfe rgb(54,12,254)
```

Analogous Color

#d4fe0c
```
#d4fe0c rgb(212,254,12)
```
#0c5bfe
```
#0c5bfe rgb(12,91,254)
```
#fe360c
```
#fe360c rgb(254,54,12)
```

Split Complementary Color

#5bfe0c
```
#5bfe0c rgb(91,254,12)
```
#0c5bfe
```
#0c5bfe rgb(12,91,254)
```
#fe0c5b
```
#fe0c5b rgb(254,12,91)
```

Triadic Color

#0cfeaf
```
#0cfeaf rgb(12,254,175)
```
#0c5bfe
```
#0c5bfe rgb(12,91,254)
```
#fe0c5b
```
#fe0c5b rgb(254,12,91)
```
#feaf0c
```
#feaf0c rgb(254,175,12)
```

Tetradic Color

#013ebd
```
#013ebd rgb(1,62,189)
```
#0146d6
```
#0146d6 rgb(1,70,214)
```
#014ff0
```
#014ff0 rgb(1,79,240)
```
#0c5bfe
```
#0c5bfe rgb(12,91,254)
```
#256cfe
```
#256cfe rgb(37,108,254)
```
#3f7dfe
```
#3f7dfe rgb(63,125,254)
```
#588efe
```
#588efe rgb(88,142,254)
```

Monochromatic Color

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

#0c98fe
```
#0c98fe rgb(12,152,254)
```
#0c83fe
```
#0c83fe rgb(12,131,254)
```
#0c6ffe
```
#0c6ffe rgb(12,111,254)
```
#0c5bfe
```
#0c5bfe rgb(12,91,254)
```
#0c47fe
```
#0c47fe rgb(12,71,254)
```
#0c33fe
```
#0c33fe rgb(12,51,254)
```
#0c1ffe
```
#0c1ffe rgb(12,31,254)
```

Similar Colors

Text with hexadecimal color #0c5bfe

This text has a font color of #0c5bfe.

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

#0c5bfe background color

This paragraph has a background color of #0c5bfe.

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

#0c5bfe border color

This element has a border color of #0c5bfe.

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

CSS codes

.text {color:#0c5bfe;}

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

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

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

#00040b
```
#00040b rgb(0,4,11)
```
#000a1e
```
#000a1e rgb(0,10,30)
```
#001032
```
#001032 rgb(0,16,50)
```
#001746
```
#001746 rgb(0,23,70)
```
#001d59
```
#001d59 rgb(0,29,89)
```
#00246d
```
#00246d rgb(0,36,109)
```
#012a80
```
#012a80 rgb(1,42,128)
```
#013194
```
#013194 rgb(1,49,148)
```
#0137a7
```
#0137a7 rgb(1,55,167)
```
#013dbb
```
#013dbb rgb(1,61,187)
```
#0144ce
```
#0144ce rgb(1,68,206)
```
#014ae2
```
#014ae2 rgb(1,74,226)
```
#0151f5
```
#0151f5 rgb(1,81,245)
```

Shade Color Variation

#0c5bfe
```
#0c5bfe rgb(12,91,254)
```
#2068fe
```
#2068fe rgb(32,104,254)
```
#3375fe
```
#3375fe rgb(51,117,254)
```
#4783fe
```
#4783fe rgb(71,131,254)
```
#5a90fe
```
#5a90fe rgb(90,144,254)
```
#6e9dfe
```
#6e9dfe rgb(110,157,254)
```
#81aafe
```
#81aafe rgb(129,170,254)
```
#95b7ff
```
#95b7ff rgb(149,183,255)
```
#a8c4ff
```
#a8c4ff rgb(168,196,255)
```
#bcd2ff
```
#bcd2ff rgb(188,210,255)
```
#cfdfff
```
#cfdfff rgb(207,223,255)
```
#e3ecff
```
#e3ecff rgb(227,236,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#7d828d
```
#7d828d rgb(125,130,141)
```
#737f97
```
#737f97 rgb(115,127,151)
```
#6a7ca0
```
#6a7ca0 rgb(106,124,160)
```
#6078aa
```
#6078aa rgb(96,120,170)
```
#5775b3
```
#5775b3 rgb(87,117,179)
```
#4e72bc
```
#4e72bc rgb(78,114,188)
```
#446fc6
```
#446fc6 rgb(68,111,198)
```
#3b6bcf
```
#3b6bcf rgb(59,107,207)
```
#3268d8
```
#3268d8 rgb(50,104,216)
```
#2865e2
```
#2865e2 rgb(40,101,226)
```
#1f62eb
```
#1f62eb rgb(31,98,235)
```
#155ef5
```
#155ef5 rgb(21,94,245)
```
#0c5bfe
```
#0c5bfe rgb(12,91,254)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#475778 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

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

#0c5bfe hex color

#0c5bfe Color Information

#0c5bfe Color Conversion

Color Schemes with #0c5bfe

Alternatives to #0c5bfe

#0c5bfe Preview

Shades and Tints of #0c5bfe

Tones of #0c5bfe

Color Blindness Simulator