#0c7afd hex color

In a RGB color space, hex #0c7afd is composed of 4.7% red, 47.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 51.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 212.6 degrees, a saturation of 98.4% and a lightness of 52%. #0c7afd color hex could be obtained by blending #18f4ff with #0000fb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 5
- G 48
- B 99
RGB color chart
- C 95
- M 52
- Y 0
- K 1
CMYK color chart

● #0c7afd color description : Vivid blue.

The hexadecimal color #0c7afd has RGB values of R:12, G:122, B:253 and CMYK values of C:0.95, M:0.52, Y:0, K:0.01. Its decimal value is 817917.

Hex triplet	0c7afd	`#0c7afd`
RGB Decimal	12, 122, 253	`rgb(12,122,253)`
RGB Percent	4.7, 47.8, 99.2	`rgb(4.7%,47.8%,99.2%)`
CMYK	95, 52, 0, 1
HSL	212.6°, 98.4, 52	`hsl(212.6,98.4%,52%)`
HSV (or HSB)	212.6°, 95.3, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	53.044, 22.055, -72.526
XYZ	24.837, 21.087, 95.684
xyY	0.175, 0.149, 21.087
CIE-LCH	53.044, 75.805, 286.915
CIE-LUV	53.044, -27.371, -114.628
Hunter-Lab	45.92, 16.184, -91.398
Binary	00001100, 01111010, 11111101

#0c7afd
```
#0c7afd rgb(12,122,253)
```
#fd8f0c
```
#fd8f0c rgb(253,143,12)
```

Complementary Color

#0cf3fd
```
#0cf3fd rgb(12,243,253)
```
#0c7afd
```
#0c7afd rgb(12,122,253)
```
#160cfd
```
#160cfd rgb(22,12,253)
```

Analogous Color

#f3fd0c
```
#f3fd0c rgb(243,253,12)
```
#0c7afd
```
#0c7afd rgb(12,122,253)
```
#fd170c
```
#fd170c rgb(253,23,12)
```

Split Complementary Color

#7afd0c
```
#7afd0c rgb(122,253,12)
```
#0c7afd
```
#0c7afd rgb(12,122,253)
```
#fd0c7a
```
#fd0c7a rgb(253,12,122)
```

Triadic Color

#0cfd8f
```
#0cfd8f rgb(12,253,143)
```
#0c7afd
```
#0c7afd rgb(12,122,253)
```
#fd0c7a
```
#fd0c7a rgb(253,12,122)
```
#fd8f0c
```
#fd8f0c rgb(253,143,12)
```

Tetradic Color

#0256bb
```
#0256bb rgb(2,86,187)
```
#0262d4
```
#0262d4 rgb(2,98,212)
```
#026dee
```
#026dee rgb(2,109,238)
```
#0c7afd
```
#0c7afd rgb(12,122,253)
```
#2588fd
```
#2588fd rgb(37,136,253)
```
#3f96fd
```
#3f96fd rgb(63,150,253)
```
#58a4fe
```
#58a4fe rgb(88,164,254)
```

Monochromatic Color

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

#0cb6fd
```
#0cb6fd rgb(12,182,253)
```
#0ca2fd
```
#0ca2fd rgb(12,162,253)
```
#0c8efd
```
#0c8efd rgb(12,142,253)
```
#0c7afd
```
#0c7afd rgb(12,122,253)
```
#0c66fd
```
#0c66fd rgb(12,102,253)
```
#0c52fd
```
#0c52fd rgb(12,82,253)
```
#0c3efd
```
#0c3efd rgb(12,62,253)
```

Similar Colors

Text with hexadecimal color #0c7afd

This text has a font color of #0c7afd.

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

#0c7afd background color

This paragraph has a background color of #0c7afd.

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

#0c7afd border color

This element has a border color of #0c7afd.

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

CSS codes

.text {color:#0c7afd;}

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

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

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, #00050a is the darkest color, while #f5faff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#000e1d
```
#000e1d rgb(0,14,29)
```
#001731
```
#001731 rgb(0,23,49)
```
#011f44
```
#011f44 rgb(1,31,68)
```
#012858
```
#012858 rgb(1,40,88)
```
#01316b
```
#01316b rgb(1,49,107)
```
#013a7f
```
#013a7f rgb(1,58,127)
```
#014392
```
#014392 rgb(1,67,146)
```
#014ca6
```
#014ca6 rgb(1,76,166)
```
#0255b9
```
#0255b9 rgb(2,85,185)
```
#025ecc
```
#025ecc rgb(2,94,204)
```
#0267e0
```
#0267e0 rgb(2,103,224)
```
#0270f3
```
#0270f3 rgb(2,112,243)
```

Shade Color Variation

#0c7afd
```
#0c7afd rgb(12,122,253)
```
#1f85fd
```
#1f85fd rgb(31,133,253)
```
#338ffd
```
#338ffd rgb(51,143,253)
```
#469afd
```
#469afd rgb(70,154,253)
```
#5aa5fe
```
#5aa5fe rgb(90,165,254)
```
#6daffe
```
#6daffe rgb(109,175,254)
```
#81bafe
```
#81bafe rgb(129,186,254)
```
#94c5fe
```
#94c5fe rgb(148,197,254)
```
#a8cffe
```
#a8cffe rgb(168,207,254)
```
#bbdafe
```
#bbdafe rgb(187,218,254)
```
#cfe4ff
```
#cfe4ff rgb(207,228,255)
```
#e2efff
```
#e2efff rgb(226,239,255)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#7d848c
```
#7d848c rgb(125,132,140)
```
#748395
```
#748395 rgb(116,131,149)
```
#6a829f
```
#6a829f rgb(106,130,159)
```
#6181a8
```
#6181a8 rgb(97,129,168)
```
#5781b2
```
#5781b2 rgb(87,129,178)
```
#4e80bb
```
#4e80bb rgb(78,128,187)
```
#457fc4
```
#457fc4 rgb(69,127,196)
```
#3b7ece
```
#3b7ece rgb(59,126,206)
```
#327dd7
```
#327dd7 rgb(50,125,215)
```
#287ce1
```
#287ce1 rgb(40,124,225)
```
#1f7cea
```
#1f7cea rgb(31,124,234)
```
#157bf4
```
#157bf4 rgb(21,123,244)
```
#0c7afd
```
#0c7afd rgb(12,122,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#566c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0f81fd Protanopia 1% of men
#0088de Deuteranopia 1% of men
#00929a Tritanopia 0.001% of the population

Trichromacy

#0d7efd Protanomaly 1% of men, 0.01% of women
#0483e9 Deuteranomaly 6% of men, 0.4% of women
#0489be Tritanomaly 0.01% of the population

#0c7afd hex color

#0c7afd Color Information

#0c7afd Color Conversion

Color Schemes with #0c7afd

Alternatives to #0c7afd

#0c7afd Preview

Shades and Tints of #0c7afd

Tones of #0c7afd

Color Blindness Simulator