#0f3fa2 hex color

In a RGB color space, hex #0f3fa2 is composed of 5.9% red, 24.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 61.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 220.4 degrees, a saturation of 83.1% and a lightness of 34.7%. #0f3fa2 color hex could be obtained by blending #1e7eff with #000045. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 6
- G 25
- B 64
RGB color chart
- C 91
- M 61
- Y 0
- K 36
CMYK color chart

● #0f3fa2 color description : Dark blue.

The hexadecimal color #0f3fa2 has RGB values of R:15, G:63, B:162 and CMYK values of C:0.91, M:0.61, Y:0, K:0.36. Its decimal value is 999330.

Hex triplet	0f3fa2	`#0f3fa2`
RGB Decimal	15, 63, 162	`rgb(15,63,162)`
RGB Percent	5.9, 24.7, 63.5	`rgb(5.9%,24.7%,63.5%)`
CMYK	91, 61, 0, 36
HSL	220.4°, 83.1, 34.7	`hsl(220.4,83.1%,34.7%)`
HSV (or HSB)	220.4°, 90.7, 63.5
Web Safe	003399	`#003399`

CIE-LAB	30.07, 24.971, -57.497
XYZ	8.495, 6.265, 34.942
xyY	0.171, 0.126, 6.265
CIE-LCH	30.07, 62.685, 293.475
CIE-LUV	30.07, -13.259, -76.754
Hunter-Lab	25.029, 16.781, -65.252
Binary	00001111, 00111111, 10100010

#0f3fa2
```
#0f3fa2 rgb(15,63,162)
```
#a2720f
```
#a2720f rgb(162,114,15)
```

Complementary Color

#0f89a2
```
#0f89a2 rgb(15,137,162)
```
#0f3fa2
```
#0f3fa2 rgb(15,63,162)
```
#290fa2
```
#290fa2 rgb(41,15,162)
```

Analogous Color

#89a20f
```
#89a20f rgb(137,162,15)
```
#0f3fa2
```
#0f3fa2 rgb(15,63,162)
```
#a2290f
```
#a2290f rgb(162,41,15)
```

Split Complementary Color

#3fa20f
```
#3fa20f rgb(63,162,15)
```
#0f3fa2
```
#0f3fa2 rgb(15,63,162)
```
#a20f3f
```
#a20f3f rgb(162,15,63)
```

Triadic Color

#0fa272
```
#0fa272 rgb(15,162,114)
```
#0f3fa2
```
#0f3fa2 rgb(15,63,162)
```
#a20f3f
```
#a20f3f rgb(162,15,63)
```
#a2720f
```
#a2720f rgb(162,114,15)
```

Tetradic Color

#09245c
```
#09245c rgb(9,36,92)
```
#0b2d73
```
#0b2d73 rgb(11,45,115)
```
#0d368b
```
#0d368b rgb(13,54,139)
```
#0f3fa2
```
#0f3fa2 rgb(15,63,162)
```
#1148b9
```
#1148b9 rgb(17,72,185)
```
#1351d1
```
#1351d1 rgb(19,81,209)
```
#155ae8
```
#155ae8 rgb(21,90,232)
```

Monochromatic Color

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

#0f64a2
```
#0f64a2 rgb(15,100,162)
```
#0f58a2
```
#0f58a2 rgb(15,88,162)
```
#0f4ba2
```
#0f4ba2 rgb(15,75,162)
```
#0f3fa2
```
#0f3fa2 rgb(15,63,162)
```
#0f33a2
```
#0f33a2 rgb(15,51,162)
```
#0f27a2
```
#0f27a2 rgb(15,39,162)
```
#0f1aa2
```
#0f1aa2 rgb(15,26,162)
```

Similar Colors

Text with hexadecimal color #0f3fa2

This text has a font color of #0f3fa2.

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

#0f3fa2 background color

This paragraph has a background color of #0f3fa2.

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

#0f3fa2 border color

This element has a border color of #0f3fa2.

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

CSS codes

.text {color:#0f3fa2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020712
```
#020712 rgb(2,7,18)
```
#030e24
```
#030e24 rgb(3,14,36)
```
#051536
```
#051536 rgb(5,21,54)
```
#071c48
```
#071c48 rgb(7,28,72)
```
#08235a
```
#08235a rgb(8,35,90)
```
#0a2a6c
```
#0a2a6c rgb(10,42,108)
```
#0c317e
```
#0c317e rgb(12,49,126)
```
#0d3890
```
#0d3890 rgb(13,56,144)
```
#0f3fa2
```
#0f3fa2 rgb(15,63,162)
```
#1146b4
```
#1146b4 rgb(17,70,180)
```
#124dc6
```
#124dc6 rgb(18,77,198)
```
#1454d8
```
#1454d8 rgb(20,84,216)
```

Shade Color Variation

#165be9
```
#165be9 rgb(22,91,233)
```
#2868eb
```
#2868eb rgb(40,104,235)
```
#3a74ed
```
#3a74ed rgb(58,116,237)
```
#4c81ee
```
#4c81ee rgb(76,129,238)
```
#5e8ef0
```
#5e8ef0 rgb(94,142,240)
```
#709af2
```
#709af2 rgb(112,154,242)
```
#82a7f3
```
#82a7f3 rgb(130,167,243)
```
#94b3f5
```
#94b3f5 rgb(148,179,245)
```
#a6c0f7
```
#a6c0f7 rgb(166,192,247)
```
#b8cdf8
```
#b8cdf8 rgb(184,205,248)
```
#cad9fa
```
#cad9fa rgb(202,217,250)
```
#dce6fc
```
#dce6fc rgb(220,230,252)
```
#edf3fd
```
#edf3fd rgb(237,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53575e is the less saturated color, while #013ab0 is the most saturated one.

#53575e
```
#53575e rgb(83,87,94)
```
#4c5465
```
#4c5465 rgb(76,84,101)
```
#45526c
```
#45526c rgb(69,82,108)
```
#3f5072
```
#3f5072 rgb(63,80,114)
```
#384d79
```
#384d79 rgb(56,77,121)
```
#314b80
```
#314b80 rgb(49,75,128)
```
#2a4887
```
#2a4887 rgb(42,72,135)
```
#23468e
```
#23468e rgb(35,70,142)
```
#1d4494
```
#1d4494 rgb(29,68,148)
```
#16419b
```
#16419b rgb(22,65,155)
```
#0f3fa2
```
#0f3fa2 rgb(15,63,162)
```
#083da9
```
#083da9 rgb(8,61,169)
```
#013ab0
```
#013ab0 rgb(1,58,176)
```

Tone Color Variation

Below, you can see how #0f3fa2 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
#333d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d98 Protanopia 1% of men
#005284 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#05489b Protanomaly 1% of men, 0.01% of women
#054b8f Deuteranomaly 6% of men, 0.4% of women
#054f76 Tritanomaly 0.01% of the population

#0f3fa2 hex color

#0f3fa2 Color Information

#0f3fa2 Color Conversion

Color Schemes with #0f3fa2

Alternatives to #0f3fa2

#0f3fa2 Preview

Shades and Tints of #0f3fa2

Tones of #0f3fa2

Color Blindness Simulator