colorhexa.com

#0f2ff9 hex color

In a RGB color space, hex #0f2ff9 is composed of 5.9% red, 18.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 94% cyan, 81.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 231.8 degrees, a saturation of 95.1% and a lightness of 51.8%. #0f2ff9 color hex could be obtained by blending #1e5eff with #0000f3. Closest websafe color is: #0033ff.

- R 6
- G 18
- B 98
RGB color chart
- C 94
- M 81
- Y 0
- K 2
CMYK color chart

● #0f2ff9 color description : Vivid blue.

The hexadecimal color #0f2ff9 has RGB values of R:15, G:47, B:249 and CMYK values of C:0.94, M:0.81, Y:0, K:0.02. Its decimal value is 995321.

Hex triplet	0f2ff9	`#0f2ff9`
RGB Decimal	15, 47, 249	`rgb(15,47,249)`
RGB Percent	5.9, 18.4, 97.6	`rgb(5.9%,18.4%,97.6%)`
CMYK	94, 81, 0, 2
HSL	231.8°, 95.1, 51.8	`hsl(231.8,95.1%,51.8%)`
HSV (or HSB)	231.8°, 94, 97.6
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.932, 64.922, -98.426
XYZ	18.309, 8.973, 90.384
xyY	0.156, 0.076, 8.973
CIE-LCH	35.932, 117.909, 303.409
CIE-LUV	35.932, -11.741, -129.811
Hunter-Lab	29.954, 56.684, -157.933
Binary	00001111, 00101111, 11111001

#0f2ff9
```
#0f2ff9 rgb(15,47,249)
```
#f9d90f
```
#f9d90f rgb(249,217,15)
```

Complementary Color

#0fa4f9
```
#0fa4f9 rgb(15,164,249)
```
#0f2ff9
```
#0f2ff9 rgb(15,47,249)
```
#640ff9
```
#640ff9 rgb(100,15,249)
```

Analogous Color

#a4f90f
```
#a4f90f rgb(164,249,15)
```
#0f2ff9
```
#0f2ff9 rgb(15,47,249)
```
#f9640f
```
#f9640f rgb(249,100,15)
```

Split Complementary Color

#2ff90f
```
#2ff90f rgb(47,249,15)
```
#0f2ff9
```
#0f2ff9 rgb(15,47,249)
```
#f90f2f
```
#f90f2f rgb(249,15,47)
```

Triadic Color

#0ff9d9
```
#0ff9d9 rgb(15,249,217)
```
#0f2ff9
```
#0f2ff9 rgb(15,47,249)
```
#f90f2f
```
#f90f2f rgb(249,15,47)
```
#f9d90f
```
#f9d90f rgb(249,217,15)
```

Tetradic Color

#051db7
```
#051db7 rgb(5,29,183)
```
#0521d0
```
#0521d0 rgb(5,33,208)
```
#0625e9
```
#0625e9 rgb(6,37,233)
```
#0f2ff9
```
#0f2ff9 rgb(15,47,249)
```
#2845fa
```
#2845fa rgb(40,69,250)
```
#415afa
```
#415afa rgb(65,90,250)
```
#5a70fb
```
#5a70fb rgb(90,112,251)
```

Monochromatic Color

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

#0f6af9
```
#0f6af9 rgb(15,106,249)
```
#0f56f9
```
#0f56f9 rgb(15,86,249)
```
#0f42f9
```
#0f42f9 rgb(15,66,249)
```
#0f2ff9
```
#0f2ff9 rgb(15,47,249)
```
#0f1cf9
```
#0f1cf9 rgb(15,28,249)
```
#160ff9
```
#160ff9 rgb(22,15,249)
```
#290ff9
```
#290ff9 rgb(41,15,249)
```

Similar Colors

Text with hexadecimal color #0f2ff9

This text has a font color of #0f2ff9.

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

#0f2ff9 background color

This paragraph has a background color of #0f2ff9.

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

#0f2ff9 border color

This element has a border color of #0f2ff9.

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

CSS codes

.text {color:#0f2ff9;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#01041c
```
#01041c rgb(1,4,28)
```
#01072f
```
#01072f rgb(1,7,47)
```
#020a42
```
#020a42 rgb(2,10,66)
```
#020e55
```
#020e55 rgb(2,14,85)
```
#031168
```
#031168 rgb(3,17,104)
```
#03147c
```
#03147c rgb(3,20,124)
```
#04178f
```
#04178f rgb(4,23,143)
```
#041aa2
```
#041aa2 rgb(4,26,162)
```
#051db5
```
#051db5 rgb(5,29,181)
```
#0520c8
```
#0520c8 rgb(5,32,200)
```
#0523db
```
#0523db rgb(5,35,219)
```
#0626ee
```
#0626ee rgb(6,38,238)
```

Shade Color Variation

#0f2ff9
```
#0f2ff9 rgb(15,47,249)
```
#2240f9
```
#2240f9 rgb(34,64,249)
```
#3550fa
```
#3550fa rgb(53,80,250)
```
#4861fa
```
#4861fa rgb(72,97,250)
```
#5c71fb
```
#5c71fb rgb(92,113,251)
```
#6f82fb
```
#6f82fb rgb(111,130,251)
```
#8293fc
```
#8293fc rgb(130,147,252)
```
#95a3fc
```
#95a3fc rgb(149,163,252)
```
#a8b4fd
```
#a8b4fd rgb(168,180,253)
```
#bbc4fd
```
#bbc4fd rgb(187,196,253)
```
#ced5fe
```
#ced5fe rgb(206,213,254)
```
#e2e5fe
```
#e2e5fe rgb(226,229,254)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#818187
```
#818187 rgb(129,129,135)
```
#777b91
```
#777b91 rgb(119,123,145)
```
#6e749a
```
#6e749a rgb(110,116,154)
```
#646da4
```
#646da4 rgb(100,109,164)
```
#5b66ad
```
#5b66ad rgb(91,102,173)
```
#515fb7
```
#515fb7 rgb(81,95,183)
```
#4858c0
```
#4858c0 rgb(72,88,192)
```
#3e51ca
```
#3e51ca rgb(62,81,202)
```
#354ad3
```
#354ad3 rgb(53,74,211)
```
#2b44dd
```
#2b44dd rgb(43,68,221)
```
#223de6
```
#223de6 rgb(34,61,230)
```
#1836f0
```
#1836f0 rgb(24,54,240)
```
#0f2ff9
```
#0f2ff9 rgb(15,47,249)
```

Tone Color Variation

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

Dichromacy

#005ab0 Protanopia 1% of men
#006097 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#054aca Protanomaly 1% of men, 0.01% of women
#054ebb Deuteranomaly 6% of men, 0.4% of women
#05529e Tritanomaly 0.01% of the population