colorhexa.com

#0f5493 hex color

In a RGB color space, hex #0f5493 is composed of 5.9% red, 32.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 42.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 208.6 degrees, a saturation of 81.5% and a lightness of 31.8%. #0f5493 color hex could be obtained by blending #1ea8ff with #000027. Closest websafe color is: #006699.

- R 6
- G 33
- B 58
RGB color chart
- C 90
- M 43
- Y 0
- K 42
CMYK color chart

● #0f5493 color description : Dark blue.

The hexadecimal color #0f5493 has RGB values of R:15, G:84, B:147 and CMYK values of C:0.9, M:0.43, Y:0, K:0.42. Its decimal value is 1004691.

Hex triplet	0f5493	`#0f5493`
RGB Decimal	15, 84, 147	`rgb(15,84,147)`
RGB Percent	5.9, 32.9, 57.6	`rgb(5.9%,32.9%,57.6%)`
CMYK	90, 43, 0, 42
HSL	208.6°, 81.5, 31.8	`hsl(208.6,81.5%,31.8%)`
HSV (or HSB)	208.6°, 89.8, 57.6
Web Safe	006699	`#006699`

CIE-LAB	35.099, 4.497, -40.277
XYZ	8.633, 8.548, 28.797
xyY	0.188, 0.186, 8.548
CIE-LCH	35.099, 40.527, 276.371
CIE-LUV	35.099, -19.696, -56.455
Hunter-Lab	29.237, 1.539, -37.932
Binary	00001111, 01010100, 10010011

#0f5493
```
#0f5493 rgb(15,84,147)
```
#934e0f
```
#934e0f rgb(147,78,15)
```

Complementary Color

#0f9390
```
#0f9390 rgb(15,147,144)
```
#0f5493
```
#0f5493 rgb(15,84,147)
```
#0f1293
```
#0f1293 rgb(15,18,147)
```

Analogous Color

#93900f
```
#93900f rgb(147,144,15)
```
#0f5493
```
#0f5493 rgb(15,84,147)
```
#930f12
```
#930f12 rgb(147,15,18)
```

Split Complementary Color

#54930f
```
#54930f rgb(84,147,15)
```
#0f5493
```
#0f5493 rgb(15,84,147)
```
#930f54
```
#930f54 rgb(147,15,84)
```

Triadic Color

#082c4e
```
#082c4e rgb(8,44,78)
```
#0a3a65
```
#0a3a65 rgb(10,58,101)
```
#0d477c
```
#0d477c rgb(13,71,124)
```
#0f5493
```
#0f5493 rgb(15,84,147)
```
#1161aa
```
#1161aa rgb(17,97,170)
```
#146ec1
```
#146ec1 rgb(20,110,193)
```
#167cd8
```
#167cd8 rgb(22,124,216)
```

Monochromatic Color

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

#0f7593
```
#0f7593 rgb(15,117,147)
```
#0f6a93
```
#0f6a93 rgb(15,106,147)
```
#0f5f93
```
#0f5f93 rgb(15,95,147)
```
#0f5493
```
#0f5493 rgb(15,84,147)
```
#0f4993
```
#0f4993 rgb(15,73,147)
```
#0f3e93
```
#0f3e93 rgb(15,62,147)
```
#0f3393
```
#0f3393 rgb(15,51,147)
```

Similar Colors

Text with hexadecimal color #0f5493

This text has a font color of #0f5493.

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

#0f5493 background color

This paragraph has a background color of #0f5493.

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

#0f5493 border color

This element has a border color of #0f5493.

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

CSS codes

.text {color:#0f5493;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#020d16
```
#020d16 rgb(2,13,22)
```
#041728
```
#041728 rgb(4,23,40)
```
#06213a
```
#06213a rgb(6,33,58)
```
#082b4c
```
#082b4c rgb(8,43,76)
```
#0a355e
```
#0a355e rgb(10,53,94)
```
#0b406f
```
#0b406f rgb(11,64,111)
```
#0d4a81
```
#0d4a81 rgb(13,74,129)
```
#0f5493
```
#0f5493 rgb(15,84,147)
```
#115ea5
```
#115ea5 rgb(17,94,165)
```
#1368b7
```
#1368b7 rgb(19,104,183)
```
#1473c8
```
#1473c8 rgb(20,115,200)
```
#167dda
```
#167dda rgb(22,125,218)
```

Shade Color Variation

#1c87e8
```
#1c87e8 rgb(28,135,232)
```
#2e90ea
```
#2e90ea rgb(46,144,234)
```
#409aeb
```
#409aeb rgb(64,154,235)
```
#52a3ed
```
#52a3ed rgb(82,163,237)
```
#63acef
```
#63acef rgb(99,172,239)
```
#75b6f1
```
#75b6f1 rgb(117,182,241)
```
#87bff3
```
#87bff3 rgb(135,191,243)
```
#99c9f5
```
#99c9f5 rgb(153,201,245)
```
#abd2f6
```
#abd2f6 rgb(171,210,246)
```
#bcdcf8
```
#bcdcf8 rgb(188,220,248)
```
#cee5fa
```
#cee5fa rgb(206,229,250)
```
#e0effc
```
#e0effc rgb(224,239,252)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

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

#4d5155
```
#4d5155 rgb(77,81,85)
```
#47515b
```
#47515b rgb(71,81,91)
```
#415261
```
#415261 rgb(65,82,97)
```
#3b5267
```
#3b5267 rgb(59,82,103)
```
#34526e
```
#34526e rgb(52,82,110)
```
#2e5374
```
#2e5374 rgb(46,83,116)
```
#28537a
```
#28537a rgb(40,83,122)
```
#225380
```
#225380 rgb(34,83,128)
```
#1b5387
```
#1b5387 rgb(27,83,135)
```
#15548d
```
#15548d rgb(21,84,141)
```
#0f5493
```
#0f5493 rgb(15,84,147)
```
#095499
```
#095499 rgb(9,84,153)
```
#03559f
```
#03559f rgb(3,85,159)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3c4a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e5995 Protanopia 1% of men
#1d5c98 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#2d5794 Protanomaly 1% of men, 0.01% of women
#185996 Deuteranomaly 6% of men, 0.4% of women
#055e79 Tritanomaly 0.01% of the population