colorhexa.com

#0f5d8a hex color

In a RGB color space, hex #0f5d8a is composed of 5.9% red, 36.5% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 32.6% magenta, 0% yellow and 45.9% black. It has a hue angle of 202 degrees, a saturation of 80.4% and a lightness of 30%. #0f5d8a color hex could be obtained by blending #1ebaff with #000015. Closest websafe color is: #006699.

- R 6
- G 36
- B 54
RGB color chart
- C 89
- M 33
- Y 0
- K 46
CMYK color chart

● #0f5d8a color description : Dark blue.

The hexadecimal color #0f5d8a has RGB values of R:15, G:93, B:138 and CMYK values of C:0.89, M:0.33, Y:0, K:0.46. Its decimal value is 1006986.

Hex triplet	0f5d8a	`#0f5d8a`
RGB Decimal	15, 93, 138	`rgb(15,93,138)`
RGB Percent	5.9, 36.5, 54.1	`rgb(5.9%,36.5%,54.1%)`
CMYK	89, 33, 0, 46
HSL	202°, 80.4, 30	`hsl(202,80.4%,30%)`
HSV (or HSB)	202°, 89.1, 54.1
Web Safe	006699	`#006699`

CIE-LAB	37.416, -4.927, -31.133
XYZ	8.698, 9.764, 25.47
xyY	0.198, 0.222, 9.764
CIE-LCH	37.416, 31.521, 261.007
CIE-LUV	37.416, -23.155, -43.215
Hunter-Lab	31.248, -5, -26.452
Binary	00001111, 01011101, 10001010

#0f5d8a
```
#0f5d8a rgb(15,93,138)
```
#8a3c0f
```
#8a3c0f rgb(138,60,15)
```

Complementary Color

#0f8a7a
```
#0f8a7a rgb(15,138,122)
```
#0f5d8a
```
#0f5d8a rgb(15,93,138)
```
#0f208a
```
#0f208a rgb(15,32,138)
```

Analogous Color

#8a7a0f
```
#8a7a0f rgb(138,122,15)
```
#0f5d8a
```
#0f5d8a rgb(15,93,138)
```
#8a0f1f
```
#8a0f1f rgb(138,15,31)
```

Split Complementary Color

#5d8a0f
```
#5d8a0f rgb(93,138,15)
```
#0f5d8a
```
#0f5d8a rgb(15,93,138)
```
#8a0f5d
```
#8a0f5d rgb(138,15,93)
```

Triadic Color

#082f45
```
#082f45 rgb(8,47,69)
```
#0a3e5c
```
#0a3e5c rgb(10,62,92)
```
#0d4e73
```
#0d4e73 rgb(13,78,115)
```
#0f5d8a
```
#0f5d8a rgb(15,93,138)
```
#126da1
```
#126da1 rgb(18,109,161)
```
#147cb8
```
#147cb8 rgb(20,124,184)
```
#178ccf
```
#178ccf rgb(23,140,207)
```

Monochromatic Color

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

#0f7c8a
```
#0f7c8a rgb(15,124,138)
```
#0f728a
```
#0f728a rgb(15,114,138)
```
#0f678a
```
#0f678a rgb(15,103,138)
```
#0f5d8a
```
#0f5d8a rgb(15,93,138)
```
#0f538a
```
#0f538a rgb(15,83,138)
```
#0f488a
```
#0f488a rgb(15,72,138)
```
#0f3e8a
```
#0f3e8a rgb(15,62,138)
```

Similar Colors

Text with hexadecimal color #0f5d8a

This text has a font color of #0f5d8a.

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

#0f5d8a background color

This paragraph has a background color of #0f5d8a.

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

#0f5d8a border color

This element has a border color of #0f5d8a.

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

CSS codes

.text {color:#0f5d8a;}

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

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

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, #020a0e is the darkest color, while #fbfdff is the lightest one.

#020a0e
```
#020a0e rgb(2,10,14)
```
#031520
```
#031520 rgb(3,21,32)
```
#052132
```
#052132 rgb(5,33,50)
```
#072d43
```
#072d43 rgb(7,45,67)
```
#093955
```
#093955 rgb(9,57,85)
```
#0b4567
```
#0b4567 rgb(11,69,103)
```
#0d5178
```
#0d5178 rgb(13,81,120)
```
#0f5d8a
```
#0f5d8a rgb(15,93,138)
```
#11699c
```
#11699c rgb(17,105,156)
```
#1375ad
```
#1375ad rgb(19,117,173)
```
#1581bf
```
#1581bf rgb(21,129,191)
```
#178dd1
```
#178dd1 rgb(23,141,209)
```
#1999e2
```
#1999e2 rgb(25,153,226)
```

Shade Color Variation

#27a1e8
```
#27a1e8 rgb(39,161,232)
```
#39a9e9
```
#39a9e9 rgb(57,169,233)
```
#4bb1eb
```
#4bb1eb rgb(75,177,235)
```
#5cb8ed
```
#5cb8ed rgb(92,184,237)
```
#6ec0ef
```
#6ec0ef rgb(110,192,239)
```
#80c8f1
```
#80c8f1 rgb(128,200,241)
```
#91cff3
```
#91cff3 rgb(145,207,243)
```
#a3d7f5
```
#a3d7f5 rgb(163,215,245)
```
#b5dff7
```
#b5dff7 rgb(181,223,247)
```
#c6e6f9
```
#c6e6f9 rgb(198,230,249)
```
#d8eefb
```
#d8eefb rgb(216,238,251)
```
#eaf6fd
```
#eaf6fd rgb(234,246,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#4a4d4f
```
#4a4d4f rgb(74,77,79)
```
#444f55
```
#444f55 rgb(68,79,85)
```
#3e505b
```
#3e505b rgb(62,80,91)
```
#385261
```
#385261 rgb(56,82,97)
```
#325467
```
#325467 rgb(50,84,103)
```
#2c556d
```
#2c556d rgb(44,85,109)
```
#275772
```
#275772 rgb(39,87,114)
```
#215878
```
#215878 rgb(33,88,120)
```
#1b5a7e
```
#1b5a7e rgb(27,90,126)
```
#155b84
```
#155b84 rgb(21,91,132)
```
#0f5d8a
```
#0f5d8a rgb(15,93,138)
```
#095f90
```
#095f90 rgb(9,95,144)
```
#036096
```
#036096 rgb(3,96,150)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3f4f58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505f8b Protanopia 1% of men
#436092 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#385e8a Protanomaly 1% of men, 0.01% of women
#305f8f Deuteranomaly 6% of men, 0.4% of women
#05657a Tritanomaly 0.01% of the population