#0f307a hex color

In a RGB color space, hex #0f307a is composed of 5.9% red, 18.8% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 60.7% magenta, 0% yellow and 52.2% black. It has a hue angle of 221.5 degrees, a saturation of 78.1% and a lightness of 26.9%. #0f307a color hex could be obtained by blending #1e60f4 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 6
- G 19
- B 48
RGB color chart
- C 88
- M 61
- Y 0
- K 52
CMYK color chart

● #0f307a color description : Dark blue.

The hexadecimal color #0f307a has RGB values of R:15, G:48, B:122 and CMYK values of C:0.88, M:0.61, Y:0, K:0.52. Its decimal value is 995450.

Hex triplet	0f307a	`#0f307a`
RGB Decimal	15, 48, 122	`rgb(15,48,122)`
RGB Percent	5.9, 18.8, 47.8	`rgb(5.9%,18.8%,47.8%)`
CMYK	88, 61, 0, 52
HSL	221.5°, 78.1, 26.9	`hsl(221.5,78.1%,26.9%)`
HSV (or HSB)	221.5°, 87.7, 47.8
Web Safe	003366	`#003366`

CIE-LAB	22.374, 18.973, -45.323
XYZ	4.766, 3.62, 18.859
xyY	0.175, 0.133, 3.62
CIE-LCH	22.374, 49.134, 292.716
CIE-LUV	22.374, -9.596, -54.274
Hunter-Lab	19.027, 11.415, -45.448
Binary	00001111, 00110000, 01111010

#0f307a
```
#0f307a rgb(15,48,122)
```
#7a590f
```
#7a590f rgb(122,89,15)
```

Complementary Color

#0f667a
```
#0f667a rgb(15,102,122)
```
#0f307a
```
#0f307a rgb(15,48,122)
```
#240f7a
```
#240f7a rgb(36,15,122)
```

Analogous Color

#667a0f
```
#667a0f rgb(102,122,15)
```
#0f307a
```
#0f307a rgb(15,48,122)
```
#7a240f
```
#7a240f rgb(122,36,15)
```

Split Complementary Color

#307a0f
```
#307a0f rgb(48,122,15)
```
#0f307a
```
#0f307a rgb(15,48,122)
```
#7a0f30
```
#7a0f30 rgb(122,15,48)
```

Triadic Color

#0f7a59
```
#0f7a59 rgb(15,122,89)
```
#0f307a
```
#0f307a rgb(15,48,122)
```
#7a0f30
```
#7a0f30 rgb(122,15,48)
```
#7a590f
```
#7a590f rgb(122,89,15)
```

Tetradic Color

#071536
```
#071536 rgb(7,21,54)
```
#091e4d
```
#091e4d rgb(9,30,77)
```
#0c2763
```
#0c2763 rgb(12,39,99)
```
#0f307a
```
#0f307a rgb(15,48,122)
```
#123991
```
#123991 rgb(18,57,145)
```
#1542a7
```
#1542a7 rgb(21,66,167)
```
#174bbe
```
#174bbe rgb(23,75,190)
```

Monochromatic Color

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

#0f4b7a
```
#0f4b7a rgb(15,75,122)
```
#0f427a
```
#0f427a rgb(15,66,122)
```
#0f397a
```
#0f397a rgb(15,57,122)
```
#0f307a
```
#0f307a rgb(15,48,122)
```
#0f277a
```
#0f277a rgb(15,39,122)
```
#0f1e7a
```
#0f1e7a rgb(15,30,122)
```
#0f157a
```
#0f157a rgb(15,21,122)
```

Similar Colors

Text with hexadecimal color #0f307a

This text has a font color of #0f307a.

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

#0f307a background color

This paragraph has a background color of #0f307a.

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

#0f307a border color

This element has a border color of #0f307a.

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

CSS codes

.text {color:#0f307a;}

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

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

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

#020711
```
#020711 rgb(2,7,17)
```
#040e23
```
#040e23 rgb(4,14,35)
```
#061534
```
#061534 rgb(6,21,52)
```
#091b46
```
#091b46 rgb(9,27,70)
```
#0b2257
```
#0b2257 rgb(11,34,87)
```
#0d2969
```
#0d2969 rgb(13,41,105)
```
#0f307a
```
#0f307a rgb(15,48,122)
```
#11378b
```
#11378b rgb(17,55,139)
```
#133e9d
```
#133e9d rgb(19,62,157)
```
#1545ae
```
#1545ae rgb(21,69,174)
```
#184bc0
```
#184bc0 rgb(24,75,192)
```
#1a52d1
```
#1a52d1 rgb(26,82,209)
```
#1c59e3
```
#1c59e3 rgb(28,89,227)
```

Shade Color Variation

#2d66e5
```
#2d66e5 rgb(45,102,229)
```
#3f73e7
```
#3f73e7 rgb(63,115,231)
```
#507fe9
```
#507fe9 rgb(80,127,233)
```
#628cec
```
#628cec rgb(98,140,236)
```
#7399ee
```
#7399ee rgb(115,153,238)
```
#84a6f0
```
#84a6f0 rgb(132,166,240)
```
#96b2f2
```
#96b2f2 rgb(150,178,242)
```
#a7bff4
```
#a7bff4 rgb(167,191,244)
```
#b9ccf6
```
#b9ccf6 rgb(185,204,246)
```
#cad9f9
```
#cad9f9 rgb(202,217,249)
```
#dce5fb
```
#dce5fb rgb(220,229,251)
```
#edf2fd
```
#edf2fd rgb(237,242,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444445
```
#444445 rgb(68,68,69)
```
#3e424b
```
#3e424b rgb(62,66,75)
```
#394050
```
#394050 rgb(57,64,80)
```
#343e55
```
#343e55 rgb(52,62,85)
```
#2f3c5a
```
#2f3c5a rgb(47,60,90)
```
#293a60
```
#293a60 rgb(41,58,96)
```
#243865
```
#243865 rgb(36,56,101)
```
#1f366a
```
#1f366a rgb(31,54,106)
```
#1a346f
```
#1a346f rgb(26,52,111)
```
#143275
```
#143275 rgb(20,50,117)
```
#0f307a
```
#0f307a rgb(15,48,122)
```
#0a2e7f
```
#0a2e7f rgb(10,46,127)
```
#042c85
```
#042c85 rgb(4,44,133)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#292f3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e79 Protanopia 1% of men
#004169 Deuteranopia 1% of men
#00464a Tritanopia 0.001% of the population

Trichromacy

#053879 Protanomaly 1% of men, 0.01% of women
#053b6f Deuteranomaly 6% of men, 0.4% of women
#053e5b Tritanomaly 0.01% of the population

#0f307a hex color

#0f307a Color Information

#0f307a Color Conversion

Color Schemes with #0f307a

Alternatives to #0f307a

#0f307a Preview

Shades and Tints of #0f307a

Tones of #0f307a

Color Blindness Simulator