colorhexa.com

#0f45c4 hex color

In a RGB color space, hex #0f45c4 is composed of 5.9% red, 27.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 92.3% cyan, 64.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 222.1 degrees, a saturation of 85.8% and a lightness of 41.4%. #0f45c4 color hex could be obtained by blending #1e8aff with #000089. Closest websafe color is: #0033cc.

- R 6
- G 27
- B 77
RGB color chart
- C 92
- M 65
- Y 0
- K 23
CMYK color chart

● #0f45c4 color description : Strong blue.

The hexadecimal color #0f45c4 has RGB values of R:15, G:69, B:196 and CMYK values of C:0.92, M:0.65, Y:0, K:0.23. Its decimal value is 1000900.

Hex triplet	0f45c4	`#0f45c4`
RGB Decimal	15, 69, 196	`rgb(15,69,196)`
RGB Percent	5.9, 27.1, 76.9	`rgb(5.9%,27.1%,76.9%)`
CMYK	92, 65, 0, 23
HSL	222.1°, 85.8, 41.4	`hsl(222.1,85.8%,41.4%)`
HSV (or HSB)	222.1°, 92.3, 76.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.686, 34.342, -70.119
XYZ	12.287, 8.342, 53.184
xyY	0.166, 0.113, 8.342
CIE-LCH	34.686, 78.077, 296.094
CIE-LUV	34.686, -14.585, -97.18
Hunter-Lab	28.883, 25.388, -88.956
Binary	00001111, 01000101, 11000100

#0f45c4
```
#0f45c4 rgb(15,69,196)
```
#c48e0f
```
#c48e0f rgb(196,142,15)
```

Complementary Color

#0fa0c4
```
#0fa0c4 rgb(15,160,196)
```
#0f45c4
```
#0f45c4 rgb(15,69,196)
```
#330fc4
```
#330fc4 rgb(51,15,196)
```

Analogous Color

#a0c40f
```
#a0c40f rgb(160,196,15)
```
#0f45c4
```
#0f45c4 rgb(15,69,196)
```
#c4330f
```
#c4330f rgb(196,51,15)
```

Split Complementary Color

#45c40f
```
#45c40f rgb(69,196,15)
```
#0f45c4
```
#0f45c4 rgb(15,69,196)
```
#c40f45
```
#c40f45 rgb(196,15,69)
```

Triadic Color

#0fc48e
```
#0fc48e rgb(15,196,142)
```
#0f45c4
```
#0f45c4 rgb(15,69,196)
```
#c40f45
```
#c40f45 rgb(196,15,69)
```
#c48e0f
```
#c48e0f rgb(196,142,15)
```

Tetradic Color

#0a2c7d
```
#0a2c7d rgb(10,44,125)
```
#0b3495
```
#0b3495 rgb(11,52,149)
```
#0d3dac
```
#0d3dac rgb(13,61,172)
```
#0f45c4
```
#0f45c4 rgb(15,69,196)
```
#114ddc
```
#114ddc rgb(17,77,220)
```
#1958ed
```
#1958ed rgb(25,88,237)
```
#3069ef
```
#3069ef rgb(48,105,239)
```

Monochromatic Color

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

#0f72c4
```
#0f72c4 rgb(15,114,196)
```
#0f63c4
```
#0f63c4 rgb(15,99,196)
```
#0f54c4
```
#0f54c4 rgb(15,84,196)
```
#0f45c4
```
#0f45c4 rgb(15,69,196)
```
#0f36c4
```
#0f36c4 rgb(15,54,196)
```
#0f27c4
```
#0f27c4 rgb(15,39,196)
```
#0f18c4
```
#0f18c4 rgb(15,24,196)
```

Similar Colors

Text with hexadecimal color #0f45c4

This text has a font color of #0f45c4.

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

#0f45c4 background color

This paragraph has a background color of #0f45c4.

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

#0f45c4 border color

This element has a border color of #0f45c4.

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

CSS codes

.text {color:#0f45c4;}

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

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

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, #01050e is the darkest color, while #fbfcff is the lightest one.

#01050e
```
#01050e rgb(1,5,14)
```
#020b20
```
#020b20 rgb(2,11,32)
```
#041232
```
#041232 rgb(4,18,50)
```
#051844
```
#051844 rgb(5,24,68)
```
#071f57
```
#071f57 rgb(7,31,87)
```
#082569
```
#082569 rgb(8,37,105)
```
#092b7b
```
#092b7b rgb(9,43,123)
```
#0b328d
```
#0b328d rgb(11,50,141)
```
#0c38a0
```
#0c38a0 rgb(12,56,160)
```
#0e3fb2
```
#0e3fb2 rgb(14,63,178)
```
#0f45c4
```
#0f45c4 rgb(15,69,196)
```
#104bd6
```
#104bd6 rgb(16,75,214)
```
#1252e8
```
#1252e8 rgb(18,82,232)
```

Shade Color Variation

#205dee
```
#205dee rgb(32,93,238)
```
#326bef
```
#326bef rgb(50,107,239)
```
#4478f1
```
#4478f1 rgb(68,120,241)
```
#5785f2
```
#5785f2 rgb(87,133,242)
```
#6992f4
```
#6992f4 rgb(105,146,244)
```
#7b9ff5
```
#7b9ff5 rgb(123,159,245)
```
#8dadf6
```
#8dadf6 rgb(141,173,246)
```
#9fbaf8
```
#9fbaf8 rgb(159,186,248)
```
#b2c7f9
```
#b2c7f9 rgb(178,199,249)
```
#c4d4fa
```
#c4d4fa rgb(196,212,250)
```
#d6e1fc
```
#d6e1fc rgb(214,225,252)
```
#e8effd
```
#e8effd rgb(232,239,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68696b is the less saturated color, while #0742cc is the most saturated one.

#68696b
```
#68696b rgb(104,105,107)
```
#606673
```
#606673 rgb(96,102,115)
```
#58627b
```
#58627b rgb(88,98,123)
```
#505f83
```
#505f83 rgb(80,95,131)
```
#485c8b
```
#485c8b rgb(72,92,139)
```
#405993
```
#405993 rgb(64,89,147)
```
#38559b
```
#38559b rgb(56,85,155)
```
#2f52a4
```
#2f52a4 rgb(47,82,164)
```
#274fac
```
#274fac rgb(39,79,172)
```
#1f4cb4
```
#1f4cb4 rgb(31,76,180)
```
#1748bc
```
#1748bc rgb(23,72,188)
```
#0f45c4
```
#0f45c4 rgb(15,69,196)
```
#0742cc
```
#0742cc rgb(7,66,204)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#39435d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0551b4 Protanomaly 1% of men, 0.01% of women
#0554a6 Deuteranomaly 6% of men, 0.4% of women
#055889 Tritanomaly 0.01% of the population