#0d18f2 hex color

In a RGB color space, hex #0d18f2 is composed of 5.1% red, 9.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 94.6% cyan, 90.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 237.1 degrees, a saturation of 89.8% and a lightness of 50%. #0d18f2 color hex could be obtained by blending #1a30ff with #0000e5. Closest websafe color is: #0000ff.

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

● #0d18f2 color description : Vivid blue.

The hexadecimal color #0d18f2 has RGB values of R:13, G:24, B:242 and CMYK values of C:0.95, M:0.9, Y:0, K:0.05. Its decimal value is 858354.

Hex triplet	0d18f2	`#0d18f2`
RGB Decimal	13, 24, 242	`rgb(13,24,242)`
RGB Percent	5.1, 9.4, 94.9	`rgb(5.1%,9.4%,94.9%)`
CMYK	95, 90, 0, 5
HSL	237.1°, 89.8, 50	`hsl(237.1,89.8%,50%)`
HSV (or HSB)	237.1°, 94.6, 94.9
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.142, 71.506, -100.795
XYZ	16.516, 7.148, 84.509
xyY	0.153, 0.066, 7.148
CIE-LCH	32.142, 123.583, 305.353
CIE-LUV	32.142, -9.495, -124.439
Hunter-Lab	26.736, 63.48, -168.689
Binary	00001101, 00011000, 11110010

#0d18f2
```
#0d18f2 rgb(13,24,242)
```
#f2e70d
```
#f2e70d rgb(242,231,13)
```

Complementary Color

#0d8bf2
```
#0d8bf2 rgb(13,139,242)
```
#0d18f2
```
#0d18f2 rgb(13,24,242)
```
#750df2
```
#750df2 rgb(117,13,242)
```

Analogous Color

#8bf20d
```
#8bf20d rgb(139,242,13)
```
#0d18f2
```
#0d18f2 rgb(13,24,242)
```
#f2750d
```
#f2750d rgb(242,117,13)
```

Split Complementary Color

#18f20d
```
#18f20d rgb(24,242,13)
```
#0d18f2
```
#0d18f2 rgb(13,24,242)
```
#f20d18
```
#f20d18 rgb(242,13,24)
```

Triadic Color

#0df2e7
```
#0df2e7 rgb(13,242,231)
```
#0d18f2
```
#0d18f2 rgb(13,24,242)
```
#f20d18
```
#f20d18 rgb(242,13,24)
```
#f2e70d
```
#f2e70d rgb(242,231,13)
```

Tetradic Color

#0911a9
```
#0911a9 rgb(9,17,169)
```
#0a13c2
```
#0a13c2 rgb(10,19,194)
```
#0c16da
```
#0c16da rgb(12,22,218)
```
#0d18f2
```
#0d18f2 rgb(13,24,242)
```
#252ff3
```
#252ff3 rgb(37,47,243)
```
#3d46f5
```
#3d46f5 rgb(61,70,245)
```
#565df6
```
#565df6 rgb(86,93,246)
```

Monochromatic Color

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

#0d51f2
```
#0d51f2 rgb(13,81,242)
```
#0d3ef2
```
#0d3ef2 rgb(13,62,242)
```
#0d2bf2
```
#0d2bf2 rgb(13,43,242)
```
#0d18f2
```
#0d18f2 rgb(13,24,242)
```
#150df2
```
#150df2 rgb(21,13,242)
```
#280df2
```
#280df2 rgb(40,13,242)
```
#3b0df2
```
#3b0df2 rgb(59,13,242)
```

Similar Colors

Text with hexadecimal color #0d18f2

This text has a font color of #0d18f2.

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

#0d18f2 background color

This paragraph has a background color of #0d18f2.

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

#0d18f2 border color

This element has a border color of #0d18f2.

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

CSS codes

.text {color:#0d18f2;}

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

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

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

#010213
```
#010213 rgb(1,2,19)
```
#020425
```
#020425 rgb(2,4,37)
```
#030638
```
#030638 rgb(3,6,56)
```
#04074a
```
#04074a rgb(4,7,74)
```
#05095d
```
#05095d rgb(5,9,93)
```
#060b70
```
#060b70 rgb(6,11,112)
```
#070d82
```
#070d82 rgb(7,13,130)
```
#080f95
```
#080f95 rgb(8,15,149)
```
#0911a8
```
#0911a8 rgb(9,17,168)
```
#0a12ba
```
#0a12ba rgb(10,18,186)
```
#0b14cd
```
#0b14cd rgb(11,20,205)
```
#0c16df
```
#0c16df rgb(12,22,223)
```
#0d18f2
```
#0d18f2 rgb(13,24,242)
```

Shade Color Variation

#202af3
```
#202af3 rgb(32,42,243)
```
#323cf4
```
#323cf4 rgb(50,60,244)
```
#454df5
```
#454df5 rgb(69,77,245)
```
#575ff6
```
#575ff6 rgb(87,95,246)
```
#6a71f7
```
#6a71f7 rgb(106,113,247)
```
#7d83f8
```
#7d83f8 rgb(125,131,248)
```
#8f94f9
```
#8f94f9 rgb(143,148,249)
```
#a2a6fa
```
#a2a6fa rgb(162,166,250)
```
#b5b8fb
```
#b5b8fb rgb(181,184,251)
```
#c7cafc
```
#c7cafc rgb(199,202,252)
```
#dadbfd
```
#dadbfd rgb(218,219,253)
```
#ecedfe
```
#ecedfe rgb(236,237,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797a86 is the less saturated color, while #030ffc is the most saturated one.

#797a86
```
#797a86 rgb(121,122,134)
```
#6f7190
```
#6f7190 rgb(111,113,144)
```
#65689a
```
#65689a rgb(101,104,154)
```
#5b5fa4
```
#5b5fa4 rgb(91,95,164)
```
#5256ad
```
#5256ad rgb(82,86,173)
```
#484db7
```
#484db7 rgb(72,77,183)
```
#3e44c1
```
#3e44c1 rgb(62,68,193)
```
#343bcb
```
#343bcb rgb(52,59,203)
```
#2a33d5
```
#2a33d5 rgb(42,51,213)
```
#212ade
```
#212ade rgb(33,42,222)
```
#1721e8
```
#1721e8 rgb(23,33,232)
```
#0d18f2
```
#0d18f2 rgb(13,24,242)
```
#030ffc
```
#030ffc rgb(3,15,252)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#272a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#043dbd Protanomaly 1% of men, 0.01% of women
#0440af Deuteranomaly 6% of men, 0.4% of women
#044495 Tritanomaly 0.01% of the population

#0d18f2 hex color

#0d18f2 Color Information

#0d18f2 Color Conversion

Color Schemes with #0d18f2

Alternatives to #0d18f2

#0d18f2 Preview

Shades and Tints of #0d18f2

Tones of #0d18f2

Color Blindness Simulator