#0d6af1 hex color

In a RGB color space, hex #0d6af1 is composed of 5.1% red, 41.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 94.6% cyan, 56% magenta, 0% yellow and 5.5% black. It has a hue angle of 215.5 degrees, a saturation of 89.8% and a lightness of 49.8%. #0d6af1 color hex could be obtained by blending #1ad4ff with #0000e3. Closest websafe color is: #0066ff.

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

● #0d6af1 color description : Vivid blue.

The hexadecimal color #0d6af1 has RGB values of R:13, G:106, B:241 and CMYK values of C:0.95, M:0.56, Y:0, K:0.05. Its decimal value is 879345.

Hex triplet	0d6af1	`#0d6af1`
RGB Decimal	13, 106, 241	`rgb(13,106,241)`
RGB Percent	5.1, 41.6, 94.5	`rgb(5.1%,41.6%,94.5%)`
CMYK	95, 56, 0, 5
HSL	215.5°, 89.8, 49.8	`hsl(215.5,89.8%,49.8%)`
HSV (or HSB)	215.5°, 94.6, 94.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.934, 27.62, -74.161
XYZ	21.194, 16.743, 85.329
xyY	0.172, 0.136, 16.743
CIE-LCH	47.934, 79.137, 290.427
CIE-LUV	47.934, -23.292, -114.112
Hunter-Lab	40.918, 20.85, -94.999
Binary	00001101, 01101010, 11110001

#0d6af1
```
#0d6af1 rgb(13,106,241)
```
#f1940d
```
#f1940d rgb(241,148,13)
```

Complementary Color

#0ddcf1
```
#0ddcf1 rgb(13,220,241)
```
#0d6af1
```
#0d6af1 rgb(13,106,241)
```
#220df1
```
#220df1 rgb(34,13,241)
```

Analogous Color

#dcf10d
```
#dcf10d rgb(220,241,13)
```
#0d6af1
```
#0d6af1 rgb(13,106,241)
```
#f1220d
```
#f1220d rgb(241,34,13)
```

Split Complementary Color

#6af10d
```
#6af10d rgb(106,241,13)
```
#0d6af1
```
#0d6af1 rgb(13,106,241)
```
#f10d6a
```
#f10d6a rgb(241,13,106)
```

Triadic Color

#0df194
```
#0df194 rgb(13,241,148)
```
#0d6af1
```
#0d6af1 rgb(13,106,241)
```
#f10d6a
```
#f10d6a rgb(241,13,106)
```
#f1940d
```
#f1940d rgb(241,148,13)
```

Tetradic Color

#094aa8
```
#094aa8 rgb(9,74,168)
```
#0a55c1
```
#0a55c1 rgb(10,85,193)
```
#0c5fd9
```
#0c5fd9 rgb(12,95,217)
```
#0d6af1
```
#0d6af1 rgb(13,106,241)
```
#2479f3
```
#2479f3 rgb(36,121,243)
```
#3c88f5
```
#3c88f5 rgb(60,136,245)
```
#5596f6
```
#5596f6 rgb(85,150,246)
```

Monochromatic Color

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

#0da3f1
```
#0da3f1 rgb(13,163,241)
```
#0d90f1
```
#0d90f1 rgb(13,144,241)
```
#0d7df1
```
#0d7df1 rgb(13,125,241)
```
#0d6af1
```
#0d6af1 rgb(13,106,241)
```
#0d57f1
```
#0d57f1 rgb(13,87,241)
```
#0d44f1
```
#0d44f1 rgb(13,68,241)
```
#0d31f1
```
#0d31f1 rgb(13,49,241)
```

Similar Colors

Text with hexadecimal color #0d6af1

This text has a font color of #0d6af1.

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

#0d6af1 background color

This paragraph has a background color of #0d6af1.

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

#0d6af1 border color

This element has a border color of #0d6af1.

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

CSS codes

.text {color:#0d6af1;}

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

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

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 #fefeff is the lightest one.

#010812
```
#010812 rgb(1,8,18)
```
#021024
```
#021024 rgb(2,16,36)
```
#031837
```
#031837 rgb(3,24,55)
```
#042049
```
#042049 rgb(4,32,73)
```
#05295c
```
#05295c rgb(5,41,92)
```
#06316f
```
#06316f rgb(6,49,111)
```
#073981
```
#073981 rgb(7,57,129)
```
#084194
```
#084194 rgb(8,65,148)
```
#0949a7
```
#0949a7 rgb(9,73,167)
```
#0a51b9
```
#0a51b9 rgb(10,81,185)
```
#0b5acc
```
#0b5acc rgb(11,90,204)
```
#0c62de
```
#0c62de rgb(12,98,222)
```
#0d6af1
```
#0d6af1 rgb(13,106,241)
```

Shade Color Variation

#1f75f3
```
#1f75f3 rgb(31,117,243)
```
#3181f4
```
#3181f4 rgb(49,129,244)
```
#448cf5
```
#448cf5 rgb(68,140,245)
```
#5798f6
```
#5798f6 rgb(87,152,246)
```
#69a3f7
```
#69a3f7 rgb(105,163,247)
```
#7caef8
```
#7caef8 rgb(124,174,248)
```
#8ebaf9
```
#8ebaf9 rgb(142,186,249)
```
#a1c5fa
```
#a1c5fa rgb(161,197,250)
```
#b4d1fb
```
#b4d1fb rgb(180,209,251)
```
#c6dcfc
```
#c6dcfc rgb(198,220,252)
```
#d9e8fd
```
#d9e8fd rgb(217,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, #787e86 is the less saturated color, while #0368fb is the most saturated one.

#787e86
```
#787e86 rgb(120,126,134)
```
#6f7c8f
```
#6f7c8f rgb(111,124,143)
```
#657a99
```
#657a99 rgb(101,122,153)
```
#5b78a3
```
#5b78a3 rgb(91,120,163)
```
#5177ad
```
#5177ad rgb(81,119,173)
```
#4875b6
```
#4875b6 rgb(72,117,182)
```
#3e73c0
```
#3e73c0 rgb(62,115,192)
```
#3471ca
```
#3471ca rgb(52,113,202)
```
#2a6fd4
```
#2a6fd4 rgb(42,111,212)
```
#216edd
```
#216edd rgb(33,110,221)
```
#176ce7
```
#176ce7 rgb(23,108,231)
```
#0d6af1
```
#0d6af1 rgb(13,106,241)
```
#0368fb
```
#0368fb rgb(3,104,251)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#4e607b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#0471e9 Protanomaly 1% of men, 0.01% of women
#0475d7 Deuteranomaly 6% of men, 0.4% of women
#047bb0 Tritanomaly 0.01% of the population

#0d6af1 hex color

#0d6af1 Color Information

#0d6af1 Color Conversion

Color Schemes with #0d6af1

Alternatives to #0d6af1

#0d6af1 Preview

Shades and Tints of #0d6af1

Tones of #0d6af1

Color Blindness Simulator