colorhexa.com

#0f4296 hex color

In a RGB color space, hex #0f4296 is composed of 5.9% red, 25.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 56% magenta, 0% yellow and 41.2% black. It has a hue angle of 217.3 degrees, a saturation of 81.8% and a lightness of 32.4%. #0f4296 color hex could be obtained by blending #1e84ff with #00002d. Closest websafe color is: #003399.

- R 6
- G 26
- B 59
RGB color chart
- C 90
- M 56
- Y 0
- K 41
CMYK color chart

● #0f4296 color description : Dark blue.

The hexadecimal color #0f4296 has RGB values of R:15, G:66, B:150 and CMYK values of C:0.9, M:0.56, Y:0, K:0.41. Its decimal value is 1000086.

Hex triplet	0f4296	`#0f4296`
RGB Decimal	15, 66, 150	`rgb(15,66,150)`
RGB Percent	5.9, 25.9, 58.8	`rgb(5.9%,25.9%,58.8%)`
CMYK	90, 56, 0, 41
HSL	217.3°, 81.8, 32.4	`hsl(217.3,81.8%,32.4%)`
HSV (or HSB)	217.3°, 90, 58.8
Web Safe	003399	`#003399`

CIE-LAB	29.91, 17.983, -50.473
XYZ	7.649, 6.199, 29.646
xyY	0.176, 0.143, 6.199
CIE-LCH	29.91, 53.581, 289.61
CIE-LUV	29.91, -14.172, -67.667
Hunter-Lab	24.899, 11.264, -53.166
Binary	00001111, 01000010, 10010110

#0f4296
```
#0f4296 rgb(15,66,150)
```
#96630f
```
#96630f rgb(150,99,15)
```

Complementary Color

#0f8696
```
#0f8696 rgb(15,134,150)
```
#0f4296
```
#0f4296 rgb(15,66,150)
```
#1f0f96
```
#1f0f96 rgb(31,15,150)
```

Analogous Color

#86960f
```
#86960f rgb(134,150,15)
```
#0f4296
```
#0f4296 rgb(15,66,150)
```
#961f0f
```
#961f0f rgb(150,31,15)
```

Split Complementary Color

#42960f
```
#42960f rgb(66,150,15)
```
#0f4296
```
#0f4296 rgb(15,66,150)
```
#960f42
```
#960f42 rgb(150,15,66)
```

Triadic Color

#082350
```
#082350 rgb(8,35,80)
```
#0a2e68
```
#0a2e68 rgb(10,46,104)
```
#0d387f
```
#0d387f rgb(13,56,127)
```
#0f4296
```
#0f4296 rgb(15,66,150)
```
#114cad
```
#114cad rgb(17,76,173)
```
#1456c4
```
#1456c4 rgb(20,86,196)
```
#1661dc
```
#1661dc rgb(22,97,220)
```

Monochromatic Color

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

#0f6496
```
#0f6496 rgb(15,100,150)
```
#0f5996
```
#0f5996 rgb(15,89,150)
```
#0f4d96
```
#0f4d96 rgb(15,77,150)
```
#0f4296
```
#0f4296 rgb(15,66,150)
```
#0f3796
```
#0f3796 rgb(15,55,150)
```
#0f2c96
```
#0f2c96 rgb(15,44,150)
```
#0f2096
```
#0f2096 rgb(15,32,150)
```

Similar Colors

Text with hexadecimal color #0f4296

This text has a font color of #0f4296.

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

#0f4296 background color

This paragraph has a background color of #0f4296.

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

#0f4296 border color

This element has a border color of #0f4296.

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

CSS codes

.text {color:#0f4296;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#030b19
```
#030b19 rgb(3,11,25)
```
#04132b
```
#04132b rgb(4,19,43)
```
#061b3d
```
#061b3d rgb(6,27,61)
```
#08234f
```
#08234f rgb(8,35,79)
```
#0a2a61
```
#0a2a61 rgb(10,42,97)
```
#0b3272
```
#0b3272 rgb(11,50,114)
```
#0d3a84
```
#0d3a84 rgb(13,58,132)
```
#0f4296
```
#0f4296 rgb(15,66,150)
```
#114aa8
```
#114aa8 rgb(17,74,168)
```
#1352ba
```
#1352ba rgb(19,82,186)
```
#145acb
```
#145acb rgb(20,90,203)
```
#1661dd
```
#1661dd rgb(22,97,221)
```

Shade Color Variation

#1f6be9
```
#1f6be9 rgb(31,107,233)
```
#3077ea
```
#3077ea rgb(48,119,234)
```
#4282ec
```
#4282ec rgb(66,130,236)
```
#548eee
```
#548eee rgb(84,142,238)
```
#669af0
```
#669af0 rgb(102,154,240)
```
#78a6f1
```
#78a6f1 rgb(120,166,241)
```
#8ab1f3
```
#8ab1f3 rgb(138,177,243)
```
#9bbdf5
```
#9bbdf5 rgb(155,189,245)
```
#adc9f7
```
#adc9f7 rgb(173,201,247)
```
#bfd5f9
```
#bfd5f9 rgb(191,213,249)
```
#d1e1fa
```
#d1e1fa rgb(209,225,250)
```
#e3ecfc
```
#e3ecfc rgb(227,236,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5257 is the less saturated color, while #023fa3 is the most saturated one.

#4e5257
```
#4e5257 rgb(78,82,87)
```
#48505d
```
#48505d rgb(72,80,93)
```
#424e63
```
#424e63 rgb(66,78,99)
```
#3b4d6a
```
#3b4d6a rgb(59,77,106)
```
#354b70
```
#354b70 rgb(53,75,112)
```
#2f4a76
```
#2f4a76 rgb(47,74,118)
```
#28487d
```
#28487d rgb(40,72,125)
```
#224783
```
#224783 rgb(34,71,131)
```
#1c4589
```
#1c4589 rgb(28,69,137)
```
#154490
```
#154490 rgb(21,68,144)
```
#0f4296
```
#0f4296 rgb(15,66,150)
```
#09409c
```
#09409c rgb(9,64,156)
```
#023fa3
```
#023fa3 rgb(2,63,163)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#333d4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d98 Protanopia 1% of men
#005185 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#054997 Protanomaly 1% of men, 0.01% of women
#054c8b Deuteranomaly 6% of men, 0.4% of women
#054f71 Tritanomaly 0.01% of the population