#0356a2 hex color

In a RGB color space, hex #0356a2 is composed of 1.2% red, 33.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 46.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 208.7 degrees, a saturation of 96.4% and a lightness of 32.4%. #0356a2 color hex could be obtained by blending #06acff with #000045. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 1
- G 34
- B 64
RGB color chart
- C 98
- M 47
- Y 0
- K 36
CMYK color chart

● #0356a2 color description : Dark blue.

The hexadecimal color #0356a2 has RGB values of R:3, G:86, B:162 and CMYK values of C:0.98, M:0.47, Y:0, K:0.36. Its decimal value is 218786.

Hex triplet	0356a2	`#0356a2`
RGB Decimal	3, 86, 162	`rgb(3,86,162)`
RGB Percent	1.2, 33.7, 63.5	`rgb(1.2%,33.7%,63.5%)`
CMYK	98, 47, 0, 36
HSL	208.7°, 96.4, 32.4	`hsl(208.7,96.4%,32.4%)`
HSV (or HSB)	208.7°, 98.1, 63.5
Web Safe	006699	`#006699`

CIE-LAB	36.523, 8.746, -47.033
XYZ	9.885, 9.283, 35.451
xyY	0.181, 0.17, 9.283
CIE-LCH	36.523, 47.839, 280.534
CIE-LUV	36.523, -20.447, -67.102
Hunter-Lab	30.467, 4.598, -47.661
Binary	00000011, 01010110, 10100010

#0356a2
```
#0356a2 rgb(3,86,162)
```
#a24f03
```
#a24f03 rgb(162,79,3)
```

Complementary Color

#03a29f
```
#03a29f rgb(3,162,159)
```
#0356a2
```
#0356a2 rgb(3,86,162)
```
#0307a2
```
#0307a2 rgb(3,7,162)
```

Analogous Color

#a29f03
```
#a29f03 rgb(162,159,3)
```
#0356a2
```
#0356a2 rgb(3,86,162)
```
#a20307
```
#a20307 rgb(162,3,7)
```

Split Complementary Color

#56a203
```
#56a203 rgb(86,162,3)
```
#0356a2
```
#0356a2 rgb(3,86,162)
```
#a20356
```
#a20356 rgb(162,3,86)
```

Triadic Color

#03a24f
```
#03a24f rgb(3,162,79)
```
#0356a2
```
#0356a2 rgb(3,86,162)
```
#a20356
```
#a20356 rgb(162,3,86)
```
#a24f03
```
#a24f03 rgb(162,79,3)
```

Tetradic Color

#022e57
```
#022e57 rgb(2,46,87)
```
#023b70
```
#023b70 rgb(2,59,112)
```
#034989
```
#034989 rgb(3,73,137)
```
#0356a2
```
#0356a2 rgb(3,86,162)
```
#0363bb
```
#0363bb rgb(3,99,187)
```
#0471d4
```
#0471d4 rgb(4,113,212)
```
#047eed
```
#047eed rgb(4,126,237)
```

Monochromatic Color

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

#037ea2
```
#037ea2 rgb(3,126,162)
```
#0371a2
```
#0371a2 rgb(3,113,162)
```
#0363a2
```
#0363a2 rgb(3,99,162)
```
#0356a2
```
#0356a2 rgb(3,86,162)
```
#0349a2
```
#0349a2 rgb(3,73,162)
```
#033ca2
```
#033ca2 rgb(3,60,162)
```
#032ea2
```
#032ea2 rgb(3,46,162)
```

Similar Colors

Text with hexadecimal color #0356a2

This text has a font color of #0356a2.

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

#0356a2 background color

This paragraph has a background color of #0356a2.

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

#0356a2 border color

This element has a border color of #0356a2.

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

CSS codes

.text {color:#0356a2;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#010e1b
```
#010e1b rgb(1,14,27)
```
#01192e
```
#01192e rgb(1,25,46)
```
#012342
```
#012342 rgb(1,35,66)
```
#022d55
```
#022d55 rgb(2,45,85)
```
#023768
```
#023768 rgb(2,55,104)
```
#02427b
```
#02427b rgb(2,66,123)
```
#034c8f
```
#034c8f rgb(3,76,143)
```
#0356a2
```
#0356a2 rgb(3,86,162)
```
#0360b5
```
#0360b5 rgb(3,96,181)
```
#046ac9
```
#046ac9 rgb(4,106,201)
```
#0475dc
```
#0475dc rgb(4,117,220)
```
#047fef
```
#047fef rgb(4,127,239)
```

Shade Color Variation

#0d89fb
```
#0d89fb rgb(13,137,251)
```
#2092fb
```
#2092fb rgb(32,146,251)
```
#339cfb
```
#339cfb rgb(51,156,251)
```
#46a5fc
```
#46a5fc rgb(70,165,252)
```
#5aaefc
```
#5aaefc rgb(90,174,252)
```
#6db8fc
```
#6db8fc rgb(109,184,252)
```
#80c1fd
```
#80c1fd rgb(128,193,253)
```
#93cbfd
```
#93cbfd rgb(147,203,253)
```
#a7d4fd
```
#a7d4fd rgb(167,212,253)
```
#baddfe
```
#baddfe rgb(186,221,254)
```
#cde7fe
```
#cde7fe rgb(205,231,254)
```
#e0f0fe
```
#e0f0fe rgb(224,240,254)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#4f5356
```
#4f5356 rgb(79,83,86)
```
#49535c
```
#49535c rgb(73,83,92)
```
#425363
```
#425363 rgb(66,83,99)
```
#3c5369
```
#3c5369 rgb(60,83,105)
```
#36546f
```
#36546f rgb(54,84,111)
```
#2f5476
```
#2f5476 rgb(47,84,118)
```
#29547c
```
#29547c rgb(41,84,124)
```
#235582
```
#235582 rgb(35,85,130)
```
#1c5589
```
#1c5589 rgb(28,85,137)
```
#16558f
```
#16558f rgb(22,85,143)
```
#105595
```
#105595 rgb(16,85,149)
```
#09569c
```
#09569c rgb(9,86,156)
```
#0356a2
```
#0356a2 rgb(3,86,162)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#394958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#355ca4 Protanopia 1% of men
#00609f Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#235aa3 Protanomaly 1% of men, 0.01% of women
#015ca0 Deuteranomaly 6% of men, 0.4% of women
#016180 Tritanomaly 0.01% of the population

#0356a2 hex color

#0356a2 Color Information

#0356a2 Color Conversion

Color Schemes with #0356a2

Alternatives to #0356a2

#0356a2 Preview

Shades and Tints of #0356a2

Tones of #0356a2

Color Blindness Simulator