#0036fa hex color

In a RGB color space, hex #0036fa is composed of 0% red, 21.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 78.4% magenta, 0% yellow and 2% black. It has a hue angle of 227 degrees, a saturation of 100% and a lightness of 49%. #0036fa color hex could be obtained by blending #006cff with #0000f5. Closest websafe color is: #0033ff.

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

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

The hexadecimal color #0036fa has RGB values of R:0, G:54, B:250 and CMYK values of C:1, M:0.78, Y:0, K:0.02. Its decimal value is 14074.

Hex triplet	0036fa	`#0036fa`
RGB Decimal	0, 54, 250	`rgb(0,54,250)`
RGB Percent	0, 21.2, 98	`rgb(0%,21.2%,98%)`
CMYK	100, 78, 0, 2
HSL	227°, 100, 49	`hsl(227,100%,49%)`
HSV (or HSB)	227°, 100, 98
Web Safe	0033ff	`#0033ff`

CIE-LAB	37.002, 61.68, -97.214
XYZ	18.571, 9.539, 91.3
xyY	0.156, 0.08, 9.539
CIE-LCH	37.002, 115.13, 302.394
CIE-LUV	37.002, -13.127, -130.468
Hunter-Lab	30.885, 53.281, -153.648
Binary	00000000, 00110110, 11111010

#0036fa
```
#0036fa rgb(0,54,250)
```
#fac400
```
#fac400 rgb(250,196,0)
```

Complementary Color

#00b3fa
```
#00b3fa rgb(0,179,250)
```
#0036fa
```
#0036fa rgb(0,54,250)
```
#4700fa
```
#4700fa rgb(71,0,250)
```

Analogous Color

#b3fa00
```
#b3fa00 rgb(179,250,0)
```
#0036fa
```
#0036fa rgb(0,54,250)
```
#fa4700
```
#fa4700 rgb(250,71,0)
```

Split Complementary Color

#36fa00
```
#36fa00 rgb(54,250,0)
```
#0036fa
```
#0036fa rgb(0,54,250)
```
#fa0036
```
#fa0036 rgb(250,0,54)
```

Triadic Color

#00fac4
```
#00fac4 rgb(0,250,196)
```
#0036fa
```
#0036fa rgb(0,54,250)
```
#fa0036
```
#fa0036 rgb(250,0,54)
```
#fac400
```
#fac400 rgb(250,196,0)
```

Tetradic Color

#0025ae
```
#0025ae rgb(0,37,174)
```
#002bc7
```
#002bc7 rgb(0,43,199)
```
#0030e1
```
#0030e1 rgb(0,48,225)
```
#0036fa
```
#0036fa rgb(0,54,250)
```
#1547ff
```
#1547ff rgb(21,71,255)
```
#2e5bff
```
#2e5bff rgb(46,91,255)
```
#486fff
```
#486fff rgb(72,111,255)
```

Monochromatic Color

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

#0075fa
```
#0075fa rgb(0,117,250)
```
#0060fa
```
#0060fa rgb(0,96,250)
```
#004bfa
```
#004bfa rgb(0,75,250)
```
#0036fa
```
#0036fa rgb(0,54,250)
```
#0021fa
```
#0021fa rgb(0,33,250)
```
#000cfa
```
#000cfa rgb(0,12,250)
```
#0800fa
```
#0800fa rgb(8,0,250)
```

Similar Colors

Text with hexadecimal color #0036fa

This text has a font color of #0036fa.

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

#0036fa background color

This paragraph has a background color of #0036fa.

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

#0036fa border color

This element has a border color of #0036fa.

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

CSS codes

.text {color:#0036fa;}

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

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

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

#00030f
```
#00030f rgb(0,3,15)
```
#000722
```
#000722 rgb(0,7,34)
```
#000c36
```
#000c36 rgb(0,12,54)
```
#001049
```
#001049 rgb(0,16,73)
```
#00145d
```
#00145d rgb(0,20,93)
```
#001871
```
#001871 rgb(0,24,113)
```
#001d84
```
#001d84 rgb(0,29,132)
```
#002198
```
#002198 rgb(0,33,152)
```
#0025ac
```
#0025ac rgb(0,37,172)
```
#0029bf
```
#0029bf rgb(0,41,191)
```
#002ed3
```
#002ed3 rgb(0,46,211)
```
#0032e6
```
#0032e6 rgb(0,50,230)
```
#0036fa
```
#0036fa rgb(0,54,250)
```

Shade Color Variation

#0f43ff
```
#0f43ff rgb(15,67,255)
```
#2252ff
```
#2252ff rgb(34,82,255)
```
#3661ff
```
#3661ff rgb(54,97,255)
```
#4971ff
```
#4971ff rgb(73,113,255)
```
#5d80ff
```
#5d80ff rgb(93,128,255)
```
#718fff
```
#718fff rgb(113,143,255)
```
#849fff
```
#849fff rgb(132,159,255)
```
#98aeff
```
#98aeff rgb(152,174,255)
```
#acbeff
```
#acbeff rgb(172,190,255)
```
#bfcdff
```
#bfcdff rgb(191,205,255)
```
#d3dcff
```
#d3dcff rgb(211,220,255)
```
#e6ecff
```
#e6ecff rgb(230,236,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#737887
```
#737887 rgb(115,120,135)
```
#6a7290
```
#6a7290 rgb(106,114,144)
```
#606d9a
```
#606d9a rgb(96,109,154)
```
#5767a3
```
#5767a3 rgb(87,103,163)
```
#4d62ad
```
#4d62ad rgb(77,98,173)
```
#435cb7
```
#435cb7 rgb(67,92,183)
```
#3a57c0
```
#3a57c0 rgb(58,87,192)
```
#3051ca
```
#3051ca rgb(48,81,202)
```
#264cd4
```
#264cd4 rgb(38,76,212)
```
#1d46dd
```
#1d46dd rgb(29,70,221)
```
#1341e7
```
#1341e7 rgb(19,65,231)
```
#0a3bf0
```
#0a3bf0 rgb(10,59,240)
```
#0036fa
```
#0036fa rgb(0,54,250)
```

Tone Color Variation

Below, you can see how #0036fa 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
#303b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00696d Tritanopia 0.001% of the population

Trichromacy

#004ecd Protanomaly 1% of men, 0.01% of women
#0052be Deuteranomaly 6% of men, 0.4% of women
#0056a0 Tritanomaly 0.01% of the population

#0036fa hex color

#0036fa Color Information

#0036fa Color Conversion

Color Schemes with #0036fa

Alternatives to #0036fa

#0036fa Preview

Shades and Tints of #0036fa

Tones of #0036fa

Color Blindness Simulator