#0f56e5 hex color

In a RGB color space, hex #0f56e5 is composed of 5.9% red, 33.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 93.4% cyan, 62.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 220.1 degrees, a saturation of 87.7% and a lightness of 47.8%. #0f56e5 color hex could be obtained by blending #1eacff with #0000cb. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 6
- G 34
- B 90
RGB color chart
- C 93
- M 62
- Y 0
- K 10
CMYK color chart

● #0f56e5 color description : Vivid blue.

The hexadecimal color #0f56e5 has RGB values of R:15, G:86, B:229 and CMYK values of C:0.93, M:0.62, Y:0, K:0.1. Its decimal value is 1005285.

Hex triplet	0f56e5	`#0f56e5`
RGB Decimal	15, 86, 229	`rgb(15,86,229)`
RGB Percent	5.9, 33.7, 89.8	`rgb(5.9%,33.7%,89.8%)`
CMYK	93, 62, 0, 10
HSL	220.1°, 87.7, 47.8	`hsl(220.1,87.7%,47.8%)`
HSV (or HSB)	220.1°, 93.4, 89.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.865, 35.92, -77.324
XYZ	17.665, 12.413, 75.589
xyY	0.167, 0.117, 12.413
CIE-LCH	41.865, 85.26, 294.917
CIE-LUV	41.865, -18.371, -113.698
Hunter-Lab	35.232, 27.841, -102.544
Binary	00001111, 01010110, 11100101

#0f56e5
```
#0f56e5 rgb(15,86,229)
```
#e59e0f
```
#e59e0f rgb(229,158,15)
```

Complementary Color

#0fc1e5
```
#0fc1e5 rgb(15,193,229)
```
#0f56e5
```
#0f56e5 rgb(15,86,229)
```
#330fe5
```
#330fe5 rgb(51,15,229)
```

Analogous Color

#c1e50f
```
#c1e50f rgb(193,229,15)
```
#0f56e5
```
#0f56e5 rgb(15,86,229)
```
#e5330f
```
#e5330f rgb(229,51,15)
```

Split Complementary Color

#56e50f
```
#56e50f rgb(86,229,15)
```
#0f56e5
```
#0f56e5 rgb(15,86,229)
```
#e50f56
```
#e50f56 rgb(229,15,86)
```

Triadic Color

#0fe59e
```
#0fe59e rgb(15,229,158)
```
#0f56e5
```
#0f56e5 rgb(15,86,229)
```
#e50f56
```
#e50f56 rgb(229,15,86)
```
#e59e0f
```
#e59e0f rgb(229,158,15)
```

Tetradic Color

#0a3b9d
```
#0a3b9d rgb(10,59,157)
```
#0c44b5
```
#0c44b5 rgb(12,68,181)
```
#0d4dcd
```
#0d4dcd rgb(13,77,205)
```
#0f56e5
```
#0f56e5 rgb(15,86,229)
```
#1d63f0
```
#1d63f0 rgb(29,99,240)
```
#3574f2
```
#3574f2 rgb(53,116,242)
```
#4d84f3
```
#4d84f3 rgb(77,132,243)
```

Monochromatic Color

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

#0f8ce5
```
#0f8ce5 rgb(15,140,229)
```
#0f7ae5
```
#0f7ae5 rgb(15,122,229)
```
#0f68e5
```
#0f68e5 rgb(15,104,229)
```
#0f56e5
```
#0f56e5 rgb(15,86,229)
```
#0f44e5
```
#0f44e5 rgb(15,68,229)
```
#0f32e5
```
#0f32e5 rgb(15,50,229)
```
#0f20e5
```
#0f20e5 rgb(15,32,229)
```

Similar Colors

Text with hexadecimal color #0f56e5

This text has a font color of #0f56e5.

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

#0f56e5 background color

This paragraph has a background color of #0f56e5.

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

#0f56e5 border color

This element has a border color of #0f56e5.

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

CSS codes

.text {color:#0f56e5;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#020a1a
```
#020a1a rgb(2,10,26)
```
#03112d
```
#03112d rgb(3,17,45)
```
#04183f
```
#04183f rgb(4,24,63)
```
#051f52
```
#051f52 rgb(5,31,82)
```
#072664
```
#072664 rgb(7,38,100)
```
#082d77
```
#082d77 rgb(8,45,119)
```
#093389
```
#093389 rgb(9,51,137)
```
#0a3a9b
```
#0a3a9b rgb(10,58,155)
```
#0b41ae
```
#0b41ae rgb(11,65,174)
```
#0d48c0
```
#0d48c0 rgb(13,72,192)
```
#0e4fd3
```
#0e4fd3 rgb(14,79,211)
```
#0f56e5
```
#0f56e5 rgb(15,86,229)
```

Shade Color Variation

#185ff0
```
#185ff0 rgb(24,95,240)
```
#2a6cf1
```
#2a6cf1 rgb(42,108,241)
```
#3d79f2
```
#3d79f2 rgb(61,121,242)
```
#4f86f3
```
#4f86f3 rgb(79,134,243)
```
#6192f5
```
#6192f5 rgb(97,146,245)
```
#749ff6
```
#749ff6 rgb(116,159,246)
```
#86acf7
```
#86acf7 rgb(134,172,247)
```
#99b8f8
```
#99b8f8 rgb(153,184,248)
```
#abc5fa
```
#abc5fa rgb(171,197,250)
```
#bdd2fb
```
#bdd2fb rgb(189,210,251)
```
#d0defc
```
#d0defc rgb(208,222,252)
```
#e2ebfd
```
#e2ebfd rgb(226,235,253)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76797e is the less saturated color, while #0653ee is the most saturated one.

#76797e
```
#76797e rgb(118,121,126)
```
#6d7687
```
#6d7687 rgb(109,118,135)
```
#637291
```
#637291 rgb(99,114,145)
```
#5a6f9a
```
#5a6f9a rgb(90,111,154)
```
#516ca3
```
#516ca3 rgb(81,108,163)
```
#4769ad
```
#4769ad rgb(71,105,173)
```
#3e66b6
```
#3e66b6 rgb(62,102,182)
```
#3563bf
```
#3563bf rgb(53,99,191)
```
#2b5fc9
```
#2b5fc9 rgb(43,95,201)
```
#225cd2
```
#225cd2 rgb(34,92,210)
```
#1859dc
```
#1859dc rgb(24,89,220)
```
#0f56e5
```
#0f56e5 rgb(15,86,229)
```
#0653ee
```
#0653ee rgb(6,83,238)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#44526f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0561d4 Protanomaly 1% of men, 0.01% of women
#0565c3 Deuteranomaly 6% of men, 0.4% of women
#056aa1 Tritanomaly 0.01% of the population

#0f56e5 hex color

#0f56e5 Color Information

#0f56e5 Color Conversion

Color Schemes with #0f56e5

Alternatives to #0f56e5

#0f56e5 Preview

Shades and Tints of #0f56e5

Tones of #0f56e5

Color Blindness Simulator