#0036f1 hex color

In a RGB color space, hex #0036f1 is composed of 0% red, 21.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 77.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 226.6 degrees, a saturation of 100% and a lightness of 47.3%. #0036f1 color hex could be obtained by blending #006cff with #0000e3. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 0
- G 21
- B 95
RGB color chart
- C 100
- M 78
- Y 0
- K 5
CMYK color chart

● #0036f1 color description : Pure (or mostly pure) blue.

The hexadecimal color #0036f1 has RGB values of R:0, G:54, B:241 and CMYK values of C:1, M:0.78, Y:0, K:0.05. Its decimal value is 14065.

Hex triplet	0036f1	`#0036f1`
RGB Decimal	0, 54, 241	`rgb(0,54,241)`
RGB Percent	0, 21.2, 94.5	`rgb(0%,21.2%,94.5%)`
CMYK	100, 78, 0, 5
HSL	226.6°, 100, 47.3	`hsl(226.6,100%,47.3%)`
HSV (or HSB)	226.6°, 100, 94.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.961, 58.807, -93.873
XYZ	17.193, 8.988, 84.043
xyY	0.156, 0.082, 8.988
CIE-LCH	35.961, 110.772, 302.065
CIE-LUV	35.961, -12.935, -125.372
Hunter-Lab	29.98, 49.904, -145.224
Binary	00000000, 00110110, 11110001

#0036f1
```
#0036f1 rgb(0,54,241)
```
#f1bb00
```
#f1bb00 rgb(241,187,0)
```

Complementary Color

#00aff1
```
#00aff1 rgb(0,175,241)
```
#0036f1
```
#0036f1 rgb(0,54,241)
```
#4300f1
```
#4300f1 rgb(67,0,241)
```

Analogous Color

#aff100
```
#aff100 rgb(175,241,0)
```
#0036f1
```
#0036f1 rgb(0,54,241)
```
#f14200
```
#f14200 rgb(241,66,0)
```

Split Complementary Color

#36f100
```
#36f100 rgb(54,241,0)
```
#0036f1
```
#0036f1 rgb(0,54,241)
```
#f10036
```
#f10036 rgb(241,0,54)
```

Triadic Color

#00f1bb
```
#00f1bb rgb(0,241,187)
```
#0036f1
```
#0036f1 rgb(0,54,241)
```
#f10036
```
#f10036 rgb(241,0,54)
```
#f1bb00
```
#f1bb00 rgb(241,187,0)
```

Tetradic Color

#0025a5
```
#0025a5 rgb(0,37,165)
```
#002bbe
```
#002bbe rgb(0,43,190)
```
#0030d8
```
#0030d8 rgb(0,48,216)
```
#0036f1
```
#0036f1 rgb(0,54,241)
```
#0c42ff
```
#0c42ff rgb(12,66,255)
```
#2556ff
```
#2556ff rgb(37,86,255)
```
#3f6aff
```
#3f6aff rgb(63,106,255)
```

Monochromatic Color

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

#0072f1
```
#0072f1 rgb(0,114,241)
```
#005ef1
```
#005ef1 rgb(0,94,241)
```
#004af1
```
#004af1 rgb(0,74,241)
```
#0036f1
```
#0036f1 rgb(0,54,241)
```
#0022f1
```
#0022f1 rgb(0,34,241)
```
#000ef1
```
#000ef1 rgb(0,14,241)
```
#0600f1
```
#0600f1 rgb(6,0,241)
```

Similar Colors

Text with hexadecimal color #0036f1

This text has a font color of #0036f1.

<span style="color:#0036f1;">Text here</span>

#0036f1 background color

This paragraph has a background color of #0036f1.

<p style="background-color:#0036f1;">Content here</p>

#0036f1 border color

This element has a border color of #0036f1.

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

CSS codes

.text {color:#0036f1;}

.background {background-color:#0036f1;}

.border {border:1px solid #0036f1;}

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 #f1f4ff is the lightest one.

#000106
```
#000106 rgb(0,1,6)
```
#000619
```
#000619 rgb(0,6,25)
```
#000a2d
```
#000a2d rgb(0,10,45)
```
#000e40
```
#000e40 rgb(0,14,64)
```
#001354
```
#001354 rgb(0,19,84)
```
#001768
```
#001768 rgb(0,23,104)
```
#001c7b
```
#001c7b rgb(0,28,123)
```
#00208f
```
#00208f rgb(0,32,143)
```
#0024a3
```
#0024a3 rgb(0,36,163)
```
#0029b6
```
#0029b6 rgb(0,41,182)
```
#002dca
```
#002dca rgb(0,45,202)
```
#0032dd
```
#0032dd rgb(0,50,221)
```
#0036f1
```
#0036f1 rgb(0,54,241)
```

Shade Color Variation

#063dff
```
#063dff rgb(6,61,255)
```
#194dff
```
#194dff rgb(25,77,255)
```
#2d5cff
```
#2d5cff rgb(45,92,255)
```
#406bff
```
#406bff rgb(64,107,255)
```
#547aff
```
#547aff rgb(84,122,255)
```
#688aff
```
#688aff rgb(104,138,255)
```
#7b99ff
```
#7b99ff rgb(123,153,255)
```
#8fa8ff
```
#8fa8ff rgb(143,168,255)
```
#a3b7ff
```
#a3b7ff rgb(163,183,255)
```
#b6c6ff
```
#b6c6ff rgb(182,198,255)
```
#cad6ff
```
#cad6ff rgb(202,214,255)
```
#dde5ff
```
#dde5ff rgb(221,229,255)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7382 is the less saturated color, while #0036f1 is the most saturated one.

#6f7382
```
#6f7382 rgb(111,115,130)
```
#666e8b
```
#666e8b rgb(102,110,139)
```
#5d6994
```
#5d6994 rgb(93,105,148)
```
#53649e
```
#53649e rgb(83,100,158)
```
#4a5fa7
```
#4a5fa7 rgb(74,95,167)
```
#415ab0
```
#415ab0 rgb(65,90,176)
```
#3855b9
```
#3855b9 rgb(56,85,185)
```
#2e50c3
```
#2e50c3 rgb(46,80,195)
```
#254acc
```
#254acc rgb(37,74,204)
```
#1c45d5
```
#1c45d5 rgb(28,69,213)
```
#1340de
```
#1340de rgb(19,64,222)
```
#093be8
```
#093be8 rgb(9,59,232)
```
#0036f1
```
#0036f1 rgb(0,54,241)
```

Tone Color Variation

Below, you can see how #0036f1 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

#3b3b3b Achromatopsia 0.005% of the population
#2f3a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#004dc7 Protanomaly 1% of men, 0.01% of women
#0050b8 Deuteranomaly 6% of men, 0.4% of women
#00559b Tritanomaly 0.01% of the population

#0036f1 hex color

#0036f1 Color Information

#0036f1 Color Conversion

Color Schemes with #0036f1

Alternatives to #0036f1

#0036f1 Preview

Shades and Tints of #0036f1

Tones of #0036f1

Color Blindness Simulator