#0356e4 hex color

In a RGB color space, hex #0356e4 is composed of 1.2% red, 33.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 62.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 217.9 degrees, a saturation of 97.4% and a lightness of 45.3%. #0356e4 color hex could be obtained by blending #06acff with #0000c9. 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

● #0356e4 color description : Vivid blue.

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

Hex triplet	0356e4	`#0356e4`
RGB Decimal	3, 86, 228	`rgb(3,86,228)`
RGB Percent	1.2, 33.7, 89.4	`rgb(1.2%,33.7%,89.4%)`
CMYK	99, 62, 0, 11
HSL	217.9°, 97.4, 45.3	`hsl(217.9,97.4%,45.3%)`
HSV (or HSB)	217.9°, 98.7, 89.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.65, 35.23, -77.115
XYZ	17.366, 12.275, 74.849
xyY	0.166, 0.117, 12.275
CIE-LCH	41.65, 84.781, 294.553
CIE-LUV	41.65, -18.838, -113.178
Hunter-Lab	35.036, 27.164, -102.14
Binary	00000011, 01010110, 11100100

#0356e4
```
#0356e4 rgb(3,86,228)
```
#e49103
```
#e49103 rgb(228,145,3)
```

Complementary Color

#03c7e4
```
#03c7e4 rgb(3,199,228)
```
#0356e4
```
#0356e4 rgb(3,86,228)
```
#2103e4
```
#2103e4 rgb(33,3,228)
```

Analogous Color

#c7e403
```
#c7e403 rgb(199,228,3)
```
#0356e4
```
#0356e4 rgb(3,86,228)
```
#e42103
```
#e42103 rgb(228,33,3)
```

Split Complementary Color

#56e403
```
#56e403 rgb(86,228,3)
```
#0356e4
```
#0356e4 rgb(3,86,228)
```
#e40356
```
#e40356 rgb(228,3,86)
```

Triadic Color

#03e491
```
#03e491 rgb(3,228,145)
```
#0356e4
```
#0356e4 rgb(3,86,228)
```
#e40356
```
#e40356 rgb(228,3,86)
```
#e49103
```
#e49103 rgb(228,145,3)
```

Tetradic Color

#023a98
```
#023a98 rgb(2,58,152)
```
#0243b2
```
#0243b2 rgb(2,67,178)
```
#034dcb
```
#034dcb rgb(3,77,203)
```
#0356e4
```
#0356e4 rgb(3,86,228)
```
#0560fc
```
#0560fc rgb(5,96,252)
```
#1e70fc
```
#1e70fc rgb(30,112,252)
```
#3780fc
```
#3780fc rgb(55,128,252)
```

Monochromatic Color

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

#038ee4
```
#038ee4 rgb(3,142,228)
```
#037ce4
```
#037ce4 rgb(3,124,228)
```
#0369e4
```
#0369e4 rgb(3,105,228)
```
#0356e4
```
#0356e4 rgb(3,86,228)
```
#0343e4
```
#0343e4 rgb(3,67,228)
```
#0330e4
```
#0330e4 rgb(3,48,228)
```
#031ee4
```
#031ee4 rgb(3,30,228)
```

Similar Colors

Text with hexadecimal color #0356e4

This text has a font color of #0356e4.

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

#0356e4 background color

This paragraph has a background color of #0356e4.

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

#0356e4 border color

This element has a border color of #0356e4.

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

CSS codes

.text {color:#0356e4;}

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

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

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

#00060f
```
#00060f rgb(0,6,15)
```
#000d22
```
#000d22 rgb(0,13,34)
```
#011436
```
#011436 rgb(1,20,54)
```
#011c49
```
#011c49 rgb(1,28,73)
```
#01235c
```
#01235c rgb(1,35,92)
```
#012a70
```
#012a70 rgb(1,42,112)
```
#023183
```
#023183 rgb(2,49,131)
```
#023997
```
#023997 rgb(2,57,151)
```
#0240aa
```
#0240aa rgb(2,64,170)
```
#0247bd
```
#0247bd rgb(2,71,189)
```
#034fd1
```
#034fd1 rgb(3,79,209)
```
#0356e4
```
#0356e4 rgb(3,86,228)
```
#035df7
```
#035df7 rgb(3,93,247)
```

Shade Color Variation

#1268fc
```
#1268fc rgb(18,104,252)
```
#2675fc
```
#2675fc rgb(38,117,252)
```
#3981fc
```
#3981fc rgb(57,129,252)
```
#4c8dfd
```
#4c8dfd rgb(76,141,253)
```
#609afd
```
#609afd rgb(96,154,253)
```
#73a6fd
```
#73a6fd rgb(115,166,253)
```
#87b2fd
```
#87b2fd rgb(135,178,253)
```
#9abffe
```
#9abffe rgb(154,191,254)
```
#adcbfe
```
#adcbfe rgb(173,203,254)
```
#c1d7fe
```
#c1d7fe rgb(193,215,254)
```
#d4e4fe
```
#d4e4fe rgb(212,228,254)
```
#e7f0ff
```
#e7f0ff rgb(231,240,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#6e7279
```
#6e7279 rgb(110,114,121)
```
#657082
```
#657082 rgb(101,112,130)
```
#5c6d8b
```
#5c6d8b rgb(92,109,139)
```
#536b94
```
#536b94 rgb(83,107,148)
```
#4a699d
```
#4a699d rgb(74,105,157)
```
#4166a6
```
#4166a6 rgb(65,102,166)
```
#3864af
```
#3864af rgb(56,100,175)
```
#2f62b8
```
#2f62b8 rgb(47,98,184)
```
#275fc0
```
#275fc0 rgb(39,95,192)
```
#1e5dc9
```
#1e5dc9 rgb(30,93,201)
```
#155bd2
```
#155bd2 rgb(21,91,210)
```
#0c58db
```
#0c58db rgb(12,88,219)
```
#0356e4
```
#0356e4 rgb(3,86,228)
```

Tone Color Variation

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

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

#0356e4 hex color

#0356e4 Color Information

#0356e4 Color Conversion

Color Schemes with #0356e4

Alternatives to #0356e4

#0356e4 Preview

Shades and Tints of #0356e4

Tones of #0356e4

Color Blindness Simulator