#0d6af4 hex color

In a RGB color space, hex #0d6af4 is composed of 5.1% red, 41.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 56.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 215.8 degrees, a saturation of 91.3% and a lightness of 50.4%. #0d6af4 color hex could be obtained by blending #1ad4ff with #0000e9. Closest websafe color is: #0066ff.

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

● #0d6af4 color description : Vivid blue.

The hexadecimal color #0d6af4 has RGB values of R:13, G:106, B:244 and CMYK values of C:0.95, M:0.57, Y:0, K:0.04. Its decimal value is 879348.

Hex triplet	0d6af4	`#0d6af4`
RGB Decimal	13, 106, 244	`rgb(13,106,244)`
RGB Percent	5.1, 41.6, 95.7	`rgb(5.1%,41.6%,95.7%)`
CMYK	95, 57, 0, 4
HSL	215.8°, 91.3, 50.4	`hsl(215.8,91.3%,50.4%)`
HSV (or HSB)	215.8°, 94.7, 95.7
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.163, 28.771, -75.464
XYZ	21.646, 16.923, 87.709
xyY	0.171, 0.134, 16.923
CIE-LCH	48.163, 80.763, 290.87
CIE-LUV	48.163, -23.224, -116.183
Hunter-Lab	41.138, 21.93, -97.613
Binary	00001101, 01101010, 11110100

#0d6af4
```
#0d6af4 rgb(13,106,244)
```
#f4970d
```
#f4970d rgb(244,151,13)
```

Complementary Color

#0ddef4
```
#0ddef4 rgb(13,222,244)
```
#0d6af4
```
#0d6af4 rgb(13,106,244)
```
#240df4
```
#240df4 rgb(36,13,244)
```

Analogous Color

#def40d
```
#def40d rgb(222,244,13)
```
#0d6af4
```
#0d6af4 rgb(13,106,244)
```
#f4240d
```
#f4240d rgb(244,36,13)
```

Split Complementary Color

#6af40d
```
#6af40d rgb(106,244,13)
```
#0d6af4
```
#0d6af4 rgb(13,106,244)
```
#f40d6a
```
#f40d6a rgb(244,13,106)
```

Triadic Color

#0df497
```
#0df497 rgb(13,244,151)
```
#0d6af4
```
#0d6af4 rgb(13,106,244)
```
#f40d6a
```
#f40d6a rgb(244,13,106)
```
#f4970d
```
#f4970d rgb(244,151,13)
```

Tetradic Color

#084aad
```
#084aad rgb(8,74,173)
```
#0955c5
```
#0955c5 rgb(9,85,197)
```
#0a5fdd
```
#0a5fdd rgb(10,95,221)
```
#0d6af4
```
#0d6af4 rgb(13,106,244)
```
#2579f5
```
#2579f5 rgb(37,121,245)
```
#3e88f6
```
#3e88f6 rgb(62,136,246)
```
#5697f7
```
#5697f7 rgb(86,151,247)
```

Monochromatic Color

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

#0da4f4
```
#0da4f4 rgb(13,164,244)
```
#0d91f4
```
#0d91f4 rgb(13,145,244)
```
#0d7df4
```
#0d7df4 rgb(13,125,244)
```
#0d6af4
```
#0d6af4 rgb(13,106,244)
```
#0d57f4
```
#0d57f4 rgb(13,87,244)
```
#0d43f4
```
#0d43f4 rgb(13,67,244)
```
#0d30f4
```
#0d30f4 rgb(13,48,244)
```

Similar Colors

Text with hexadecimal color #0d6af4

This text has a font color of #0d6af4.

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

#0d6af4 background color

This paragraph has a background color of #0d6af4.

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

#0d6af4 border color

This element has a border color of #0d6af4.

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

CSS codes

.text {color:#0d6af4;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010915
```
#010915 rgb(1,9,21)
```
#021127
```
#021127 rgb(2,17,39)
```
#03193a
```
#03193a rgb(3,25,58)
```
#03214d
```
#03214d rgb(3,33,77)
```
#042960
```
#042960 rgb(4,41,96)
```
#053172
```
#053172 rgb(5,49,114)
```
#063985
```
#063985 rgb(6,57,133)
```
#074198
```
#074198 rgb(7,65,152)
```
#0849ab
```
#0849ab rgb(8,73,171)
```
#0951be
```
#0951be rgb(9,81,190)
```
#095ad0
```
#095ad0 rgb(9,90,208)
```
#0a62e3
```
#0a62e3 rgb(10,98,227)
```

Shade Color Variation

#0d6af4
```
#0d6af4 rgb(13,106,244)
```
#2076f5
```
#2076f5 rgb(32,118,245)
```
#3381f6
```
#3381f6 rgb(51,129,246)
```
#458df7
```
#458df7 rgb(69,141,247)
```
#5898f7
```
#5898f7 rgb(88,152,247)
```
#6ba4f8
```
#6ba4f8 rgb(107,164,248)
```
#7eaff9
```
#7eaff9 rgb(126,175,249)
```
#90bbfa
```
#90bbfa rgb(144,187,250)
```
#a3c6fb
```
#a3c6fb rgb(163,198,251)
```
#b6d2fc
```
#b6d2fc rgb(182,210,252)
```
#c9defd
```
#c9defd rgb(201,222,253)
```
#dbe9fd
```
#dbe9fd rgb(219,233,253)
```
#eef5fe
```
#eef5fe rgb(238,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787f89 is the less saturated color, while #0368fe is the most saturated one.

#787f89
```
#787f89 rgb(120,127,137)
```
#6e7d93
```
#6e7d93 rgb(110,125,147)
```
#657b9c
```
#657b9c rgb(101,123,156)
```
#5b79a6
```
#5b79a6 rgb(91,121,166)
```
#5177b0
```
#5177b0 rgb(81,119,176)
```
#4775ba
```
#4775ba rgb(71,117,186)
```
#3e73c3
```
#3e73c3 rgb(62,115,195)
```
#3472cd
```
#3472cd rgb(52,114,205)
```
#2a70d7
```
#2a70d7 rgb(42,112,215)
```
#206ee1
```
#206ee1 rgb(32,110,225)
```
#176cea
```
#176cea rgb(23,108,234)
```
#0d6af4
```
#0d6af4 rgb(13,106,244)
```
#0368fe
```
#0368fe rgb(3,104,254)
```

Tone Color Variation

Below, you can see how #0d6af4 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
#4e607c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#0471eb Protanomaly 1% of men, 0.01% of women
#0475d8 Deuteranomaly 6% of men, 0.4% of women
#047bb2 Tritanomaly 0.01% of the population

#0d6af4 hex color

#0d6af4 Color Information

#0d6af4 Color Conversion

Color Schemes with #0d6af4

Alternatives to #0d6af4

#0d6af4 Preview

Shades and Tints of #0d6af4

Tones of #0d6af4

Color Blindness Simulator