#0c9efd hex color

In a RGB color space, hex #0c9efd is composed of 4.7% red, 62% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 37.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 203.7 degrees, a saturation of 98.4% and a lightness of 52%. #0c9efd color hex could be obtained by blending #18ffff with #003dfb. Closest websafe color is: #0099ff.

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

● #0c9efd color description : Vivid blue.

The hexadecimal color #0c9efd has RGB values of R:12, G:158, B:253 and CMYK values of C:0.95, M:0.38, Y:0, K:0.01. Its decimal value is 827133.

Hex triplet	0c9efd	`#0c9efd`
RGB Decimal	12, 158, 253	`rgb(12,158,253)`
RGB Percent	4.7, 62, 99.2	`rgb(4.7%,62%,99.2%)`
CMYK	95, 38, 0, 1
HSL	203.7°, 98.4, 52	`hsl(203.7,98.4%,52%)`
HSV (or HSB)	203.7°, 95.3, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.028, 0.186, -56.477
XYZ	30.104, 31.621, 97.44
xyY	0.189, 0.199, 31.621
CIE-LCH	63.028, 56.477, 270.188
CIE-LUV	63.028, -38.268, -91.068
Hunter-Lab	56.232, -2.847, -63.375
Binary	00001100, 10011110, 11111101

#0c9efd
```
#0c9efd rgb(12,158,253)
```
#fd6b0c
```
#fd6b0c rgb(253,107,12)
```

Complementary Color

#0cfde4
```
#0cfde4 rgb(12,253,228)
```
#0c9efd
```
#0c9efd rgb(12,158,253)
```
#0c26fd
```
#0c26fd rgb(12,38,253)
```

Analogous Color

#fde40c
```
#fde40c rgb(253,228,12)
```
#0c9efd
```
#0c9efd rgb(12,158,253)
```
#fd0c26
```
#fd0c26 rgb(253,12,38)
```

Split Complementary Color

#9efd0c
```
#9efd0c rgb(158,253,12)
```
#0c9efd
```
#0c9efd rgb(12,158,253)
```
#fd0c9e
```
#fd0c9e rgb(253,12,158)
```

Triadic Color

#0cfd6b
```
#0cfd6b rgb(12,253,107)
```
#0c9efd
```
#0c9efd rgb(12,158,253)
```
#fd0c9e
```
#fd0c9e rgb(253,12,158)
```
#fd6b0c
```
#fd6b0c rgb(253,107,12)
```

Tetradic Color

#0272bb
```
#0272bb rgb(2,114,187)
```
#0281d4
```
#0281d4 rgb(2,129,212)
```
#0291ee
```
#0291ee rgb(2,145,238)
```
#0c9efd
```
#0c9efd rgb(12,158,253)
```
#25a8fd
```
#25a8fd rgb(37,168,253)
```
#3fb2fd
```
#3fb2fd rgb(63,178,253)
```
#58bcfe
```
#58bcfe rgb(88,188,254)
```

Monochromatic Color

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

#0cdafd
```
#0cdafd rgb(12,218,253)
```
#0cc6fd
```
#0cc6fd rgb(12,198,253)
```
#0cb2fd
```
#0cb2fd rgb(12,178,253)
```
#0c9efd
```
#0c9efd rgb(12,158,253)
```
#0c8afd
```
#0c8afd rgb(12,138,253)
```
#0c76fd
```
#0c76fd rgb(12,118,253)
```
#0c62fd
```
#0c62fd rgb(12,98,253)
```

Similar Colors

Text with hexadecimal color #0c9efd

This text has a font color of #0c9efd.

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

#0c9efd background color

This paragraph has a background color of #0c9efd.

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

#0c9efd border color

This element has a border color of #0c9efd.

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

CSS codes

.text {color:#0c9efd;}

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

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

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

#00060a
```
#00060a rgb(0,6,10)
```
#00121d
```
#00121d rgb(0,18,29)
```
#001e31
```
#001e31 rgb(0,30,49)
```
#012a44
```
#012a44 rgb(1,42,68)
```
#013558
```
#013558 rgb(1,53,88)
```
#01416b
```
#01416b rgb(1,65,107)
```
#014d7f
```
#014d7f rgb(1,77,127)
```
#015992
```
#015992 rgb(1,89,146)
```
#0165a6
```
#0165a6 rgb(1,101,166)
```
#0271b9
```
#0271b9 rgb(2,113,185)
```
#027dcc
```
#027dcc rgb(2,125,204)
```
#0288e0
```
#0288e0 rgb(2,136,224)
```
#0294f3
```
#0294f3 rgb(2,148,243)
```

Shade Color Variation

#0c9efd
```
#0c9efd rgb(12,158,253)
```
#1fa6fd
```
#1fa6fd rgb(31,166,253)
```
#33aefd
```
#33aefd rgb(51,174,253)
```
#46b5fd
```
#46b5fd rgb(70,181,253)
```
#5abdfe
```
#5abdfe rgb(90,189,254)
```
#6dc5fe
```
#6dc5fe rgb(109,197,254)
```
#81cdfe
```
#81cdfe rgb(129,205,254)
```
#94d4fe
```
#94d4fe rgb(148,212,254)
```
#a8dcfe
```
#a8dcfe rgb(168,220,254)
```
#bbe4fe
```
#bbe4fe rgb(187,228,254)
```
#cfecff
```
#cfecff rgb(207,236,255)
```
#e2f3ff
```
#e2f3ff rgb(226,243,255)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#7d868c
```
#7d868c rgb(125,134,140)
```
#748895
```
#748895 rgb(116,136,149)
```
#6a8a9f
```
#6a8a9f rgb(106,138,159)
```
#618ca8
```
#618ca8 rgb(97,140,168)
```
#578eb2
```
#578eb2 rgb(87,142,178)
```
#4e90bb
```
#4e90bb rgb(78,144,187)
```
#4592c4
```
#4592c4 rgb(69,146,196)
```
#3b94ce
```
#3b94ce rgb(59,148,206)
```
#3296d7
```
#3296d7 rgb(50,150,215)
```
#2898e1
```
#2898e1 rgb(40,152,225)
```
#1f9aea
```
#1f9aea rgb(31,154,234)
```
#159cf4
```
#159cf4 rgb(21,156,244)
```
#0c9efd
```
#0c9efd rgb(12,158,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#668497 Atypical Achromatopsia 0.001% of the population

Dichromacy

#769af6 Protanopia 1% of men
#4f9ffe Deuteranopia 1% of men
#00adb8 Tritanopia 0.001% of the population

Trichromacy

#4f9cf8 Protanomaly 1% of men, 0.01% of women
#379efe Deuteranomaly 6% of men, 0.4% of women
#04a7d1 Tritanomaly 0.01% of the population

#0c9efd hex color

#0c9efd Color Information

#0c9efd Color Conversion

Color Schemes with #0c9efd

Alternatives to #0c9efd

#0c9efd Preview

Shades and Tints of #0c9efd

Tones of #0c9efd

Color Blindness Simulator