#0c63de hex color

In a RGB color space, hex #0c63de is composed of 4.7% red, 38.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 94.6% cyan, 55.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 215.1 degrees, a saturation of 89.7% and a lightness of 45.9%. #0c63de color hex could be obtained by blending #18c6ff with #0000bd. Closest websafe color is: #0066cc.

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

● #0c63de color description : Vivid blue.

The hexadecimal color #0c63de has RGB values of R:12, G:99, B:222 and CMYK values of C:0.95, M:0.55, Y:0, K:0.13. Its decimal value is 811998.

Hex triplet	0c63de	`#0c63de`
RGB Decimal	12, 99, 222	`rgb(12,99,222)`
RGB Percent	4.7, 38.8, 87.1	`rgb(4.7%,38.8%,87.1%)`
CMYK	95, 55, 0, 13
HSL	215.1°, 89.7, 45.9	`hsl(215.1,89.7%,45.9%)`
HSV (or HSB)	215.1°, 94.6, 87.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.624, 24.731, -68.844
XYZ	17.795, 14.274, 70.921
xyY	0.173, 0.139, 14.274
CIE-LCH	44.624, 73.151, 289.76
CIE-LUV	44.624, -21.906, -104.089
Hunter-Lab	37.781, 17.958, -84.849
Binary	00001100, 01100011, 11011110

#0c63de
```
#0c63de rgb(12,99,222)
```
#de870c
```
#de870c rgb(222,135,12)
```

Complementary Color

#0cccde
```
#0cccde rgb(12,204,222)
```
#0c63de
```
#0c63de rgb(12,99,222)
```
#1e0cde
```
#1e0cde rgb(30,12,222)
```

Analogous Color

#ccde0c
```
#ccde0c rgb(204,222,12)
```
#0c63de
```
#0c63de rgb(12,99,222)
```
#de1e0c
```
#de1e0c rgb(222,30,12)
```

Split Complementary Color

#63de0c
```
#63de0c rgb(99,222,12)
```
#0c63de
```
#0c63de rgb(12,99,222)
```
#de0c63
```
#de0c63 rgb(222,12,99)
```

Triadic Color

#0cde87
```
#0cde87 rgb(12,222,135)
```
#0c63de
```
#0c63de rgb(12,99,222)
```
#de0c63
```
#de0c63 rgb(222,12,99)
```
#de870c
```
#de870c rgb(222,135,12)
```

Tetradic Color

#084395
```
#084395 rgb(8,67,149)
```
#094dae
```
#094dae rgb(9,77,174)
```
#0b58c6
```
#0b58c6 rgb(11,88,198)
```
#0c63de
```
#0c63de rgb(12,99,222)
```
#116ef2
```
#116ef2 rgb(17,110,242)
```
#2a7df3
```
#2a7df3 rgb(42,125,243)
```
#428cf5
```
#428cf5 rgb(66,140,245)
```

Monochromatic Color

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

#0c98de
```
#0c98de rgb(12,152,222)
```
#0c86de
```
#0c86de rgb(12,134,222)
```
#0c75de
```
#0c75de rgb(12,117,222)
```
#0c63de
```
#0c63de rgb(12,99,222)
```
#0c52de
```
#0c52de rgb(12,82,222)
```
#0c40de
```
#0c40de rgb(12,64,222)
```
#0c2fde
```
#0c2fde rgb(12,47,222)
```

Similar Colors

Text with hexadecimal color #0c63de

This text has a font color of #0c63de.

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

#0c63de background color

This paragraph has a background color of #0c63de.

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

#0c63de border color

This element has a border color of #0c63de.

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

CSS codes

.text {color:#0c63de;}

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

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

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

#010811
```
#010811 rgb(1,8,17)
```
#021024
```
#021024 rgb(2,16,36)
```
#031837
```
#031837 rgb(3,24,55)
```
#042149
```
#042149 rgb(4,33,73)
```
#05295c
```
#05295c rgb(5,41,92)
```
#06316e
```
#06316e rgb(6,49,110)
```
#073a81
```
#073a81 rgb(7,58,129)
```
#084294
```
#084294 rgb(8,66,148)
```
#094aa6
```
#094aa6 rgb(9,74,166)
```
#0a52b9
```
#0a52b9 rgb(10,82,185)
```
#0b5bcb
```
#0b5bcb rgb(11,91,203)
```
#0c63de
```
#0c63de rgb(12,99,222)
```
#0d6bf1
```
#0d6bf1 rgb(13,107,241)
```

Shade Color Variation

#1e76f3
```
#1e76f3 rgb(30,118,243)
```
#3182f4
```
#3182f4 rgb(49,130,244)
```
#448df5
```
#448df5 rgb(68,141,245)
```
#5698f6
```
#5698f6 rgb(86,152,246)
```
#69a4f7
```
#69a4f7 rgb(105,164,247)
```
#7baff8
```
#7baff8 rgb(123,175,248)
```
#8ebaf9
```
#8ebaf9 rgb(142,186,249)
```
#a1c6fa
```
#a1c6fa rgb(161,198,250)
```
#b3d1fb
```
#b3d1fb rgb(179,209,251)
```
#c6dcfc
```
#c6dcfc rgb(198,220,252)
```
#d8e8fd
```
#d8e8fd rgb(216,232,253)
```
#ebf3fe
```
#ebf3fe rgb(235,243,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6f747b
```
#6f747b rgb(111,116,123)
```
#667284
```
#667284 rgb(102,114,132)
```
#5d718d
```
#5d718d rgb(93,113,141)
```
#546f96
```
#546f96 rgb(84,111,150)
```
#4b6e9f
```
#4b6e9f rgb(75,110,159)
```
#426ca8
```
#426ca8 rgb(66,108,168)
```
#396bb1
```
#396bb1 rgb(57,107,177)
```
#3069ba
```
#3069ba rgb(48,105,186)
```
#2768c3
```
#2768c3 rgb(39,104,195)
```
#1e66cc
```
#1e66cc rgb(30,102,204)
```
#1565d5
```
#1565d5 rgb(21,101,213)
```
#0c63de
```
#0c63de rgb(12,99,222)
```
#0361e7
```
#0361e7 rgb(3,97,231)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#485972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd7 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#0469d9 Protanomaly 1% of men, 0.01% of women
#046dc8 Deuteranomaly 6% of men, 0.4% of women
#0473a4 Tritanomaly 0.01% of the population

#0c63de hex color

#0c63de Color Information

#0c63de Color Conversion

Color Schemes with #0c63de

Alternatives to #0c63de

#0c63de Preview

Shades and Tints of #0c63de

Tones of #0c63de

Color Blindness Simulator