#040f30 hex color

In a RGB color space, hex #040f30 is composed of 1.6% red, 5.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 68.8% magenta, 0% yellow and 81.2% black. It has a hue angle of 225 degrees, a saturation of 84.6% and a lightness of 10.2%. #040f30 color hex could be obtained by blending #081e60 with #000000. Closest websafe color is: #000033.

♥
- f
- t
- g
- R 2
- G 6
- B 19
RGB color chart
- C 92
- M 69
- Y 0
- K 81
CMYK color chart

● #040f30 color description : Very dark (mostly black) blue.

The hexadecimal color #040f30 has RGB values of R:4, G:15, B:48 and CMYK values of C:0.92, M:0.69, Y:0, K:0.81. Its decimal value is 266032.

Hex triplet	040f30	`#040f30`
RGB Decimal	4, 15, 48	`rgb(4,15,48)`
RGB Percent	1.6, 5.9, 18.8	`rgb(1.6%,5.9%,18.8%)`
CMYK	92, 69, 0, 81
HSL	225°, 84.6, 10.2	`hsl(225,84.6%,10.2%)`
HSV (or HSB)	225°, 91.7, 18.8
Web Safe	000033	`#000033`

CIE-LAB	5.246, 8.285, -22.879
XYZ	0.754, 0.581, 2.868
xyY	0.179, 0.138, 0.581
CIE-LCH	5.246, 24.333, 289.906
CIE-LUV	5.246, -2.107, -12.214
Hunter-Lab	7.621, 4.33, -16.982
Binary	00000100, 00001111, 00110000

#040f30
```
#040f30 rgb(4,15,48)
```
#302504
```
#302504 rgb(48,37,4)
```

Complementary Color

#042530
```
#042530 rgb(4,37,48)
```
#040f30
```
#040f30 rgb(4,15,48)
```
#0f0430
```
#0f0430 rgb(15,4,48)
```

Analogous Color

#253004
```
#253004 rgb(37,48,4)
```
#040f30
```
#040f30 rgb(4,15,48)
```
#300f04
```
#300f04 rgb(48,15,4)
```

Split Complementary Color

#0f3004
```
#0f3004 rgb(15,48,4)
```
#040f30
```
#040f30 rgb(4,15,48)
```
#30040f
```
#30040f rgb(48,4,15)
```

Triadic Color

#043025
```
#043025 rgb(4,48,37)
```
#040f30
```
#040f30 rgb(4,15,48)
```
#30040f
```
#30040f rgb(48,4,15)
```
#302504
```
#302504 rgb(48,37,4)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000001
```
#000001 rgb(0,0,1)
```
#020818
```
#020818 rgb(2,8,24)
```
#040f30
```
#040f30 rgb(4,15,48)
```
#061648
```
#061648 rgb(6,22,72)
```
#081e5f
```
#081e5f rgb(8,30,95)
```
#0a2577
```
#0a2577 rgb(10,37,119)
```

Monochromatic Color

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

#041a30
```
#041a30 rgb(4,26,48)
```
#041630
```
#041630 rgb(4,22,48)
```
#041330
```
#041330 rgb(4,19,48)
```
#040f30
```
#040f30 rgb(4,15,48)
```
#040b30
```
#040b30 rgb(4,11,48)
```
#040830
```
#040830 rgb(4,8,48)
```
#040430
```
#040430 rgb(4,4,48)
```

Similar Colors

Text with hexadecimal color #040f30

This text has a font color of #040f30.

<span style="color:#040f30;">Text here</span>

#040f30 background color

This paragraph has a background color of #040f30.

<p style="background-color:#040f30;">Content here</p>

#040f30 border color

This element has a border color of #040f30.

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

CSS codes

.text {color:#040f30;}

.background {background-color:#040f30;}

.border {border:1px solid #040f30;}

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, #01040c is the darkest color, while #f9fafe is the lightest one.

#01040c
```
#01040c rgb(1,4,12)
```
#02091e
```
#02091e rgb(2,9,30)
```
#040f30
```
#040f30 rgb(4,15,48)
```
#061542
```
#061542 rgb(6,21,66)
```
#071a54
```
#071a54 rgb(7,26,84)
```
#092066
```
#092066 rgb(9,32,102)
```
#0a2678
```
#0a2678 rgb(10,38,120)
```
#0c2b8b
```
#0c2b8b rgb(12,43,139)
```
#0d319d
```
#0d319d rgb(13,49,157)
```
#0f37af
```
#0f37af rgb(15,55,175)
```
#103cc1
```
#103cc1 rgb(16,60,193)
```
#1242d3
```
#1242d3 rgb(18,66,211)
```
#1348e5
```
#1348e5 rgb(19,72,229)
```

Shade Color Variation

#1f53ec
```
#1f53ec rgb(31,83,236)
```
#3261ee
```
#3261ee rgb(50,97,238)
```
#446fef
```
#446fef rgb(68,111,239)
```
#567df1
```
#567df1 rgb(86,125,241)
```
#688af2
```
#688af2 rgb(104,138,242)
```
#7a98f4
```
#7a98f4 rgb(122,152,244)
```
#8ca6f5
```
#8ca6f5 rgb(140,166,245)
```
#9eb4f7
```
#9eb4f7 rgb(158,180,247)
```
#b0c2f8
```
#b0c2f8 rgb(176,194,248)
```
#c2d0fa
```
#c2d0fa rgb(194,208,250)
```
#d4defb
```
#d4defb rgb(212,222,251)
```
#e7ecfd
```
#e7ecfd rgb(231,236,253)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #18191c is the less saturated color, while #000d34 is the most saturated one.

#18191c
```
#18191c rgb(24,25,28)
```
#16181e
```
#16181e rgb(22,24,30)
```
#141720
```
#141720 rgb(20,23,32)
```
#121622
```
#121622 rgb(18,22,34)
```
#101524
```
#101524 rgb(16,21,36)
```
#0e1426
```
#0e1426 rgb(14,20,38)
```
#0c1328
```
#0c1328 rgb(12,19,40)
```
#0a122a
```
#0a122a rgb(10,18,42)
```
#08112c
```
#08112c rgb(8,17,44)
```
#06102e
```
#06102e rgb(6,16,46)
```
#040f30
```
#040f30 rgb(4,15,48)
```
#020e32
```
#020e32 rgb(2,14,50)
```
#000d34
```
#000d34 rgb(0,13,52)
```

Tone Color Variation

Below, you can see how #040f30 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

#0f0f0f Achromatopsia 0.005% of the population
#0d0f16 Atypical Achromatopsia 0.001% of the population

Dichromacy

#001c38 Protanopia 1% of men
#001e31 Deuteranopia 1% of men
#002022 Tritanopia 0.001% of the population

Trichromacy

#011735 Protanomaly 1% of men, 0.01% of women
#011831 Deuteranomaly 6% of men, 0.4% of women
#011a27 Tritanomaly 0.01% of the population

#040f30 hex color

#040f30 Color Information

#040f30 Color Conversion

Color Schemes with #040f30

Alternatives to #040f30

#040f30 Preview

Shades and Tints of #040f30

Tones of #040f30

Color Blindness Simulator