colorhexa.com

#0c7afe hex color

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

- R 5
- G 48
- B 100
RGB color chart
- C 95
- M 52
- Y 0
- K 0
CMYK color chart

● #0c7afe color description : Vivid blue.

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

Hex triplet	0c7afe	`#0c7afe`
RGB Decimal	12, 122, 254	`rgb(12,122,254)`
RGB Percent	4.7, 47.8, 99.6	`rgb(4.7%,47.8%,99.6%)`
CMYK	95, 52, 0, 0
HSL	212.7°, 99.2, 52.2	`hsl(212.7,99.2%,52.2%)`
HSV (or HSB)	212.7°, 95.3, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	53.114, 22.439, -72.966
XYZ	24.997, 21.151, 96.526
xyY	0.175, 0.148, 21.151
CIE-LCH	53.114, 76.338, 287.094
CIE-LUV	53.114, -27.338, -115.352
Hunter-Lab	45.99, 16.536, -92.247
Binary	00001100, 01111010, 11111110

#0c7afe
```
#0c7afe rgb(12,122,254)
```
#fe900c
```
#fe900c rgb(254,144,12)
```

Complementary Color

#0cf3fe
```
#0cf3fe rgb(12,243,254)
```
#0c7afe
```
#0c7afe rgb(12,122,254)
```
#170cfe
```
#170cfe rgb(23,12,254)
```

Analogous Color

#f3fe0c
```
#f3fe0c rgb(243,254,12)
```
#0c7afe
```
#0c7afe rgb(12,122,254)
```
#fe170c
```
#fe170c rgb(254,23,12)
```

Split Complementary Color

#7afe0c
```
#7afe0c rgb(122,254,12)
```
#0c7afe
```
#0c7afe rgb(12,122,254)
```
#fe0c7a
```
#fe0c7a rgb(254,12,122)
```

Triadic Color

#0cfe90
```
#0cfe90 rgb(12,254,144)
```
#0c7afe
```
#0c7afe rgb(12,122,254)
```
#fe0c7a
```
#fe0c7a rgb(254,12,122)
```
#fe900c
```
#fe900c rgb(254,144,12)
```

Tetradic Color

#0156bd
```
#0156bd rgb(1,86,189)
```
#0162d6
```
#0162d6 rgb(1,98,214)
```
#016df0
```
#016df0 rgb(1,109,240)
```
#0c7afe
```
#0c7afe rgb(12,122,254)
```
#2588fe
```
#2588fe rgb(37,136,254)
```
#3f96fe
```
#3f96fe rgb(63,150,254)
```
#58a4fe
```
#58a4fe rgb(88,164,254)
```

Monochromatic Color

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

#0cb7fe
```
#0cb7fe rgb(12,183,254)
```
#0ca2fe
```
#0ca2fe rgb(12,162,254)
```
#0c8efe
```
#0c8efe rgb(12,142,254)
```
#0c7afe
```
#0c7afe rgb(12,122,254)
```
#0c66fe
```
#0c66fe rgb(12,102,254)
```
#0c52fe
```
#0c52fe rgb(12,82,254)
```
#0c3dfe
```
#0c3dfe rgb(12,61,254)
```

Similar Colors

Text with hexadecimal color #0c7afe

This text has a font color of #0c7afe.

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

#0c7afe background color

This paragraph has a background color of #0c7afe.

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

#0c7afe border color

This element has a border color of #0c7afe.

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

CSS codes

.text {color:#0c7afe;}

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

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

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

#00050b
```
#00050b rgb(0,5,11)
```
#000e1e
```
#000e1e rgb(0,14,30)
```
#001732
```
#001732 rgb(0,23,50)
```
#002046
```
#002046 rgb(0,32,70)
```
#002959
```
#002959 rgb(0,41,89)
```
#00326d
```
#00326d rgb(0,50,109)
```
#013b80
```
#013b80 rgb(1,59,128)
```
#014394
```
#014394 rgb(1,67,148)
```
#014ca7
```
#014ca7 rgb(1,76,167)
```
#0155bb
```
#0155bb rgb(1,85,187)
```
#015ece
```
#015ece rgb(1,94,206)
```
#0167e2
```
#0167e2 rgb(1,103,226)
```
#0170f5
```
#0170f5 rgb(1,112,245)
```

Shade Color Variation

#0c7afe
```
#0c7afe rgb(12,122,254)
```
#2085fe
```
#2085fe rgb(32,133,254)
```
#338ffe
```
#338ffe rgb(51,143,254)
```
#479afe
```
#479afe rgb(71,154,254)
```
#5aa5fe
```
#5aa5fe rgb(90,165,254)
```
#6eaffe
```
#6eaffe rgb(110,175,254)
```
#81bafe
```
#81bafe rgb(129,186,254)
```
#95c5ff
```
#95c5ff rgb(149,197,255)
```
#a8d0ff
```
#a8d0ff rgb(168,208,255)
```
#bcdaff
```
#bcdaff rgb(188,218,255)
```
#cfe5ff
```
#cfe5ff rgb(207,229,255)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#7d848d
```
#7d848d rgb(125,132,141)
```
#738397
```
#738397 rgb(115,131,151)
```
#6a83a0
```
#6a83a0 rgb(106,131,160)
```
#6082aa
```
#6082aa rgb(96,130,170)
```
#5781b3
```
#5781b3 rgb(87,129,179)
```
#4e80bc
```
#4e80bc rgb(78,128,188)
```
#447fc6
```
#447fc6 rgb(68,127,198)
```
#3b7ecf
```
#3b7ecf rgb(59,126,207)
```
#327dd8
```
#327dd8 rgb(50,125,216)
```
#287de2
```
#287de2 rgb(40,125,226)
```
#1f7ceb
```
#1f7ceb rgb(31,124,235)
```
#157bf5
```
#157bf5 rgb(21,123,245)
```
#0c7afe
```
#0c7afe rgb(12,122,254)
```

Tone Color Variation

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

#0081fe Protanopia 1% of men
#0088de Deuteranopia 1% of men
#00929a Tritanopia 0.001% of the population

Trichromacy

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