colorhexa.com

#0f5cfe hex color

In a RGB color space, hex #0f5cfe is composed of 5.9% red, 36.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 63.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 220.7 degrees, a saturation of 99.2% and a lightness of 52.7%. #0f5cfe color hex could be obtained by blending #1eb8ff with #0000fd. Closest websafe color is: #0066ff.

- R 6
- G 36
- B 100
RGB color chart
- C 94
- M 64
- Y 0
- K 0
CMYK color chart

● #0f5cfe color description : Vivid blue.

The hexadecimal color #0f5cfe has RGB values of R:15, G:92, B:254 and CMYK values of C:0.94, M:0.64, Y:0, K:0. Its decimal value is 1006846.

Hex triplet	0f5cfe	`#0f5cfe`
RGB Decimal	15, 92, 254	`rgb(15,92,254)`
RGB Percent	5.9, 36.1, 99.6	`rgb(5.9%,36.1%,99.6%)`
CMYK	94, 64, 0, 0
HSL	220.7°, 99.2, 52.7	`hsl(220.7,99.2%,52.7%)`
HSV (or HSB)	220.7°, 94.1, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.51, 41.444, -85.382
XYZ	21.91, 14.91, 95.484
xyY	0.166, 0.113, 14.91
CIE-LCH	45.51, 94.909, 295.892
CIE-LUV	45.51, -19.587, -127.856
Hunter-Lab	38.613, 33.711, -119.585
Binary	00001111, 01011100, 11111110

#0f5cfe
```
#0f5cfe rgb(15,92,254)
```
#feb10f
```
#feb10f rgb(254,177,15)
```

Complementary Color

#0fd4fe
```
#0fd4fe rgb(15,212,254)
```
#0f5cfe
```
#0f5cfe rgb(15,92,254)
```
#3a0ffe
```
#3a0ffe rgb(58,15,254)
```

Analogous Color

#d4fe0f
```
#d4fe0f rgb(212,254,15)
```
#0f5cfe
```
#0f5cfe rgb(15,92,254)
```
#fe390f
```
#fe390f rgb(254,57,15)
```

Split Complementary Color

#5cfe0f
```
#5cfe0f rgb(92,254,15)
```
#0f5cfe
```
#0f5cfe rgb(15,92,254)
```
#fe0f5c
```
#fe0f5c rgb(254,15,92)
```

Triadic Color

#0ffeb1
```
#0ffeb1 rgb(15,254,177)
```
#0f5cfe
```
#0f5cfe rgb(15,92,254)
```
#fe0f5c
```
#fe0f5c rgb(254,15,92)
```
#feb10f
```
#feb10f rgb(254,177,15)
```

Tetradic Color

#013ec0
```
#013ec0 rgb(1,62,192)
```
#0147d9
```
#0147d9 rgb(1,71,217)
```
#014ff2
```
#014ff2 rgb(1,79,242)
```
#0f5cfe
```
#0f5cfe rgb(15,92,254)
```
#286dfe
```
#286dfe rgb(40,109,254)
```
#427efe
```
#427efe rgb(66,126,254)
```
#5b90fe
```
#5b90fe rgb(91,144,254)
```

Monochromatic Color

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

#0f98fe
```
#0f98fe rgb(15,152,254)
```
#0f84fe
```
#0f84fe rgb(15,132,254)
```
#0f70fe
```
#0f70fe rgb(15,112,254)
```
#0f5cfe
```
#0f5cfe rgb(15,92,254)
```
#0f48fe
```
#0f48fe rgb(15,72,254)
```
#0f34fe
```
#0f34fe rgb(15,52,254)
```
#0f20fe
```
#0f20fe rgb(15,32,254)
```

Similar Colors

Text with hexadecimal color #0f5cfe

This text has a font color of #0f5cfe.

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

#0f5cfe background color

This paragraph has a background color of #0f5cfe.

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

#0f5cfe border color

This element has a border color of #0f5cfe.

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

CSS codes

.text {color:#0f5cfe;}

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

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

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, #00050e is the darkest color, while #f9fbff is the lightest one.

#00050e
```
#00050e rgb(0,5,14)
```
#000b21
```
#000b21 rgb(0,11,33)
```
#001135
```
#001135 rgb(0,17,53)
```
#001849
```
#001849 rgb(0,24,73)
```
#001e5c
```
#001e5c rgb(0,30,92)
```
#002470
```
#002470 rgb(0,36,112)
```
#012b83
```
#012b83 rgb(1,43,131)
```
#013197
```
#013197 rgb(1,49,151)
```
#0137aa
```
#0137aa rgb(1,55,170)
```
#013ebe
```
#013ebe rgb(1,62,190)
```
#0144d1
```
#0144d1 rgb(1,68,209)
```
#014ae5
```
#014ae5 rgb(1,74,229)
```
#0151f8
```
#0151f8 rgb(1,81,248)
```

Shade Color Variation

#0f5cfe
```
#0f5cfe rgb(15,92,254)
```
#2369fe
```
#2369fe rgb(35,105,254)
```
#3677fe
```
#3677fe rgb(54,119,254)
```
#4a84fe
```
#4a84fe rgb(74,132,254)
```
#5d91fe
```
#5d91fe rgb(93,145,254)
```
#719efe
```
#719efe rgb(113,158,254)
```
#84acfe
```
#84acfe rgb(132,172,254)
```
#98b9ff
```
#98b9ff rgb(152,185,255)
```
#abc6ff
```
#abc6ff rgb(171,198,255)
```
#bfd3ff
```
#bfd3ff rgb(191,211,255)
```
#d2e1ff
```
#d2e1ff rgb(210,225,255)
```
#e6eeff
```
#e6eeff rgb(230,238,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#7e848f
```
#7e848f rgb(126,132,143)
```
#758098
```
#758098 rgb(117,128,152)
```
#6c7da1
```
#6c7da1 rgb(108,125,161)
```
#627aab
```
#627aab rgb(98,122,171)
```
#5976b4
```
#5976b4 rgb(89,118,180)
```
#5073bd
```
#5073bd rgb(80,115,189)
```
#4770c6
```
#4770c6 rgb(71,112,198)
```
#3d6cd0
```
#3d6cd0 rgb(61,108,208)
```
#3469d9
```
#3469d9 rgb(52,105,217)
```
#2b66e2
```
#2b66e2 rgb(43,102,226)
```
#2263eb
```
#2263eb rgb(34,99,235)
```
#185ff5
```
#185ff5 rgb(24,95,245)
```
#0f5cfe
```
#0f5cfe rgb(15,92,254)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#495878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#0568e7 Protanomaly 1% of men, 0.01% of women
#056cd5 Deuteranomaly 6% of men, 0.4% of women
#0572b1 Tritanomaly 0.01% of the population