#036afe hex color

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

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

● #036afe color description : Vivid blue.

The hexadecimal color #036afe has RGB values of R:3, G:106, B:254 and CMYK values of C:0.99, M:0.58, Y:0, K:0. Its decimal value is 223998.

Hex triplet	036afe	`#036afe`
RGB Decimal	3, 106, 254	`rgb(3,106,254)`
RGB Percent	1.2, 41.6, 99.6	`rgb(1.2%,41.6%,99.6%)`
CMYK	99, 58, 0, 0
HSL	215.4°, 99.2, 50.4	`hsl(215.4,99.2%,50.4%)`
HSV (or HSB)	215.4°, 98.8, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.861, 32.354, -79.896
XYZ	23.077, 17.481, 95.918
xyY	0.169, 0.128, 17.481
CIE-LCH	48.861, 86.198, 292.046
CIE-LUV	48.861, -23.348, -123.091
Hunter-Lab	41.81, 25.354, -106.751
Binary	00000011, 01101010, 11111110

#036afe
```
#036afe rgb(3,106,254)
```
#fe9703
```
#fe9703 rgb(254,151,3)
```

Complementary Color

#03e8fe
```
#03e8fe rgb(3,232,254)
```
#036afe
```
#036afe rgb(3,106,254)
```
#1a03fe
```
#1a03fe rgb(26,3,254)
```

Analogous Color

#e8fe03
```
#e8fe03 rgb(232,254,3)
```
#036afe
```
#036afe rgb(3,106,254)
```
#fe1a03
```
#fe1a03 rgb(254,26,3)
```

Split Complementary Color

#6afe03
```
#6afe03 rgb(106,254,3)
```
#036afe
```
#036afe rgb(3,106,254)
```
#fe036a
```
#fe036a rgb(254,3,106)
```

Triadic Color

#03fe97
```
#03fe97 rgb(3,254,151)
```
#036afe
```
#036afe rgb(3,106,254)
```
#fe036a
```
#fe036a rgb(254,3,106)
```
#fe9703
```
#fe9703 rgb(254,151,3)
```

Tetradic Color

#014ab4
```
#014ab4 rgb(1,74,180)
```
#0155cd
```
#0155cd rgb(1,85,205)
```
#015fe7
```
#015fe7 rgb(1,95,231)
```
#036afe
```
#036afe rgb(3,106,254)
```
#1c79fe
```
#1c79fe rgb(28,121,254)
```
#3688fe
```
#3688fe rgb(54,136,254)
```
#4f97fe
```
#4f97fe rgb(79,151,254)
```

Monochromatic Color

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

#03a9fe
```
#03a9fe rgb(3,169,254)
```
#0394fe
```
#0394fe rgb(3,148,254)
```
#037ffe
```
#037ffe rgb(3,127,254)
```
#036afe
```
#036afe rgb(3,106,254)
```
#0355fe
```
#0355fe rgb(3,85,254)
```
#0340fe
```
#0340fe rgb(3,64,254)
```
#032bfe
```
#032bfe rgb(3,43,254)
```

Similar Colors

Text with hexadecimal color #036afe

This text has a font color of #036afe.

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

#036afe background color

This paragraph has a background color of #036afe.

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

#036afe border color

This element has a border color of #036afe.

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

CSS codes

.text {color:#036afe;}

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

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

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)
```
#001129
```
#001129 rgb(0,17,41)
```
#00193d
```
#00193d rgb(0,25,61)
```
#002150
```
#002150 rgb(0,33,80)
```
#002964
```
#002964 rgb(0,41,100)
```
#003177
```
#003177 rgb(0,49,119)
```
#01398b
```
#01398b rgb(1,57,139)
```
#01419e
```
#01419e rgb(1,65,158)
```
#0149b2
```
#0149b2 rgb(1,73,178)
```
#0151c5
```
#0151c5 rgb(1,81,197)
```
#015ad9
```
#015ad9 rgb(1,90,217)
```
#0162ec
```
#0162ec rgb(1,98,236)
```

Shade Color Variation

#036afe
```
#036afe rgb(3,106,254)
```
#1776fe
```
#1776fe rgb(23,118,254)
```
#2a81fe
```
#2a81fe rgb(42,129,254)
```
#3e8dfe
```
#3e8dfe rgb(62,141,254)
```
#5198fe
```
#5198fe rgb(81,152,254)
```
#65a4fe
```
#65a4fe rgb(101,164,254)
```
#78affe
```
#78affe rgb(120,175,254)
```
#8cbbff
```
#8cbbff rgb(140,187,255)
```
#9fc6ff
```
#9fc6ff rgb(159,198,255)
```
#b3d2ff
```
#b3d2ff rgb(179,210,255)
```
#c6deff
```
#c6deff rgb(198,222,255)
```
#dae9ff
```
#dae9ff rgb(218,233,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 #036afe is the most saturated one.

#787f89
```
#787f89 rgb(120,127,137)
```
#6e7d93
```
#6e7d93 rgb(110,125,147)
```
#647b9d
```
#647b9d rgb(100,123,157)
```
#5b7aa6
```
#5b7aa6 rgb(91,122,166)
```
#5178b0
```
#5178b0 rgb(81,120,176)
```
#4776ba
```
#4776ba rgb(71,118,186)
```
#3d74c4
```
#3d74c4 rgb(61,116,196)
```
#3473cd
```
#3473cd rgb(52,115,205)
```
#2a71d7
```
#2a71d7 rgb(42,113,215)
```
#206fe1
```
#206fe1 rgb(32,111,225)
```
#166deb
```
#166deb rgb(22,109,235)
```
#0d6cf4
```
#0d6cf4 rgb(13,108,244)
```
#036afe
```
#036afe rgb(3,106,254)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4a5f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecb Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#0172f1 Protanomaly 1% of men, 0.01% of women
#0176de Deuteranomaly 6% of men, 0.4% of women
#017cb7 Tritanomaly 0.01% of the population

#036afe hex color

#036afe Color Information

#036afe Color Conversion

Color Schemes with #036afe

Alternatives to #036afe

#036afe Preview

Shades and Tints of #036afe

Tones of #036afe

Color Blindness Simulator