#0f45b4 hex color

In a RGB color space, hex #0f45b4 is composed of 5.9% red, 27.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 61.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 220.4 degrees, a saturation of 84.6% and a lightness of 38.2%. #0f45b4 color hex could be obtained by blending #1e8aff with #000069. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 6
- G 27
- B 71
RGB color chart
- C 92
- M 62
- Y 0
- K 29
CMYK color chart

● #0f45b4 color description : Strong blue.

The hexadecimal color #0f45b4 has RGB values of R:15, G:69, B:180 and CMYK values of C:0.92, M:0.62, Y:0, K:0.29. Its decimal value is 1000884.

Hex triplet	0f45b4	`#0f45b4`
RGB Decimal	15, 69, 180	`rgb(15,69,180)`
RGB Percent	5.9, 27.1, 70.6	`rgb(5.9%,27.1%,70.6%)`
CMYK	92, 62, 0, 29
HSL	220.4°, 84.6, 38.2	`hsl(220.4,84.6%,38.2%)`
HSV (or HSB)	220.4°, 91.7, 70.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	33.248, 28.106, -63.063
XYZ	10.562, 7.652, 44.098
xyY	0.169, 0.123, 7.652
CIE-LCH	33.248, 69.043, 294.022
CIE-LUV	33.248, -14.637, -86.887
Hunter-Lab	27.663, 19.742, -75.152
Binary	00001111, 01000101, 10110100

#0f45b4
```
#0f45b4 rgb(15,69,180)
```
#b47e0f
```
#b47e0f rgb(180,126,15)
```

Complementary Color

#0f98b4
```
#0f98b4 rgb(15,152,180)
```
#0f45b4
```
#0f45b4 rgb(15,69,180)
```
#2c0fb4
```
#2c0fb4 rgb(44,15,180)
```

Analogous Color

#98b40f
```
#98b40f rgb(152,180,15)
```
#0f45b4
```
#0f45b4 rgb(15,69,180)
```
#b42c0f
```
#b42c0f rgb(180,44,15)
```

Split Complementary Color

#45b40f
```
#45b40f rgb(69,180,15)
```
#0f45b4
```
#0f45b4 rgb(15,69,180)
```
#b40f45
```
#b40f45 rgb(180,15,69)
```

Triadic Color

#0fb47e
```
#0fb47e rgb(15,180,126)
```
#0f45b4
```
#0f45b4 rgb(15,69,180)
```
#b40f45
```
#b40f45 rgb(180,15,69)
```
#b47e0f
```
#b47e0f rgb(180,126,15)
```

Tetradic Color

#092a6d
```
#092a6d rgb(9,42,109)
```
#0b3385
```
#0b3385 rgb(11,51,133)
```
#0d3c9c
```
#0d3c9c rgb(13,60,156)
```
#0f45b4
```
#0f45b4 rgb(15,69,180)
```
#114ecc
```
#114ecc rgb(17,78,204)
```
#1357e3
```
#1357e3 rgb(19,87,227)
```
#2365ed
```
#2365ed rgb(35,101,237)
```

Monochromatic Color

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

#0f6eb4
```
#0f6eb4 rgb(15,110,180)
```
#0f61b4
```
#0f61b4 rgb(15,97,180)
```
#0f53b4
```
#0f53b4 rgb(15,83,180)
```
#0f45b4
```
#0f45b4 rgb(15,69,180)
```
#0f37b4
```
#0f37b4 rgb(15,55,180)
```
#0f29b4
```
#0f29b4 rgb(15,41,180)
```
#0f1cb4
```
#0f1cb4 rgb(15,28,180)
```

Similar Colors

Text with hexadecimal color #0f45b4

This text has a font color of #0f45b4.

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

#0f45b4 background color

This paragraph has a background color of #0f45b4.

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

#0f45b4 border color

This element has a border color of #0f45b4.

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

CSS codes

.text {color:#0f45b4;}

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

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

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

#010711
```
#010711 rgb(1,7,17)
```
#030d23
```
#030d23 rgb(3,13,35)
```
#041435
```
#041435 rgb(4,20,53)
```
#061b47
```
#061b47 rgb(6,27,71)
```
#072259
```
#072259 rgb(7,34,89)
```
#09296c
```
#09296c rgb(9,41,108)
```
#0a307e
```
#0a307e rgb(10,48,126)
```
#0c3790
```
#0c3790 rgb(12,55,144)
```
#0d3ea2
```
#0d3ea2 rgb(13,62,162)
```
#0f45b4
```
#0f45b4 rgb(15,69,180)
```
#114cc6
```
#114cc6 rgb(17,76,198)
```
#1253d8
```
#1253d8 rgb(18,83,216)
```
#145aea
```
#145aea rgb(20,90,234)
```

Shade Color Variation

#2566ed
```
#2566ed rgb(37,102,237)
```
#3773ee
```
#3773ee rgb(55,115,238)
```
#4980f0
```
#4980f0 rgb(73,128,240)
```
#5b8cf1
```
#5b8cf1 rgb(91,140,241)
```
#6d99f3
```
#6d99f3 rgb(109,153,243)
```
#7fa6f4
```
#7fa6f4 rgb(127,166,244)
```
#91b2f6
```
#91b2f6 rgb(145,178,246)
```
#a3bff7
```
#a3bff7 rgb(163,191,247)
```
#b6ccf9
```
#b6ccf9 rgb(182,204,249)
```
#c8d8fa
```
#c8d8fa rgb(200,216,250)
```
#dae5fc
```
#dae5fc rgb(218,229,252)
```
#ecf2fd
```
#ecf2fd rgb(236,242,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5f69 is the less saturated color, while #0040c3 is the most saturated one.

#5a5f69
```
#5a5f69 rgb(90,95,105)
```
#535c71
```
#535c71 rgb(83,92,113)
```
#4b5a78
```
#4b5a78 rgb(75,90,120)
```
#445780
```
#445780 rgb(68,87,128)
```
#3c5587
```
#3c5587 rgb(60,85,135)
```
#35528f
```
#35528f rgb(53,82,143)
```
#2d4f96
```
#2d4f96 rgb(45,79,150)
```
#264d9e
```
#264d9e rgb(38,77,158)
```
#1e4aa5
```
#1e4aa5 rgb(30,74,165)
```
#1748ad
```
#1748ad rgb(23,72,173)
```
#0f45b4
```
#0f45b4 rgb(15,69,180)
```
#0842bc
```
#0842bc rgb(8,66,188)
```
#0040c3
```
#0040c3 rgb(0,64,195)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#384359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005990 Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#054faa Protanomaly 1% of men, 0.01% of women
#05529d Deuteranomaly 6% of men, 0.4% of women
#055681 Tritanomaly 0.01% of the population

#0f45b4 hex color

#0f45b4 Color Information

#0f45b4 Color Conversion

Color Schemes with #0f45b4

Alternatives to #0f45b4

#0f45b4 Preview

Shades and Tints of #0f45b4

Tones of #0f45b4

Color Blindness Simulator