#036ffe hex color

In a RGB color space, hex #036ffe is composed of 1.2% red, 43.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 56.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 214.2 degrees, a saturation of 99.2% and a lightness of 50.4%. #036ffe color hex could be obtained by blending #06deff with #0000fd. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 1
- G 44
- B 100
RGB color chart
- C 99
- M 56
- Y 0
- K 0
CMYK color chart

● #036ffe color description : Vivid blue.

The hexadecimal color #036ffe has RGB values of R:3, G:111, B:254 and CMYK values of C:0.99, M:0.56, Y:0, K:0. Its decimal value is 225278.

Hex triplet	036ffe	`#036ffe`
RGB Decimal	3, 111, 254	`rgb(3,111,254)`
RGB Percent	1.2, 43.5, 99.6	`rgb(1.2%,43.5%,99.6%)`
CMYK	99, 56, 0, 0
HSL	214.2°, 99.2, 50.4	`hsl(214.2,99.2%,50.4%)`
HSV (or HSB)	214.2°, 98.8, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	50.147, 29.181, -77.796
XYZ	23.607, 18.542, 96.095
xyY	0.171, 0.134, 18.542
CIE-LCH	50.147, 83.089, 290.561
CIE-LUV	50.147, -24.639, -120.932
Hunter-Lab	43.06, 22.506, -102.172
Binary	00000011, 01101111, 11111110

#036ffe
```
#036ffe rgb(3,111,254)
```
#fe9203
```
#fe9203 rgb(254,146,3)
```

Complementary Color

#03edfe
```
#03edfe rgb(3,237,254)
```
#036ffe
```
#036ffe rgb(3,111,254)
```
#1503fe
```
#1503fe rgb(21,3,254)
```

Analogous Color

#edfe03
```
#edfe03 rgb(237,254,3)
```
#036ffe
```
#036ffe rgb(3,111,254)
```
#fe1503
```
#fe1503 rgb(254,21,3)
```

Split Complementary Color

#6ffe03
```
#6ffe03 rgb(111,254,3)
```
#036ffe
```
#036ffe rgb(3,111,254)
```
#fe036f
```
#fe036f rgb(254,3,111)
```

Triadic Color

#03fe92
```
#03fe92 rgb(3,254,146)
```
#036ffe
```
#036ffe rgb(3,111,254)
```
#fe036f
```
#fe036f rgb(254,3,111)
```
#fe9203
```
#fe9203 rgb(254,146,3)
```

Tetradic Color

#014eb4
```
#014eb4 rgb(1,78,180)
```
#0159cd
```
#0159cd rgb(1,89,205)
```
#0164e7
```
#0164e7 rgb(1,100,231)
```
#036ffe
```
#036ffe rgb(3,111,254)
```
#1c7efe
```
#1c7efe rgb(28,126,254)
```
#368cfe
```
#368cfe rgb(54,140,254)
```
#4f9bfe
```
#4f9bfe rgb(79,155,254)
```

Monochromatic Color

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

#03aefe
```
#03aefe rgb(3,174,254)
```
#0399fe
```
#0399fe rgb(3,153,254)
```
#0384fe
```
#0384fe rgb(3,132,254)
```
#036ffe
```
#036ffe rgb(3,111,254)
```
#035afe
```
#035afe rgb(3,90,254)
```
#0345fe
```
#0345fe rgb(3,69,254)
```
#0330fe
```
#0330fe rgb(3,48,254)
```

Similar Colors

Text with hexadecimal color #036ffe

This text has a font color of #036ffe.

<span style="color:#036ffe;">Text here</span>

#036ffe background color

This paragraph has a background color of #036ffe.

<p style="background-color:#036ffe;">Content here</p>

#036ffe border color

This element has a border color of #036ffe.

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

CSS codes

.text {color:#036ffe;}

.background {background-color:#036ffe;}

.border {border:1px solid #036ffe;}

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, #000102 is the darkest color, while #edf5ff is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#000916
```
#000916 rgb(0,9,22)
```
#001229
```
#001229 rgb(0,18,41)
```
#001a3d
```
#001a3d rgb(0,26,61)
```
#002350
```
#002350 rgb(0,35,80)
```
#002b64
```
#002b64 rgb(0,43,100)
```
#003477
```
#003477 rgb(0,52,119)
```
#013c8b
```
#013c8b rgb(1,60,139)
```
#01449e
```
#01449e rgb(1,68,158)
```
#014db2
```
#014db2 rgb(1,77,178)
```
#0155c5
```
#0155c5 rgb(1,85,197)
```
#015ed9
```
#015ed9 rgb(1,94,217)
```
#0166ec
```
#0166ec rgb(1,102,236)
```

Shade Color Variation

#036ffe
```
#036ffe rgb(3,111,254)
```
#177afe
```
#177afe rgb(23,122,254)
```
#2a85fe
```
#2a85fe rgb(42,133,254)
```
#3e90fe
```
#3e90fe rgb(62,144,254)
```
#519cfe
```
#519cfe rgb(81,156,254)
```
#65a7fe
```
#65a7fe rgb(101,167,254)
```
#78b2fe
```
#78b2fe rgb(120,178,254)
```
#8cbdff
```
#8cbdff rgb(140,189,255)
```
#9fc8ff
```
#9fc8ff rgb(159,200,255)
```
#b3d3ff
```
#b3d3ff rgb(179,211,255)
```
#c6dfff
```
#c6dfff rgb(198,223,255)
```
#daeaff
```
#daeaff rgb(218,234,255)
```
#edf5ff
```
#edf5ff rgb(237,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787f89 is the less saturated color, while #036ffe is the most saturated one.

#787f89
```
#787f89 rgb(120,127,137)
```
#6e7e93
```
#6e7e93 rgb(110,126,147)
```
#647d9d
```
#647d9d rgb(100,125,157)
```
#5b7ba6
```
#5b7ba6 rgb(91,123,166)
```
#517ab0
```
#517ab0 rgb(81,122,176)
```
#4778ba
```
#4778ba rgb(71,120,186)
```
#3d77c4
```
#3d77c4 rgb(61,119,196)
```
#3476cd
```
#3476cd rgb(52,118,205)
```
#2a74d7
```
#2a74d7 rgb(42,116,215)
```
#2073e1
```
#2073e1 rgb(32,115,225)
```
#1672eb
```
#1672eb rgb(22,114,235)
```
#0d70f4
```
#0d70f4 rgb(13,112,244)
```
#036ffe
```
#036ffe rgb(3,111,254)
```

Tone Color Variation

Below, you can see how #036ffe 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

#5f5f5f Achromatopsia 0.005% of the population
#4d627f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0081d1 Deuteranopia 1% of men
#008a92 Tritanopia 0.001% of the population

Trichromacy

#0176f5 Protanomaly 1% of men, 0.01% of women
#017ae1 Deuteranomaly 6% of men, 0.4% of women
#0180b9 Tritanomaly 0.01% of the population

#036ffe hex color

#036ffe Color Information

#036ffe Color Conversion

Color Schemes with #036ffe

Alternatives to #036ffe

#036ffe Preview

Shades and Tints of #036ffe

Tones of #036ffe

Color Blindness Simulator