colorhexa.com

#0f3c54 hex color

In a RGB color space, hex #0f3c54 is composed of 5.9% red, 23.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 28.6% magenta, 0% yellow and 67.1% black. It has a hue angle of 200.9 degrees, a saturation of 69.7% and a lightness of 19.4%. #0f3c54 color hex could be obtained by blending #1e78a8 with #000000. Closest websafe color is: #003366.

- R 6
- G 24
- B 33
RGB color chart
- C 82
- M 29
- Y 0
- K 67
CMYK color chart

● #0f3c54 color description : Very dark blue.

The hexadecimal color #0f3c54 has RGB values of R:15, G:60, B:84 and CMYK values of C:0.82, M:0.29, Y:0, K:0.67. Its decimal value is 998484.

Hex triplet	0f3c54	`#0f3c54`
RGB Decimal	15, 60, 84	`rgb(15,60,84)`
RGB Percent	5.9, 23.5, 32.9	`rgb(5.9%,23.5%,32.9%)`
CMYK	82, 29, 0, 67
HSL	200.9°, 69.7, 19.4	`hsl(200.9,69.7%,19.4%)`
HSV (or HSB)	200.9°, 82.1, 32.9
Web Safe	003366	`#003366`

CIE-LAB	23.582, -5.662, -18.792
XYZ	3.413, 3.973, 8.974
xyY	0.209, 0.243, 3.973
CIE-LCH	23.582, 19.627, 253.234
CIE-LUV	23.582, -14.117, -21.682
Hunter-Lab	19.933, -4.321, -12.741
Binary	00001111, 00111100, 01010100

#0f3c54
```
#0f3c54 rgb(15,60,84)
```
#54270f
```
#54270f rgb(84,39,15)
```

Complementary Color

#0f544a
```
#0f544a rgb(15,84,74)
```
#0f3c54
```
#0f3c54 rgb(15,60,84)
```
#0f1a54
```
#0f1a54 rgb(15,26,84)
```

Analogous Color

#544a0f
```
#544a0f rgb(84,74,15)
```
#0f3c54
```
#0f3c54 rgb(15,60,84)
```
#540f1a
```
#540f1a rgb(84,15,26)
```

Split Complementary Color

#030e13
```
#030e13 rgb(3,14,19)
```
#071d29
```
#071d29 rgb(7,29,41)
```
#0b2d3e
```
#0b2d3e rgb(11,45,62)
```
#0f3c54
```
#0f3c54 rgb(15,60,84)
```
#134b6a
```
#134b6a rgb(19,75,106)
```
#175b7f
```
#175b7f rgb(23,91,127)
```
#1b6a95
```
#1b6a95 rgb(27,106,149)
```

Monochromatic Color

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

#0f4d54
```
#0f4d54 rgb(15,77,84)
```
#0f4854
```
#0f4854 rgb(15,72,84)
```
#0f4254
```
#0f4254 rgb(15,66,84)
```
#0f3c54
```
#0f3c54 rgb(15,60,84)
```
#0f3654
```
#0f3654 rgb(15,54,84)
```
#0f3154
```
#0f3154 rgb(15,49,84)
```
#0f2b54
```
#0f2b54 rgb(15,43,84)
```

Similar Colors

Text with hexadecimal color #0f3c54

This text has a font color of #0f3c54.

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

#0f3c54 background color

This paragraph has a background color of #0f3c54.

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

#0f3c54 border color

This element has a border color of #0f3c54.

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

CSS codes

.text {color:#0f3c54;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030c11
```
#030c11 rgb(3,12,17)
```
#061822
```
#061822 rgb(6,24,34)
```
#092433
```
#092433 rgb(9,36,51)
```
#0c3043
```
#0c3043 rgb(12,48,67)
```
#0f3c54
```
#0f3c54 rgb(15,60,84)
```
#124865
```
#124865 rgb(18,72,101)
```
#155475
```
#155475 rgb(21,84,117)
```
#186086
```
#186086 rgb(24,96,134)
```
#1b6c97
```
#1b6c97 rgb(27,108,151)
```
#1e77a7
```
#1e77a7 rgb(30,119,167)
```
#2183b8
```
#2183b8 rgb(33,131,184)
```
#248fc9
```
#248fc9 rgb(36,143,201)
```

Shade Color Variation

#279bd9
```
#279bd9 rgb(39,155,217)
```
#38a3db
```
#38a3db rgb(56,163,219)
```
#49aade
```
#49aade rgb(73,170,222)
```
#59b2e1
```
#59b2e1 rgb(89,178,225)
```
#6abae4
```
#6abae4 rgb(106,186,228)
```
#7bc2e7
```
#7bc2e7 rgb(123,194,231)
```
#8bc9ea
```
#8bc9ea rgb(139,201,234)
```
#9cd1ed
```
#9cd1ed rgb(156,209,237)
```
#add9f0
```
#add9f0 rgb(173,217,240)
```
#bde0f3
```
#bde0f3 rgb(189,224,243)
```
#cee8f6
```
#cee8f6 rgb(206,232,246)
```
#def0f9
```
#def0f9 rgb(222,240,249)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Tint Color Variation

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

#313232
```
#313232 rgb(49,50,50)
```
#2d3336
```
#2d3336 rgb(45,51,54)
```
#2a3439
```
#2a3439 rgb(42,52,57)
```
#26353d
```
#26353d rgb(38,53,61)
```
#223641
```
#223641 rgb(34,54,65)
```
#1e3745
```
#1e3745 rgb(30,55,69)
```
#1a3949
```
#1a3949 rgb(26,57,73)
```
#173a4c
```
#173a4c rgb(23,58,76)
```
#133b50
```
#133b50 rgb(19,59,80)
```
#0f3c54
```
#0f3c54 rgb(15,60,84)
```
#0b3d58
```
#0b3d58 rgb(11,61,88)
```
#073e5c
```
#073e5c rgb(7,62,92)
```
#043f5f
```
#043f5f rgb(4,63,95)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2a3338 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4159 Protanopia 1% of men
#35425e Deuteranopia 1% of men
#00484e Tritanopia 0.001% of the population

Trichromacy

#2a3f57 Protanomaly 1% of men, 0.01% of women
#273f5a Deuteranomaly 6% of men, 0.4% of women
#054450 Tritanomaly 0.01% of the population