#0c5fdf hex color

In a RGB color space, hex #0c5fdf is composed of 4.7% red, 37.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 94.6% cyan, 57.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 216.4 degrees, a saturation of 89.8% and a lightness of 46.1%. #0c5fdf color hex could be obtained by blending #18beff with #0000bf. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 5
- G 37
- B 87
RGB color chart
- C 95
- M 57
- Y 0
- K 13
CMYK color chart

● #0c5fdf color description : Vivid blue.

The hexadecimal color #0c5fdf has RGB values of R:12, G:95, B:223 and CMYK values of C:0.95, M:0.57, Y:0, K:0.13. Its decimal value is 810975.

Hex triplet	0c5fdf	`#0c5fdf`
RGB Decimal	12, 95, 223	`rgb(12,95,223)`
RGB Percent	4.7, 37.3, 87.5	`rgb(4.7%,37.3%,87.5%)`
CMYK	95, 57, 0, 13
HSL	216.4°, 89.8, 46.1	`hsl(216.4,89.8%,46.1%)`
HSV (or HSB)	216.4°, 94.6, 87.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.637, 27.717, -71.02
XYZ	17.56, 13.589, 71.505
xyY	0.171, 0.132, 13.589
CIE-LCH	43.637, 76.237, 291.319
CIE-LUV	43.637, -20.821, -106.522
Hunter-Lab	36.863, 20.521, -89.204
Binary	00001100, 01011111, 11011111

#0c5fdf
```
#0c5fdf rgb(12,95,223)
```
#df8c0c
```
#df8c0c rgb(223,140,12)
```

Complementary Color

#0cc9df
```
#0cc9df rgb(12,201,223)
```
#0c5fdf
```
#0c5fdf rgb(12,95,223)
```
#220cdf
```
#220cdf rgb(34,12,223)
```

Analogous Color

#c9df0c
```
#c9df0c rgb(201,223,12)
```
#0c5fdf
```
#0c5fdf rgb(12,95,223)
```
#df220c
```
#df220c rgb(223,34,12)
```

Split Complementary Color

#5fdf0c
```
#5fdf0c rgb(95,223,12)
```
#0c5fdf
```
#0c5fdf rgb(12,95,223)
```
#df0c5f
```
#df0c5f rgb(223,12,95)
```

Triadic Color

#0cdf8c
```
#0cdf8c rgb(12,223,140)
```
#0c5fdf
```
#0c5fdf rgb(12,95,223)
```
#df0c5f
```
#df0c5f rgb(223,12,95)
```
#df8c0c
```
#df8c0c rgb(223,140,12)
```

Tetradic Color

#084096
```
#084096 rgb(8,64,150)
```
#094aaf
```
#094aaf rgb(9,74,175)
```
#0b55c7
```
#0b55c7 rgb(11,85,199)
```
#0c5fdf
```
#0c5fdf rgb(12,95,223)
```
#126af2
```
#126af2 rgb(18,106,242)
```
#2a7af4
```
#2a7af4 rgb(42,122,244)
```
#4389f5
```
#4389f5 rgb(67,137,245)
```

Monochromatic Color

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

#0c94df
```
#0c94df rgb(12,148,223)
```
#0c82df
```
#0c82df rgb(12,130,223)
```
#0c71df
```
#0c71df rgb(12,113,223)
```
#0c5fdf
```
#0c5fdf rgb(12,95,223)
```
#0c4ddf
```
#0c4ddf rgb(12,77,223)
```
#0c3cdf
```
#0c3cdf rgb(12,60,223)
```
#0c2adf
```
#0c2adf rgb(12,42,223)
```

Similar Colors

Text with hexadecimal color #0c5fdf

This text has a font color of #0c5fdf.

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

#0c5fdf background color

This paragraph has a background color of #0c5fdf.

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

#0c5fdf border color

This element has a border color of #0c5fdf.

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

CSS codes

.text {color:#0c5fdf;}

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

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

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

#010812
```
#010812 rgb(1,8,18)
```
#021025
```
#021025 rgb(2,16,37)
```
#031837
```
#031837 rgb(3,24,55)
```
#04204a
```
#04204a rgb(4,32,74)
```
#05275d
```
#05275d rgb(5,39,93)
```
#062f6f
```
#062f6f rgb(6,47,111)
```
#073782
```
#073782 rgb(7,55,130)
```
#083f95
```
#083f95 rgb(8,63,149)
```
#0947a7
```
#0947a7 rgb(9,71,167)
```
#0a4fba
```
#0a4fba rgb(10,79,186)
```
#0b57cc
```
#0b57cc rgb(11,87,204)
```
#0c5fdf
```
#0c5fdf rgb(12,95,223)
```
#0d67f2
```
#0d67f2 rgb(13,103,242)
```

Shade Color Variation

#1f73f3
```
#1f73f3 rgb(31,115,243)
```
#327ef4
```
#327ef4 rgb(50,126,244)
```
#448af5
```
#448af5 rgb(68,138,245)
```
#5796f6
```
#5796f6 rgb(87,150,246)
```
#6aa1f7
```
#6aa1f7 rgb(106,161,247)
```
#7cadf8
```
#7cadf8 rgb(124,173,248)
```
#8fb9f9
```
#8fb9f9 rgb(143,185,249)
```
#a2c4fa
```
#a2c4fa rgb(162,196,250)
```
#b4d0fb
```
#b4d0fb rgb(180,208,251)
```
#c7dcfc
```
#c7dcfc rgb(199,220,252)
```
#d9e7fd
```
#d9e7fd rgb(217,231,253)
```
#ecf3fe
```
#ecf3fe rgb(236,243,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6f747c
```
#6f747c rgb(111,116,124)
```
#667285
```
#667285 rgb(102,114,133)
```
#5d708e
```
#5d708e rgb(93,112,142)
```
#546e97
```
#546e97 rgb(84,110,151)
```
#4b6ca0
```
#4b6ca0 rgb(75,108,160)
```
#426ba9
```
#426ba9 rgb(66,107,169)
```
#3969b2
```
#3969b2 rgb(57,105,178)
```
#3067bb
```
#3067bb rgb(48,103,187)
```
#2765c4
```
#2765c4 rgb(39,101,196)
```
#1e63cd
```
#1e63cd rgb(30,99,205)
```
#1561d6
```
#1561d6 rgb(21,97,214)
```
#0c5fdf
```
#0c5fdf rgb(12,95,223)
```
#035de8
```
#035de8 rgb(3,93,232)
```

Tone Color Variation

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

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0467d7 Protanomaly 1% of men, 0.01% of women
#046ac6 Deuteranomaly 6% of men, 0.4% of women
#0470a2 Tritanomaly 0.01% of the population

#0c5fdf hex color

#0c5fdf Color Information

#0c5fdf Color Conversion

Color Schemes with #0c5fdf

Alternatives to #0c5fdf

#0c5fdf Preview

Shades and Tints of #0c5fdf

Tones of #0c5fdf

Color Blindness Simulator