#0d63ff hex color

In a RGB color space, hex #0d63ff is composed of 5.1% red, 38.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 94.9% cyan, 61.2% magenta, 0% yellow and 0% black. It has a hue angle of 218.7 degrees, a saturation of 100% and a lightness of 52.5%. #0d63ff color hex could be obtained by blending #1ac6ff with #0000ff. Closest websafe color is: #0066ff.

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

● #0d63ff color description : Vivid blue.

The hexadecimal color #0d63ff has RGB values of R:13, G:99, B:255 and CMYK values of C:0.95, M:0.61, Y:0, K:0. Its decimal value is 877567.

Hex triplet	0d63ff	`#0d63ff`
RGB Decimal	13, 99, 255	`rgb(13,99,255)`
RGB Percent	5.1, 38.8, 100	`rgb(5.1%,38.8%,100%)`
CMYK	95, 61, 0, 0
HSL	218.7°, 100, 52.5	`hsl(218.7,100%,52.5%)`
HSV (or HSB)	218.7°, 94.9, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.271, 37.377, -83.049
XYZ	22.674, 16.227, 96.539
xyY	0.167, 0.12, 16.227
CIE-LCH	47.271, 91.072, 294.231
CIE-LUV	47.271, -21.281, -126.299
Hunter-Lab	40.283, 29.976, -113.892
Binary	00001101, 01100011, 11111111

#0d63ff
```
#0d63ff rgb(13,99,255)
```
#ffa90d
```
#ffa90d rgb(255,169,13)
```

Complementary Color

#0ddcff
```
#0ddcff rgb(13,220,255)
```
#0d63ff
```
#0d63ff rgb(13,99,255)
```
#300dff
```
#300dff rgb(48,13,255)
```

Analogous Color

#dcff0d
```
#dcff0d rgb(220,255,13)
```
#0d63ff
```
#0d63ff rgb(13,99,255)
```
#ff300d
```
#ff300d rgb(255,48,13)
```

Split Complementary Color

#63ff0d
```
#63ff0d rgb(99,255,13)
```
#0d63ff
```
#0d63ff rgb(13,99,255)
```
#ff0d63
```
#ff0d63 rgb(255,13,99)
```

Triadic Color

#0dffa9
```
#0dffa9 rgb(13,255,169)
```
#0d63ff
```
#0d63ff rgb(13,99,255)
```
#ff0d63
```
#ff0d63 rgb(255,13,99)
```
#ffa90d
```
#ffa90d rgb(255,169,13)
```

Tetradic Color

#0044c0
```
#0044c0 rgb(0,68,192)
```
#004dd9
```
#004dd9 rgb(0,77,217)
```
#0056f3
```
#0056f3 rgb(0,86,243)
```
#0d63ff
```
#0d63ff rgb(13,99,255)
```
#2773ff
```
#2773ff rgb(39,115,255)
```
#4084ff
```
#4084ff rgb(64,132,255)
```
#5a94ff
```
#5a94ff rgb(90,148,255)
```

Monochromatic Color

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

#0da0ff
```
#0da0ff rgb(13,160,255)
```
#0d8bff
```
#0d8bff rgb(13,139,255)
```
#0d77ff
```
#0d77ff rgb(13,119,255)
```
#0d63ff
```
#0d63ff rgb(13,99,255)
```
#0d4fff
```
#0d4fff rgb(13,79,255)
```
#0d3bff
```
#0d3bff rgb(13,59,255)
```
#0d27ff
```
#0d27ff rgb(13,39,255)
```

Similar Colors

Text with hexadecimal color #0d63ff

This text has a font color of #0d63ff.

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

#0d63ff background color

This paragraph has a background color of #0d63ff.

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

#0d63ff border color

This element has a border color of #0d63ff.

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

CSS codes

.text {color:#0d63ff;}

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

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

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

#00050d
```
#00050d rgb(0,5,13)
```
#000c21
```
#000c21 rgb(0,12,33)
```
#001334
```
#001334 rgb(0,19,52)
```
#001a48
```
#001a48 rgb(0,26,72)
```
#00215b
```
#00215b rgb(0,33,91)
```
#00276f
```
#00276f rgb(0,39,111)
```
#002e83
```
#002e83 rgb(0,46,131)
```
#003596
```
#003596 rgb(0,53,150)
```
#003caa
```
#003caa rgb(0,60,170)
```
#0043be
```
#0043be rgb(0,67,190)
```
#004ad1
```
#004ad1 rgb(0,74,209)
```
#0051e5
```
#0051e5 rgb(0,81,229)
```
#0058f8
```
#0058f8 rgb(0,88,248)
```

Shade Color Variation

#0d63ff
```
#0d63ff rgb(13,99,255)
```
#2170ff
```
#2170ff rgb(33,112,255)
```
#347cff
```
#347cff rgb(52,124,255)
```
#4889ff
```
#4889ff rgb(72,137,255)
```
#5b96ff
```
#5b96ff rgb(91,150,255)
```
#6fa2ff
```
#6fa2ff rgb(111,162,255)
```
#83afff
```
#83afff rgb(131,175,255)
```
#96bcff
```
#96bcff rgb(150,188,255)
```
#aac8ff
```
#aac8ff rgb(170,200,255)
```
#bed5ff
```
#bed5ff rgb(190,213,255)
```
#d1e1ff
```
#d1e1ff rgb(209,225,255)
```
#e5eeff
```
#e5eeff rgb(229,238,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#7d838f
```
#7d838f rgb(125,131,143)
```
#738199
```
#738199 rgb(115,129,153)
```
#6a7ea2
```
#6a7ea2 rgb(106,126,162)
```
#617bab
```
#617bab rgb(97,123,171)
```
#5779b5
```
#5779b5 rgb(87,121,181)
```
#4e76be
```
#4e76be rgb(78,118,190)
```
#4573c7
```
#4573c7 rgb(69,115,199)
```
#3c70d0
```
#3c70d0 rgb(60,112,208)
```
#326eda
```
#326eda rgb(50,110,218)
```
#296be3
```
#296be3 rgb(41,107,227)
```
#2068ec
```
#2068ec rgb(32,104,236)
```
#1666f6
```
#1666f6 rgb(22,102,246)
```
#0d63ff
```
#0d63ff rgb(13,99,255)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4b5d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#007ac4 Deuteranopia 1% of men
#008389 Tritanopia 0.001% of the population

Trichromacy

#046dec Protanomaly 1% of men, 0.01% of women
#0472da Deuteranomaly 6% of men, 0.4% of women
#0477b4 Tritanomaly 0.01% of the population

#0d63ff hex color

#0d63ff Color Information

#0d63ff Color Conversion

Color Schemes with #0d63ff

Alternatives to #0d63ff

#0d63ff Preview

Shades and Tints of #0d63ff

Tones of #0d63ff

Color Blindness Simulator