#0d3af0 hex color

In a RGB color space, hex #0d3af0 is composed of 5.1% red, 22.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 94.6% cyan, 75.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 228.1 degrees, a saturation of 89.7% and a lightness of 49.6%. #0d3af0 color hex could be obtained by blending #1a74ff with #0000e1. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 5
- G 23
- B 94
RGB color chart
- C 95
- M 76
- Y 0
- K 6
CMYK color chart

● #0d3af0 color description : Vivid blue.

The hexadecimal color #0d3af0 has RGB values of R:13, G:58, B:240 and CMYK values of C:0.95, M:0.76, Y:0, K:0.06. Its decimal value is 867056.

Hex triplet	0d3af0	`#0d3af0`
RGB Decimal	13, 58, 240	`rgb(13,58,240)`
RGB Percent	5.1, 22.7, 94.1	`rgb(5.1%,22.7%,94.1%)`
CMYK	95, 76, 0, 6
HSL	228.1°, 89.7, 49.6	`hsl(228.1,89.7%,49.6%)`
HSV (or HSB)	228.1°, 94.6, 94.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.746, 56.573, -92
XYZ	17.404, 9.402, 83.331
xyY	0.158, 0.085, 9.402
CIE-LCH	36.746, 108.002, 301.588
CIE-LUV	36.746, -13.083, -124.757
Hunter-Lab	30.662, 47.66, -139.671
Binary	00001101, 00111010, 11110000

#0d3af0
```
#0d3af0 rgb(13,58,240)
```
#f0c30d
```
#f0c30d rgb(240,195,13)
```

Complementary Color

#0dacf0
```
#0dacf0 rgb(13,172,240)
```
#0d3af0
```
#0d3af0 rgb(13,58,240)
```
#510df0
```
#510df0 rgb(81,13,240)
```

Analogous Color

#acf00d
```
#acf00d rgb(172,240,13)
```
#0d3af0
```
#0d3af0 rgb(13,58,240)
```
#f0510d
```
#f0510d rgb(240,81,13)
```

Split Complementary Color

#3af00d
```
#3af00d rgb(58,240,13)
```
#0d3af0
```
#0d3af0 rgb(13,58,240)
```
#f00d3a
```
#f00d3a rgb(240,13,58)
```

Triadic Color

#0df0c3
```
#0df0c3 rgb(13,240,195)
```
#0d3af0
```
#0d3af0 rgb(13,58,240)
```
#f00d3a
```
#f00d3a rgb(240,13,58)
```
#f0c30d
```
#f0c30d rgb(240,195,13)
```

Tetradic Color

#0928a7
```
#0928a7 rgb(9,40,167)
```
#0a2ec0
```
#0a2ec0 rgb(10,46,192)
```
#0c34d8
```
#0c34d8 rgb(12,52,216)
```
#0d3af0
```
#0d3af0 rgb(13,58,240)
```
#234df3
```
#234df3 rgb(35,77,243)
```
#3c60f4
```
#3c60f4 rgb(60,96,244)
```
#5474f6
```
#5474f6 rgb(84,116,246)
```

Monochromatic Color

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

#0d73f0
```
#0d73f0 rgb(13,115,240)
```
#0d60f0
```
#0d60f0 rgb(13,96,240)
```
#0d4df0
```
#0d4df0 rgb(13,77,240)
```
#0d3af0
```
#0d3af0 rgb(13,58,240)
```
#0d27f0
```
#0d27f0 rgb(13,39,240)
```
#0d14f0
```
#0d14f0 rgb(13,20,240)
```
#190df0
```
#190df0 rgb(25,13,240)
```

Similar Colors

Text with hexadecimal color #0d3af0

This text has a font color of #0d3af0.

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

#0d3af0 background color

This paragraph has a background color of #0d3af0.

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

#0d3af0 border color

This element has a border color of #0d3af0.

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

CSS codes

.text {color:#0d3af0;}

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

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

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

#010411
```
#010411 rgb(1,4,17)
```
#020923
```
#020923 rgb(2,9,35)
```
#030d36
```
#030d36 rgb(3,13,54)
```
#041249
```
#041249 rgb(4,18,73)
```
#05165b
```
#05165b rgb(5,22,91)
```
#061b6e
```
#061b6e rgb(6,27,110)
```
#071f80
```
#071f80 rgb(7,31,128)
```
#082493
```
#082493 rgb(8,36,147)
```
#0928a6
```
#0928a6 rgb(9,40,166)
```
#0a2db8
```
#0a2db8 rgb(10,45,184)
```
#0b31cb
```
#0b31cb rgb(11,49,203)
```
#0c36dd
```
#0c36dd rgb(12,54,221)
```
#0d3af0
```
#0d3af0 rgb(13,58,240)
```

Shade Color Variation

#1e48f3
```
#1e48f3 rgb(30,72,243)
```
#3057f4
```
#3057f4 rgb(48,87,244)
```
#4366f5
```
#4366f5 rgb(67,102,245)
```
#5675f6
```
#5675f6 rgb(86,117,246)
```
#6885f7
```
#6885f7 rgb(104,133,247)
```
#7b94f8
```
#7b94f8 rgb(123,148,248)
```
#8da3f9
```
#8da3f9 rgb(141,163,249)
```
#a0b2fa
```
#a0b2fa rgb(160,178,250)
```
#b3c1fb
```
#b3c1fb rgb(179,193,251)
```
#c5d0fc
```
#c5d0fc rgb(197,208,252)
```
#d8dffd
```
#d8dffd rgb(216,223,253)
```
#eaeefe
```
#eaeefe rgb(234,238,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#787b85
```
#787b85 rgb(120,123,133)
```
#6e758f
```
#6e758f rgb(110,117,143)
```
#656f98
```
#656f98 rgb(101,111,152)
```
#5b69a2
```
#5b69a2 rgb(91,105,162)
```
#5163ac
```
#5163ac rgb(81,99,172)
```
#475db6
```
#475db6 rgb(71,93,182)
```
#3e57bf
```
#3e57bf rgb(62,87,191)
```
#3451c9
```
#3451c9 rgb(52,81,201)
```
#2a4cd3
```
#2a4cd3 rgb(42,76,211)
```
#2046dd
```
#2046dd rgb(32,70,221)
```
#1740e6
```
#1740e6 rgb(23,64,230)
```
#0d3af0
```
#0d3af0 rgb(13,58,240)
```
#0334fa
```
#0334fa rgb(3,52,250)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#374064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#044fc9 Protanomaly 1% of men, 0.01% of women
#0453ba Deuteranomaly 6% of men, 0.4% of women
#04579c Tritanomaly 0.01% of the population

#0d3af0 hex color

#0d3af0 Color Information

#0d3af0 Color Conversion

Color Schemes with #0d3af0

Alternatives to #0d3af0

#0d3af0 Preview

Shades and Tints of #0d3af0

Tones of #0d3af0

Color Blindness Simulator