#0f36ff hex color

In a RGB color space, hex #0f36ff is composed of 5.9% red, 21.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 78.8% magenta, 0% yellow and 0% black. It has a hue angle of 230.3 degrees, a saturation of 100% and a lightness of 52.9%. #0f36ff color hex could be obtained by blending #1e6cff with #0000ff. Closest websafe color is: #0033ff.

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

● #0f36ff color description : Vivid blue.

The hexadecimal color #0f36ff has RGB values of R:15, G:54, B:255 and CMYK values of C:0.94, M:0.79, Y:0, K:0. Its decimal value is 997119.

Hex triplet	0f36ff	`#0f36ff`
RGB Decimal	15, 54, 255	`rgb(15,54,255)`
RGB Percent	5.9, 21.2, 100	`rgb(5.9%,21.2%,100%)`
CMYK	94, 79, 0, 0
HSL	230.3°, 100, 52.9	`hsl(230.3,100%,52.9%)`
HSV (or HSB)	230.3°, 94.1, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	37.768, 63.454, -98.738
XYZ	19.563, 9.958, 95.493
xyY	0.156, 0.08, 9.958
CIE-LCH	37.768, 117.37, 302.727
CIE-LUV	37.768, -12.775, -133.32
Hunter-Lab	31.557, 55.43, -157.326
Binary	00001111, 00110110, 11111111

#0f36ff
```
#0f36ff rgb(15,54,255)
```
#ffd80f
```
#ffd80f rgb(255,216,15)
```

Complementary Color

#0faeff
```
#0faeff rgb(15,174,255)
```
#0f36ff
```
#0f36ff rgb(15,54,255)
```
#600fff
```
#600fff rgb(96,15,255)
```

Analogous Color

#aeff0f
```
#aeff0f rgb(174,255,15)
```
#0f36ff
```
#0f36ff rgb(15,54,255)
```
#ff600f
```
#ff600f rgb(255,96,15)
```

Split Complementary Color

#36ff0f
```
#36ff0f rgb(54,255,15)
```
#0f36ff
```
#0f36ff rgb(15,54,255)
```
#ff0f36
```
#ff0f36 rgb(255,15,54)
```

Triadic Color

#0fffd8
```
#0fffd8 rgb(15,255,216)
```
#0f36ff
```
#0f36ff rgb(15,54,255)
```
#ff0f36
```
#ff0f36 rgb(255,15,54)
```
#ffd80f
```
#ffd80f rgb(255,216,15)
```

Tetradic Color

#001fc2
```
#001fc2 rgb(0,31,194)
```
#0024db
```
#0024db rgb(0,36,219)
```
#0028f5
```
#0028f5 rgb(0,40,245)
```
#0f36ff
```
#0f36ff rgb(15,54,255)
```
#294bff
```
#294bff rgb(41,75,255)
```
#4261ff
```
#4261ff rgb(66,97,255)
```
#5c76ff
```
#5c76ff rgb(92,118,255)
```

Monochromatic Color

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

#0f72ff
```
#0f72ff rgb(15,114,255)
```
#0f5eff
```
#0f5eff rgb(15,94,255)
```
#0f4aff
```
#0f4aff rgb(15,74,255)
```
#0f36ff
```
#0f36ff rgb(15,54,255)
```
#0f22ff
```
#0f22ff rgb(15,34,255)
```
#100fff
```
#100fff rgb(16,15,255)
```
#240fff
```
#240fff rgb(36,15,255)
```

Similar Colors

Text with hexadecimal color #0f36ff

This text has a font color of #0f36ff.

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

#0f36ff background color

This paragraph has a background color of #0f36ff.

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

#0f36ff border color

This element has a border color of #0f36ff.

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

CSS codes

.text {color:#0f36ff;}

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

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

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, #00020f is the darkest color, while #fafbff is the lightest one.

#00020f
```
#00020f rgb(0,2,15)
```
#000623
```
#000623 rgb(0,6,35)
```
#000936
```
#000936 rgb(0,9,54)
```
#000c4a
```
#000c4a rgb(0,12,74)
```
#000f5d
```
#000f5d rgb(0,15,93)
```
#001271
```
#001271 rgb(0,18,113)
```
#001685
```
#001685 rgb(0,22,133)
```
#001998
```
#001998 rgb(0,25,152)
```
#001cac
```
#001cac rgb(0,28,172)
```
#001fc0
```
#001fc0 rgb(0,31,192)
```
#0022d3
```
#0022d3 rgb(0,34,211)
```
#0026e7
```
#0026e7 rgb(0,38,231)
```
#0029fa
```
#0029fa rgb(0,41,250)
```

Shade Color Variation

#0f36ff
```
#0f36ff rgb(15,54,255)
```
#2346ff
```
#2346ff rgb(35,70,255)
```
#3657ff
```
#3657ff rgb(54,87,255)
```
#4a67ff
```
#4a67ff rgb(74,103,255)
```
#5d78ff
```
#5d78ff rgb(93,120,255)
```
#7188ff
```
#7188ff rgb(113,136,255)
```
#8599ff
```
#8599ff rgb(133,153,255)
```
#98a9ff
```
#98a9ff rgb(152,169,255)
```
#acb9ff
```
#acb9ff rgb(172,185,255)
```
#c0caff
```
#c0caff rgb(192,202,255)
```
#d3daff
```
#d3daff rgb(211,218,255)
```
#e7ebff
```
#e7ebff rgb(231,235,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#7e8190
```
#7e8190 rgb(126,129,144)
```
#757b99
```
#757b99 rgb(117,123,153)
```
#6b74a3
```
#6b74a3 rgb(107,116,163)
```
#626eac
```
#626eac rgb(98,110,172)
```
#5968b5
```
#5968b5 rgb(89,104,181)
```
#5062be
```
#5062be rgb(80,98,190)
```
#465bc8
```
#465bc8 rgb(70,91,200)
```
#3d55d1
```
#3d55d1 rgb(61,85,209)
```
#344fda
```
#344fda rgb(52,79,218)
```
#2b49e3
```
#2b49e3 rgb(43,73,227)
```
#2142ed
```
#2142ed rgb(33,66,237)
```
#183cf6
```
#183cf6 rgb(24,60,246)
```
#0f36ff
```
#0f36ff rgb(15,54,255)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#373f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00649e Deuteranopia 1% of men
#006b6f Tritanopia 0.001% of the population

Trichromacy

#054fd1 Protanomaly 1% of men, 0.01% of women
#0553c1 Deuteranomaly 6% of men, 0.4% of women
#0557a3 Tritanomaly 0.01% of the population

#0f36ff hex color

#0f36ff Color Information

#0f36ff Color Conversion

Color Schemes with #0f36ff

Alternatives to #0f36ff

#0f36ff Preview

Shades and Tints of #0f36ff

Tones of #0f36ff

Color Blindness Simulator