#0356e5 hex color

In a RGB color space, hex #0356e5 is composed of 1.2% red, 33.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 62.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 218 degrees, a saturation of 97.4% and a lightness of 45.5%. #0356e5 color hex could be obtained by blending #06acff with #0000cb. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 1
- G 34
- B 90
RGB color chart
- C 99
- M 62
- Y 0
- K 10
CMYK color chart

● #0356e5 color description : Vivid blue.

The hexadecimal color #0356e5 has RGB values of R:3, G:86, B:229 and CMYK values of C:0.99, M:0.62, Y:0, K:0.1. Its decimal value is 218853.

Hex triplet	0356e5	`#0356e5`
RGB Decimal	3, 86, 229	`rgb(3,86,229)`
RGB Percent	1.2, 33.7, 89.8	`rgb(1.2%,33.7%,89.8%)`
CMYK	99, 62, 0, 10
HSL	218°, 97.4, 45.5	`hsl(218,97.4%,45.5%)`
HSV (or HSB)	218°, 98.7, 89.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.737, 35.611, -77.539
XYZ	17.505, 12.331, 75.582
xyY	0.166, 0.117, 12.331
CIE-LCH	41.737, 85.326, 294.668
CIE-LUV	41.737, -18.828, -113.822
Hunter-Lab	35.115, 27.533, -103.036
Binary	00000011, 01010110, 11100101

#0356e5
```
#0356e5 rgb(3,86,229)
```
#e59203
```
#e59203 rgb(229,146,3)
```

Complementary Color

#03c7e5
```
#03c7e5 rgb(3,199,229)
```
#0356e5
```
#0356e5 rgb(3,86,229)
```
#2103e5
```
#2103e5 rgb(33,3,229)
```

Analogous Color

#c7e503
```
#c7e503 rgb(199,229,3)
```
#0356e5
```
#0356e5 rgb(3,86,229)
```
#e52103
```
#e52103 rgb(229,33,3)
```

Split Complementary Color

#56e503
```
#56e503 rgb(86,229,3)
```
#0356e5
```
#0356e5 rgb(3,86,229)
```
#e50356
```
#e50356 rgb(229,3,86)
```

Triadic Color

#03e592
```
#03e592 rgb(3,229,146)
```
#0356e5
```
#0356e5 rgb(3,86,229)
```
#e50356
```
#e50356 rgb(229,3,86)
```
#e59203
```
#e59203 rgb(229,146,3)
```

Tetradic Color

#023a99
```
#023a99 rgb(2,58,153)
```
#0243b3
```
#0243b3 rgb(2,67,179)
```
#034dcc
```
#034dcc rgb(3,77,204)
```
#0356e5
```
#0356e5 rgb(3,86,229)
```
#0660fc
```
#0660fc rgb(6,96,252)
```
#1f70fc
```
#1f70fc rgb(31,112,252)
```
#3880fc
```
#3880fc rgb(56,128,252)
```

Monochromatic Color

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

#038fe5
```
#038fe5 rgb(3,143,229)
```
#037ce5
```
#037ce5 rgb(3,124,229)
```
#0369e5
```
#0369e5 rgb(3,105,229)
```
#0356e5
```
#0356e5 rgb(3,86,229)
```
#0343e5
```
#0343e5 rgb(3,67,229)
```
#0330e5
```
#0330e5 rgb(3,48,229)
```
#031ee5
```
#031ee5 rgb(3,30,229)
```

Similar Colors

Text with hexadecimal color #0356e5

This text has a font color of #0356e5.

<span style="color:#0356e5;">Text here</span>

#0356e5 background color

This paragraph has a background color of #0356e5.

<p style="background-color:#0356e5;">Content here</p>

#0356e5 border color

This element has a border color of #0356e5.

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

CSS codes

.text {color:#0356e5;}

.background {background-color:#0356e5;}

.border {border:1px solid #0356e5;}

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

#000610
```
#000610 rgb(0,6,16)
```
#000d23
```
#000d23 rgb(0,13,35)
```
#011537
```
#011537 rgb(1,21,55)
```
#011c4a
```
#011c4a rgb(1,28,74)
```
#01235d
```
#01235d rgb(1,35,93)
```
#012a71
```
#012a71 rgb(1,42,113)
```
#023284
```
#023284 rgb(2,50,132)
```
#023998
```
#023998 rgb(2,57,152)
```
#0240ab
```
#0240ab rgb(2,64,171)
```
#0247be
```
#0247be rgb(2,71,190)
```
#034fd2
```
#034fd2 rgb(3,79,210)
```
#0356e5
```
#0356e5 rgb(3,86,229)
```
#035df8
```
#035df8 rgb(3,93,248)
```

Shade Color Variation

#1369fc
```
#1369fc rgb(19,105,252)
```
#2775fc
```
#2775fc rgb(39,117,252)
```
#3a81fc
```
#3a81fc rgb(58,129,252)
```
#4d8efd
```
#4d8efd rgb(77,142,253)
```
#619afd
```
#619afd rgb(97,154,253)
```
#74a6fd
```
#74a6fd rgb(116,166,253)
```
#87b3fd
```
#87b3fd rgb(135,179,253)
```
#9bbffe
```
#9bbffe rgb(155,191,254)
```
#aecbfe
```
#aecbfe rgb(174,203,254)
```
#c2d8fe
```
#c2d8fe rgb(194,216,254)
```
#d5e4fe
```
#d5e4fe rgb(213,228,254)
```
#e8f1ff
```
#e8f1ff rgb(232,241,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#6e727a
```
#6e727a rgb(110,114,122)
```
#657083
```
#657083 rgb(101,112,131)
```
#5c6e8c
```
#5c6e8c rgb(92,110,140)
```
#536b95
```
#536b95 rgb(83,107,149)
```
#4a699e
```
#4a699e rgb(74,105,158)
```
#4167a7
```
#4167a7 rgb(65,103,167)
```
#3964af
```
#3964af rgb(57,100,175)
```
#3062b8
```
#3062b8 rgb(48,98,184)
```
#275fc1
```
#275fc1 rgb(39,95,193)
```
#1e5dca
```
#1e5dca rgb(30,93,202)
```
#155bd3
```
#155bd3 rgb(21,91,211)
```
#0c58dc
```
#0c58dc rgb(12,88,220)
```
#0356e5
```
#0356e5 rgb(3,86,229)
```

Tone Color Variation

Below, you can see how #0356e5 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

#4d4d4d Achromatopsia 0.005% of the population
#3e4f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#0161d3 Protanomaly 1% of men, 0.01% of women
#0164c2 Deuteranomaly 6% of men, 0.4% of women
#0169a1 Tritanomaly 0.01% of the population

#0356e5 hex color

#0356e5 Color Information

#0356e5 Color Conversion

Color Schemes with #0356e5

Alternatives to #0356e5

#0356e5 Preview

Shades and Tints of #0356e5

Tones of #0356e5

Color Blindness Simulator