#0356e2 hex color

In a RGB color space, hex #0356e2 is composed of 1.2% red, 33.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 61.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 217.7 degrees, a saturation of 97.4% and a lightness of 44.9%. #0356e2 color hex could be obtained by blending #06acff with #0000c5. Closest websafe color is: #0066cc.

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

● #0356e2 color description : Vivid blue.

The hexadecimal color #0356e2 has RGB values of R:3, G:86, B:226 and CMYK values of C:0.99, M:0.62, Y:0, K:0.11. Its decimal value is 218850.

Hex triplet	0356e2	`#0356e2`
RGB Decimal	3, 86, 226	`rgb(3,86,226)`
RGB Percent	1.2, 33.7, 88.6	`rgb(1.2%,33.7%,88.6%)`
CMYK	99, 62, 0, 11
HSL	217.7°, 97.4, 44.9	`hsl(217.7,97.4%,44.9%)`
HSV (or HSB)	217.7°, 98.7, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.476, 34.466, -76.263
XYZ	17.09, 12.164, 73.395
xyY	0.166, 0.119, 12.164
CIE-LCH	41.476, 83.69, 294.32
CIE-LUV	41.476, -18.86, -111.887
Hunter-Lab	34.878, 26.429, -100.353
Binary	00000011, 01010110, 11100010

#0356e2
```
#0356e2 rgb(3,86,226)
```
#e28f03
```
#e28f03 rgb(226,143,3)
```

Complementary Color

#03c6e2
```
#03c6e2 rgb(3,198,226)
```
#0356e2
```
#0356e2 rgb(3,86,226)
```
#2003e2
```
#2003e2 rgb(32,3,226)
```

Analogous Color

#c6e203
```
#c6e203 rgb(198,226,3)
```
#0356e2
```
#0356e2 rgb(3,86,226)
```
#e21f03
```
#e21f03 rgb(226,31,3)
```

Split Complementary Color

#56e203
```
#56e203 rgb(86,226,3)
```
#0356e2
```
#0356e2 rgb(3,86,226)
```
#e20356
```
#e20356 rgb(226,3,86)
```

Triadic Color

#03e28f
```
#03e28f rgb(3,226,143)
```
#0356e2
```
#0356e2 rgb(3,86,226)
```
#e20356
```
#e20356 rgb(226,3,86)
```
#e28f03
```
#e28f03 rgb(226,143,3)
```

Tetradic Color

#023997
```
#023997 rgb(2,57,151)
```
#0243b0
```
#0243b0 rgb(2,67,176)
```
#034cc9
```
#034cc9 rgb(3,76,201)
```
#0356e2
```
#0356e2 rgb(3,86,226)
```
#0360fb
```
#0360fb rgb(3,96,251)
```
#1c6ffc
```
#1c6ffc rgb(28,111,252)
```
#357ffc
```
#357ffc rgb(53,127,252)
```

Monochromatic Color

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

#038ee2
```
#038ee2 rgb(3,142,226)
```
#037be2
```
#037be2 rgb(3,123,226)
```
#0369e2
```
#0369e2 rgb(3,105,226)
```
#0356e2
```
#0356e2 rgb(3,86,226)
```
#0343e2
```
#0343e2 rgb(3,67,226)
```
#0331e2
```
#0331e2 rgb(3,49,226)
```
#031ee2
```
#031ee2 rgb(3,30,226)
```

Similar Colors

Text with hexadecimal color #0356e2

This text has a font color of #0356e2.

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

#0356e2 background color

This paragraph has a background color of #0356e2.

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

#0356e2 border color

This element has a border color of #0356e2.

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

CSS codes

.text {color:#0356e2;}

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

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

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, #00050d is the darkest color, while #f9fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#000c20
```
#000c20 rgb(0,12,32)
```
#011434
```
#011434 rgb(1,20,52)
```
#011b47
```
#011b47 rgb(1,27,71)
```
#01225a
```
#01225a rgb(1,34,90)
```
#012a6e
```
#012a6e rgb(1,42,110)
```
#023181
```
#023181 rgb(2,49,129)
```
#023995
```
#023995 rgb(2,57,149)
```
#0240a8
```
#0240a8 rgb(2,64,168)
```
#0247bb
```
#0247bb rgb(2,71,187)
```
#034fcf
```
#034fcf rgb(3,79,207)
```
#0356e2
```
#0356e2 rgb(3,86,226)
```
#035df5
```
#035df5 rgb(3,93,245)
```

Shade Color Variation

#1068fc
```
#1068fc rgb(16,104,252)
```
#2474fc
```
#2474fc rgb(36,116,252)
```
#3781fc
```
#3781fc rgb(55,129,252)
```
#4a8dfd
```
#4a8dfd rgb(74,141,253)
```
#5e99fd
```
#5e99fd rgb(94,153,253)
```
#71a5fd
```
#71a5fd rgb(113,165,253)
```
#85b2fd
```
#85b2fd rgb(133,178,253)
```
#98befe
```
#98befe rgb(152,190,254)
```
#abcafe
```
#abcafe rgb(171,202,254)
```
#bfd6fe
```
#bfd6fe rgb(191,214,254)
```
#d2e3fe
```
#d2e3fe rgb(210,227,254)
```
#e5efff
```
#e5efff rgb(229,239,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#6d7178
```
#6d7178 rgb(109,113,120)
```
#646f81
```
#646f81 rgb(100,111,129)
```
#5b6d8a
```
#5b6d8a rgb(91,109,138)
```
#526a93
```
#526a93 rgb(82,106,147)
```
#49689c
```
#49689c rgb(73,104,156)
```
#4166a4
```
#4166a4 rgb(65,102,164)
```
#3864ad
```
#3864ad rgb(56,100,173)
```
#2f61b6
```
#2f61b6 rgb(47,97,182)
```
#265fbf
```
#265fbf rgb(38,95,191)
```
#1d5dc8
```
#1d5dc8 rgb(29,93,200)
```
#155bd0
```
#155bd0 rgb(21,91,208)
```
#0c58d9
```
#0c58d9 rgb(12,88,217)
```
#0356e2
```
#0356e2 rgb(3,86,226)
```

Tone Color Variation

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

#0066c8 Protanopia 1% of men
#006cae Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0160d1 Protanomaly 1% of men, 0.01% of women
#0164c1 Deuteranomaly 6% of men, 0.4% of women
#0169a0 Tritanomaly 0.01% of the population

#0356e2 hex color

#0356e2 Color Information

#0356e2 Color Conversion

Color Schemes with #0356e2

Alternatives to #0356e2

#0356e2 Preview

Shades and Tints of #0356e2

Tones of #0356e2

Color Blindness Simulator