#0f5bdc hex color

In a RGB color space, hex #0f5bdc is composed of 5.9% red, 35.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 93.2% cyan, 58.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 217.8 degrees, a saturation of 87.2% and a lightness of 46.1%. #0f5bdc color hex could be obtained by blending #1eb6ff with #0000b9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 6
- G 36
- B 86
RGB color chart
- C 93
- M 59
- Y 0
- K 14
CMYK color chart

● #0f5bdc color description : Vivid blue.

The hexadecimal color #0f5bdc has RGB values of R:15, G:91, B:220 and CMYK values of C:0.93, M:0.59, Y:0, K:0.14. Its decimal value is 1006556.

Hex triplet	0f5bdc	`#0f5bdc`
RGB Decimal	15, 91, 220	`rgb(15,91,220)`
RGB Percent	5.9, 35.7, 86.3	`rgb(5.9%,35.7%,86.3%)`
CMYK	93, 59, 0, 14
HSL	217.8°, 87.2, 46.1	`hsl(217.8,87.2%,46.1%)`
HSV (or HSB)	217.8°, 93.2, 86.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.383, 29.249, -71.358
XYZ	16.854, 12.75, 69.279
xyY	0.17, 0.129, 12.75
CIE-LCH	42.383, 77.12, 292.288
CIE-LUV	42.383, -19.704, -106.043
Hunter-Lab	35.707, 21.766, -90.041
Binary	00001111, 01011011, 11011100

#0f5bdc
```
#0f5bdc rgb(15,91,220)
```
#dc900f
```
#dc900f rgb(220,144,15)
```

Complementary Color

#0fc2dc
```
#0fc2dc rgb(15,194,220)
```
#0f5bdc
```
#0f5bdc rgb(15,91,220)
```
#290fdc
```
#290fdc rgb(41,15,220)
```

Analogous Color

#c2dc0f
```
#c2dc0f rgb(194,220,15)
```
#0f5bdc
```
#0f5bdc rgb(15,91,220)
```
#dc2a0f
```
#dc2a0f rgb(220,42,15)
```

Split Complementary Color

#5bdc0f
```
#5bdc0f rgb(91,220,15)
```
#0f5bdc
```
#0f5bdc rgb(15,91,220)
```
#dc0f5b
```
#dc0f5b rgb(220,15,91)
```

Triadic Color

#0fdc90
```
#0fdc90 rgb(15,220,144)
```
#0f5bdc
```
#0f5bdc rgb(15,91,220)
```
#dc0f5b
```
#dc0f5b rgb(220,15,91)
```
#dc900f
```
#dc900f rgb(220,144,15)
```

Tetradic Color

#0a3d94
```
#0a3d94 rgb(10,61,148)
```
#0c47ac
```
#0c47ac rgb(12,71,172)
```
#0d51c4
```
#0d51c4 rgb(13,81,196)
```
#0f5bdc
```
#0f5bdc rgb(15,91,220)
```
#1566ef
```
#1566ef rgb(21,102,239)
```
#2d76f1
```
#2d76f1 rgb(45,118,241)
```
#4585f2
```
#4585f2 rgb(69,133,242)
```

Monochromatic Color

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

#0f8edc
```
#0f8edc rgb(15,142,220)
```
#0f7ddc
```
#0f7ddc rgb(15,125,220)
```
#0f6cdc
```
#0f6cdc rgb(15,108,220)
```
#0f5bdc
```
#0f5bdc rgb(15,91,220)
```
#0f4adc
```
#0f4adc rgb(15,74,220)
```
#0f39dc
```
#0f39dc rgb(15,57,220)
```
#0f28dc
```
#0f28dc rgb(15,40,220)
```

Similar Colors

Text with hexadecimal color #0f5bdc

This text has a font color of #0f5bdc.

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

#0f5bdc background color

This paragraph has a background color of #0f5bdc.

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

#0f5bdc border color

This element has a border color of #0f5bdc.

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

CSS codes

.text {color:#0f5bdc;}

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

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

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

#010712
```
#010712 rgb(1,7,18)
```
#020f24
```
#020f24 rgb(2,15,36)
```
#041737
```
#041737 rgb(4,23,55)
```
#051e49
```
#051e49 rgb(5,30,73)
```
#06265b
```
#06265b rgb(6,38,91)
```
#072d6e
```
#072d6e rgb(7,45,110)
```
#093580
```
#093580 rgb(9,53,128)
```
#0a3d93
```
#0a3d93 rgb(10,61,147)
```
#0b44a5
```
#0b44a5 rgb(11,68,165)
```
#0c4cb7
```
#0c4cb7 rgb(12,76,183)
```
#0e53ca
```
#0e53ca rgb(14,83,202)
```
#0f5bdc
```
#0f5bdc rgb(15,91,220)
```
#1063ee
```
#1063ee rgb(16,99,238)
```

Shade Color Variation

#226ff0
```
#226ff0 rgb(34,111,240)
```
#357bf1
```
#357bf1 rgb(53,123,241)
```
#4787f2
```
#4787f2 rgb(71,135,242)
```
#5993f4
```
#5993f4 rgb(89,147,244)
```
#6c9ff5
```
#6c9ff5 rgb(108,159,245)
```
#7eabf6
```
#7eabf6 rgb(126,171,246)
```
#90b7f7
```
#90b7f7 rgb(144,183,247)
```
#a3c3f9
```
#a3c3f9 rgb(163,195,249)
```
#b5cffa
```
#b5cffa rgb(181,207,250)
```
#c8dbfb
```
#c8dbfb rgb(200,219,251)
```
#dae7fc
```
#dae7fc rgb(218,231,252)
```
#ecf3fe
```
#ecf3fe rgb(236,243,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727579 is the less saturated color, while #0659e5 is the most saturated one.

#727579
```
#727579 rgb(114,117,121)
```
#697282
```
#697282 rgb(105,114,130)
```
#60708b
```
#60708b rgb(96,112,139)
```
#576e94
```
#576e94 rgb(87,110,148)
```
#4e6b9d
```
#4e6b9d rgb(78,107,157)
```
#4569a6
```
#4569a6 rgb(69,105,166)
```
#3c67af
```
#3c67af rgb(60,103,175)
```
#3364b8
```
#3364b8 rgb(51,100,184)
```
#2a62c1
```
#2a62c1 rgb(42,98,193)
```
#2160ca
```
#2160ca rgb(33,96,202)
```
#185dd3
```
#185dd3 rgb(24,93,211)
```
#0f5bdc
```
#0f5bdc rgb(15,91,220)
```
#0659e5
```
#0659e5 rgb(6,89,229)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#45556e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cd Protanopia 1% of men
#006eb2 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0563d2 Protanomaly 1% of men, 0.01% of women
#0567c1 Deuteranomaly 6% of men, 0.4% of women
#056c9f Tritanomaly 0.01% of the population

#0f5bdc hex color

#0f5bdc Color Information

#0f5bdc Color Conversion

Color Schemes with #0f5bdc

Alternatives to #0f5bdc

#0f5bdc Preview

Shades and Tints of #0f5bdc

Tones of #0f5bdc

Color Blindness Simulator