colorhexa.com

#0f22f6 hex color

In a RGB color space, hex #0f22f6 is composed of 5.9% red, 13.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 86.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 235.1 degrees, a saturation of 92.8% and a lightness of 51.2%. #0f22f6 color hex could be obtained by blending #1e44ff with #0000ed. Closest websafe color is: #0033ff.

- R 6
- G 13
- B 96
RGB color chart
- C 94
- M 86
- Y 0
- K 4
CMYK color chart

● #0f22f6 color description : Vivid blue.

The hexadecimal color #0f22f6 has RGB values of R:15, G:34, B:246 and CMYK values of C:0.94, M:0.86, Y:0, K:0.04. Its decimal value is 991990.

Hex triplet	0f22f6	`#0f22f6`
RGB Decimal	15, 34, 246	`rgb(15,34,246)`
RGB Percent	5.9, 13.3, 96.5	`rgb(5.9%,13.3%,96.5%)`
CMYK	94, 86, 0, 4
HSL	235.1°, 92.8, 51.2	`hsl(235.1,92.8%,51.2%)`
HSV (or HSB)	235.1°, 93.9, 96.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.77, 69.382, -100.339
XYZ	17.4, 7.898, 87.791
xyY	0.154, 0.07, 7.898
CIE-LCH	33.77, 121.991, 304.663
CIE-LUV	33.77, -10.32, -127.441
Hunter-Lab	28.103, 61.337, -165.541
Binary	00001111, 00100010, 11110110

#0f22f6
```
#0f22f6 rgb(15,34,246)
```
#f6e30f
```
#f6e30f rgb(246,227,15)
```

Complementary Color

#0f96f6
```
#0f96f6 rgb(15,150,246)
```
#0f22f6
```
#0f22f6 rgb(15,34,246)
```
#700ff6
```
#700ff6 rgb(112,15,246)
```

Analogous Color

#96f60f
```
#96f60f rgb(150,246,15)
```
#0f22f6
```
#0f22f6 rgb(15,34,246)
```
#f6700f
```
#f6700f rgb(246,112,15)
```

Split Complementary Color

#22f60f
```
#22f60f rgb(34,246,15)
```
#0f22f6
```
#0f22f6 rgb(15,34,246)
```
#f60f22
```
#f60f22 rgb(246,15,34)
```

Triadic Color

#0ff6e3
```
#0ff6e3 rgb(15,246,227)
```
#0f22f6
```
#0f22f6 rgb(15,34,246)
```
#f60f22
```
#f60f22 rgb(246,15,34)
```
#f6e30f
```
#f6e30f rgb(246,227,15)
```

Tetradic Color

#0715b2
```
#0715b2 rgb(7,21,178)
```
#0818ca
```
#0818ca rgb(8,24,202)
```
#091ae3
```
#091ae3 rgb(9,26,227)
```
#0f22f6
```
#0f22f6 rgb(15,34,246)
```
#2839f7
```
#2839f7 rgb(40,57,247)
```
#404ff8
```
#404ff8 rgb(64,79,248)
```
#5966f9
```
#5966f9 rgb(89,102,249)
```

Monochromatic Color

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

#0f5cf6
```
#0f5cf6 rgb(15,92,246)
```
#0f49f6
```
#0f49f6 rgb(15,73,246)
```
#0f35f6
```
#0f35f6 rgb(15,53,246)
```
#0f22f6
```
#0f22f6 rgb(15,34,246)
```
#0f0ff6
```
#0f0ff6 rgb(15,15,246)
```
#230ff6
```
#230ff6 rgb(35,15,246)
```
#360ff6
```
#360ff6 rgb(54,15,246)
```

Similar Colors

Text with hexadecimal color #0f22f6

This text has a font color of #0f22f6.

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

#0f22f6 background color

This paragraph has a background color of #0f22f6.

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

#0f22f6 border color

This element has a border color of #0f22f6.

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

CSS codes

.text {color:#0f22f6;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010319
```
#010319 rgb(1,3,25)
```
#02052c
```
#02052c rgb(2,5,44)
```
#02073f
```
#02073f rgb(2,7,63)
```
#030951
```
#030951 rgb(3,9,81)
```
#040c64
```
#040c64 rgb(4,12,100)
```
#040e77
```
#040e77 rgb(4,14,119)
```
#05108a
```
#05108a rgb(5,16,138)
```
#06129d
```
#06129d rgb(6,18,157)
```
#0715b0
```
#0715b0 rgb(7,21,176)
```
#0717c3
```
#0717c3 rgb(7,23,195)
```
#0819d6
```
#0819d6 rgb(8,25,214)
```
#091be9
```
#091be9 rgb(9,27,233)
```

Shade Color Variation

#0f22f6
```
#0f22f6 rgb(15,34,246)
```
#2233f7
```
#2233f7 rgb(34,51,247)
```
#3545f7
```
#3545f7 rgb(53,69,247)
```
#4856f8
```
#4856f8 rgb(72,86,248)
```
#5b68f9
```
#5b68f9 rgb(91,104,249)
```
#6e79fa
```
#6e79fa rgb(110,121,250)
```
#808afa
```
#808afa rgb(128,138,250)
```
#939cfb
```
#939cfb rgb(147,156,251)
```
#a6adfc
```
#a6adfc rgb(166,173,252)
```
#b9bffc
```
#b9bffc rgb(185,191,252)
```
#ccd0fd
```
#ccd0fd rgb(204,208,253)
```
#dfe2fe
```
#dfe2fe rgb(223,226,254)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

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

#828283
```
#828283 rgb(130,130,131)
```
#787a8d
```
#787a8d rgb(120,122,141)
```
#6f7296
```
#6f7296 rgb(111,114,150)
```
#656aa0
```
#656aa0 rgb(101,106,160)
```
#5c62a9
```
#5c62a9 rgb(92,98,169)
```
#525ab3
```
#525ab3 rgb(82,90,179)
```
#4852bd
```
#4852bd rgb(72,82,189)
```
#3f4ac6
```
#3f4ac6 rgb(63,74,198)
```
#3542d0
```
#3542d0 rgb(53,66,208)
```
#2c3ad9
```
#2c3ad9 rgb(44,58,217)
```
#2232e3
```
#2232e3 rgb(34,50,227)
```
#192aec
```
#192aec rgb(25,42,236)
```
#0f22f6
```
#0f22f6 rgb(15,34,246)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2d305b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a6 Protanopia 1% of men
#005b8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0543c3 Protanomaly 1% of men, 0.01% of women
#0546b5 Deuteranomaly 6% of men, 0.4% of women
#054a99 Tritanomaly 0.01% of the population