#0c63df hex color

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

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

● #0c63df color description : Vivid blue.

The hexadecimal color #0c63df has RGB values of R:12, G:99, B:223 and CMYK values of C:0.95, M:0.56, Y:0, K:0.13. Its decimal value is 811999.

Hex triplet	0c63df	`#0c63df`
RGB Decimal	12, 99, 223	`rgb(12,99,223)`
RGB Percent	4.7, 38.8, 87.5	`rgb(4.7%,38.8%,87.5%)`
CMYK	95, 56, 0, 13
HSL	215.3°, 89.8, 46.1	`hsl(215.3,89.8%,46.1%)`
HSV (or HSB)	215.3°, 94.6, 87.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.7, 25.122, -69.288
XYZ	17.93, 14.328, 71.629
xyY	0.173, 0.138, 14.328
CIE-LCH	44.7, 73.701, 289.929
CIE-LUV	44.7, -21.883, -104.787
Hunter-Lab	37.852, 18.31, -85.699
Binary	00001100, 01100011, 11011111

#0c63df
```
#0c63df rgb(12,99,223)
```
#df880c
```
#df880c rgb(223,136,12)
```

Complementary Color

#0ccddf
```
#0ccddf rgb(12,205,223)
```
#0c63df
```
#0c63df rgb(12,99,223)
```
#1f0cdf
```
#1f0cdf rgb(31,12,223)
```

Analogous Color

#cddf0c
```
#cddf0c rgb(205,223,12)
```
#0c63df
```
#0c63df rgb(12,99,223)
```
#df1f0c
```
#df1f0c rgb(223,31,12)
```

Split Complementary Color

#63df0c
```
#63df0c rgb(99,223,12)
```
#0c63df
```
#0c63df rgb(12,99,223)
```
#df0c63
```
#df0c63 rgb(223,12,99)
```

Triadic Color

#0cdf88
```
#0cdf88 rgb(12,223,136)
```
#0c63df
```
#0c63df rgb(12,99,223)
```
#df0c63
```
#df0c63 rgb(223,12,99)
```
#df880c
```
#df880c rgb(223,136,12)
```

Tetradic Color

#084396
```
#084396 rgb(8,67,150)
```
#094eaf
```
#094eaf rgb(9,78,175)
```
#0b58c7
```
#0b58c7 rgb(11,88,199)
```
#0c63df
```
#0c63df rgb(12,99,223)
```
#126ff2
```
#126ff2 rgb(18,111,242)
```
#2a7df4
```
#2a7df4 rgb(42,125,244)
```
#438cf5
```
#438cf5 rgb(67,140,245)
```

Monochromatic Color

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

#0c98df
```
#0c98df rgb(12,152,223)
```
#0c86df
```
#0c86df rgb(12,134,223)
```
#0c75df
```
#0c75df rgb(12,117,223)
```
#0c63df
```
#0c63df rgb(12,99,223)
```
#0c51df
```
#0c51df rgb(12,81,223)
```
#0c40df
```
#0c40df rgb(12,64,223)
```
#0c2edf
```
#0c2edf rgb(12,46,223)
```

Similar Colors

Text with hexadecimal color #0c63df

This text has a font color of #0c63df.

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

#0c63df background color

This paragraph has a background color of #0c63df.

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

#0c63df border color

This element has a border color of #0c63df.

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

CSS codes

.text {color:#0c63df;}

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

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

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)
```
#031937
```
#031937 rgb(3,25,55)
```
#04214a
```
#04214a rgb(4,33,74)
```
#05295d
```
#05295d rgb(5,41,93)
```
#06316f
```
#06316f rgb(6,49,111)
```
#073a82
```
#073a82 rgb(7,58,130)
```
#084295
```
#084295 rgb(8,66,149)
```
#094aa7
```
#094aa7 rgb(9,74,167)
```
#0a52ba
```
#0a52ba rgb(10,82,186)
```
#0b5bcc
```
#0b5bcc rgb(11,91,204)
```
#0c63df
```
#0c63df rgb(12,99,223)
```
#0d6bf2
```
#0d6bf2 rgb(13,107,242)
```

Shade Color Variation

#1f77f3
```
#1f77f3 rgb(31,119,243)
```
#3282f4
```
#3282f4 rgb(50,130,244)
```
#448df5
```
#448df5 rgb(68,141,245)
```
#5799f6
```
#5799f6 rgb(87,153,246)
```
#6aa4f7
```
#6aa4f7 rgb(106,164,247)
```
#7caff8
```
#7caff8 rgb(124,175,248)
```
#8fbbf9
```
#8fbbf9 rgb(143,187,249)
```
#a2c6fa
```
#a2c6fa rgb(162,198,250)
```
#b4d1fb
```
#b4d1fb rgb(180,209,251)
```
#c7ddfc
```
#c7ddfc rgb(199,221,252)
```
#d9e8fd
```
#d9e8fd rgb(217,232,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 #0361e8 is the most saturated one.

#6f747c
```
#6f747c rgb(111,116,124)
```
#667385
```
#667385 rgb(102,115,133)
```
#5d718e
```
#5d718e rgb(93,113,142)
```
#547097
```
#547097 rgb(84,112,151)
```
#4b6ea0
```
#4b6ea0 rgb(75,110,160)
```
#426da9
```
#426da9 rgb(66,109,169)
```
#396bb2
```
#396bb2 rgb(57,107,178)
```
#3069bb
```
#3069bb rgb(48,105,187)
```
#2768c4
```
#2768c4 rgb(39,104,196)
```
#1e66cd
```
#1e66cd rgb(30,102,205)
```
#1565d6
```
#1565d6 rgb(21,101,214)
```
#0c63df
```
#0c63df rgb(12,99,223)
```
#0361e8
```
#0361e8 rgb(3,97,232)
```

Tone Color Variation

Below, you can see how #0c63df 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
#0074bc Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

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

#0c63df hex color

#0c63df Color Information

#0c63df Color Conversion

Color Schemes with #0c63df

Alternatives to #0c63df

#0c63df Preview

Shades and Tints of #0c63df

Tones of #0c63df

Color Blindness Simulator