#0f5dfe hex color

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

♥
- f
- t
- g
- R 6
- G 36
- B 100
RGB color chart
- C 94
- M 63
- Y 0
- K 0
CMYK color chart

● #0f5dfe color description : Vivid blue.

The hexadecimal color #0f5dfe has RGB values of R:15, G:93, B:254 and CMYK values of C:0.94, M:0.63, Y:0, K:0. Its decimal value is 1007102.

Hex triplet	0f5dfe	`#0f5dfe`
RGB Decimal	15, 93, 254	`rgb(15,93,254)`
RGB Percent	5.9, 36.5, 99.6	`rgb(5.9%,36.5%,99.6%)`
CMYK	94, 63, 0, 0
HSL	220.4°, 99.2, 52.7	`hsl(220.4,99.2%,52.7%)`
HSV (or HSB)	220.4°, 94.1, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.749, 40.82, -84.989
XYZ	21.997, 15.084, 95.513
xyY	0.166, 0.114, 15.084
CIE-LCH	45.749, 94.284, 295.655
CIE-LUV	45.749, -19.813, -127.565
Hunter-Lab	38.838, 33.13, -118.621
Binary	00001111, 01011101, 11111110

#0f5dfe
```
#0f5dfe rgb(15,93,254)
```
#feb00f
```
#feb00f rgb(254,176,15)
```

Complementary Color

#0fd5fe
```
#0fd5fe rgb(15,213,254)
```
#0f5dfe
```
#0f5dfe rgb(15,93,254)
```
#390ffe
```
#390ffe rgb(57,15,254)
```

Analogous Color

#d5fe0f
```
#d5fe0f rgb(213,254,15)
```
#0f5dfe
```
#0f5dfe rgb(15,93,254)
```
#fe390f
```
#fe390f rgb(254,57,15)
```

Split Complementary Color

#5dfe0f
```
#5dfe0f rgb(93,254,15)
```
#0f5dfe
```
#0f5dfe rgb(15,93,254)
```
#fe0f5d
```
#fe0f5d rgb(254,15,93)
```

Triadic Color

#0ffeb0
```
#0ffeb0 rgb(15,254,176)
```
#0f5dfe
```
#0f5dfe rgb(15,93,254)
```
#fe0f5d
```
#fe0f5d rgb(254,15,93)
```
#feb00f
```
#feb00f rgb(254,176,15)
```

Tetradic Color

#013fc0
```
#013fc0 rgb(1,63,192)
```
#0147d9
```
#0147d9 rgb(1,71,217)
```
#0150f2
```
#0150f2 rgb(1,80,242)
```
#0f5dfe
```
#0f5dfe rgb(15,93,254)
```
#286efe
```
#286efe rgb(40,110,254)
```
#427ffe
```
#427ffe rgb(66,127,254)
```
#5b90fe
```
#5b90fe rgb(91,144,254)
```

Monochromatic Color

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

#0f99fe
```
#0f99fe rgb(15,153,254)
```
#0f85fe
```
#0f85fe rgb(15,133,254)
```
#0f71fe
```
#0f71fe rgb(15,113,254)
```
#0f5dfe
```
#0f5dfe rgb(15,93,254)
```
#0f49fe
```
#0f49fe rgb(15,73,254)
```
#0f35fe
```
#0f35fe rgb(15,53,254)
```
#0f21fe
```
#0f21fe rgb(15,33,254)
```

Similar Colors

Text with hexadecimal color #0f5dfe

This text has a font color of #0f5dfe.

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

#0f5dfe background color

This paragraph has a background color of #0f5dfe.

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

#0f5dfe border color

This element has a border color of #0f5dfe.

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

CSS codes

.text {color:#0f5dfe;}

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

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

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)
```
#002570
```
#002570 rgb(0,37,112)
```
#012b83
```
#012b83 rgb(1,43,131)
```
#013297
```
#013297 rgb(1,50,151)
```
#0138aa
```
#0138aa rgb(1,56,170)
```
#013ebe
```
#013ebe rgb(1,62,190)
```
#0145d1
```
#0145d1 rgb(1,69,209)
```
#014be5
```
#014be5 rgb(1,75,229)
```
#0152f8
```
#0152f8 rgb(1,82,248)
```

Shade Color Variation

#0f5dfe
```
#0f5dfe rgb(15,93,254)
```
#236afe
```
#236afe rgb(35,106,254)
```
#3677fe
```
#3677fe rgb(54,119,254)
```
#4a85fe
```
#4a85fe rgb(74,133,254)
```
#5d92fe
```
#5d92fe rgb(93,146,254)
```
#719ffe
```
#719ffe rgb(113,159,254)
```
#84acfe
```
#84acfe rgb(132,172,254)
```
#98b9ff
```
#98b9ff rgb(152,185,255)
```
#abc6ff
```
#abc6ff rgb(171,198,255)
```
#bfd4ff
```
#bfd4ff rgb(191,212,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 #0f5dfe 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)
```
#5977b4
```
#5977b4 rgb(89,119,180)
```
#5074bd
```
#5074bd rgb(80,116,189)
```
#4770c6
```
#4770c6 rgb(71,112,198)
```
#3d6dd0
```
#3d6dd0 rgb(61,109,208)
```
#346ad9
```
#346ad9 rgb(52,106,217)
```
#2b67e2
```
#2b67e2 rgb(43,103,226)
```
#2263eb
```
#2263eb rgb(34,99,235)
```
#1860f5
```
#1860f5 rgb(24,96,245)
```
#0f5dfe
```
#0f5dfe rgb(15,93,254)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#495979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0077be Deuteranopia 1% of men
#007f85 Tritanopia 0.001% of the population

Trichromacy

#0569e8 Protanomaly 1% of men, 0.01% of women
#056dd5 Deuteranomaly 6% of men, 0.4% of women
#0572b1 Tritanomaly 0.01% of the population

#0f5dfe hex color

#0f5dfe Color Information

#0f5dfe Color Conversion

Color Schemes with #0f5dfe

Alternatives to #0f5dfe

#0f5dfe Preview

Shades and Tints of #0f5dfe

Tones of #0f5dfe

Color Blindness Simulator