#036a95 hex color

In a RGB color space, hex #036a95 is composed of 1.2% red, 41.6% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 28.9% magenta, 0% yellow and 41.6% black. It has a hue angle of 197.7 degrees, a saturation of 96.1% and a lightness of 29.8%. #036a95 color hex could be obtained by blending #06d4ff with #00002b. Closest websafe color is: #006699.

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

● #036a95 color description : Dark blue.

The hexadecimal color #036a95 has RGB values of R:3, G:106, B:149 and CMYK values of C:0.98, M:0.29, Y:0, K:0.42. Its decimal value is 223893.

Hex triplet	036a95	`#036a95`
RGB Decimal	3, 106, 149	`rgb(3,106,149)`
RGB Percent	1.2, 41.6, 58.4	`rgb(1.2%,41.6%,58.4%)`
CMYK	98, 29, 0, 42
HSL	197.7°, 96.1, 29.8	`hsl(197.7,96.1%,29.8%)`
HSV (or HSB)	197.7°, 98, 58.4
Web Safe	006699	`#006699`

CIE-LAB	41.994, -9.19, -30.562
XYZ	10.615, 12.496, 30.285
xyY	0.199, 0.234, 12.496
CIE-LCH	41.994, 31.914, 253.264
CIE-LUV	41.994, -27.774, -43.162
Hunter-Lab	35.35, -8.262, -26.049
Binary	00000011, 01101010, 10010101

#036a95
```
#036a95 rgb(3,106,149)
```
#952e03
```
#952e03 rgb(149,46,3)
```

Complementary Color

#039577
```
#039577 rgb(3,149,119)
```
#036a95
```
#036a95 rgb(3,106,149)
```
#032195
```
#032195 rgb(3,33,149)
```

Analogous Color

#957703
```
#957703 rgb(149,119,3)
```
#036a95
```
#036a95 rgb(3,106,149)
```
#950321
```
#950321 rgb(149,3,33)
```

Split Complementary Color

#6a9503
```
#6a9503 rgb(106,149,3)
```
#036a95
```
#036a95 rgb(3,106,149)
```
#95036a
```
#95036a rgb(149,3,106)
```

Triadic Color

#03952e
```
#03952e rgb(3,149,46)
```
#036a95
```
#036a95 rgb(3,106,149)
```
#95036a
```
#95036a rgb(149,3,106)
```
#952e03
```
#952e03 rgb(149,46,3)
```

Tetradic Color

#01354a
```
#01354a rgb(1,53,74)
```
#024663
```
#024663 rgb(2,70,99)
```
#02587c
```
#02587c rgb(2,88,124)
```
#036a95
```
#036a95 rgb(3,106,149)
```
#047cae
```
#047cae rgb(4,124,174)
```
#048ec7
```
#048ec7 rgb(4,142,199)
```
#059fe0
```
#059fe0 rgb(5,159,224)
```

Monochromatic Color

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

#038f95
```
#038f95 rgb(3,143,149)
```
#038295
```
#038295 rgb(3,130,149)
```
#037695
```
#037695 rgb(3,118,149)
```
#036a95
```
#036a95 rgb(3,106,149)
```
#035e95
```
#035e95 rgb(3,94,149)
```
#035295
```
#035295 rgb(3,82,149)
```
#034695
```
#034695 rgb(3,70,149)
```

Similar Colors

Text with hexadecimal color #036a95

This text has a font color of #036a95.

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

#036a95 background color

This paragraph has a background color of #036a95.

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

#036a95 border color

This element has a border color of #036a95.

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

CSS codes

.text {color:#036a95;}

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

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

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, #000a0e is the darkest color, while #fafeff is the lightest one.

#000a0e
```
#000a0e rgb(0,10,14)
```
#011822
```
#011822 rgb(1,24,34)
```
#012635
```
#012635 rgb(1,38,53)
```
#013348
```
#013348 rgb(1,51,72)
```
#02415b
```
#02415b rgb(2,65,91)
```
#024f6f
```
#024f6f rgb(2,79,111)
```
#035c82
```
#035c82 rgb(3,92,130)
```
#036a95
```
#036a95 rgb(3,106,149)
```
#0378a8
```
#0378a8 rgb(3,120,168)
```
#0485bb
```
#0485bb rgb(4,133,187)
```
#0493cf
```
#0493cf rgb(4,147,207)
```
#05a1e2
```
#05a1e2 rgb(5,161,226)
```
#05aef5
```
#05aef5 rgb(5,174,245)
```

Shade Color Variation

#13b6fa
```
#13b6fa rgb(19,182,250)
```
#27bcfb
```
#27bcfb rgb(39,188,251)
```
#3ac2fb
```
#3ac2fb rgb(58,194,251)
```
#4dc8fb
```
#4dc8fb rgb(77,200,251)
```
#60cefc
```
#60cefc rgb(96,206,252)
```
#74d4fc
```
#74d4fc rgb(116,212,252)
```
#87dafd
```
#87dafd rgb(135,218,253)
```
#9ae0fd
```
#9ae0fd rgb(154,224,253)
```
#ade6fd
```
#ade6fd rgb(173,230,253)
```
#c0ecfe
```
#c0ecfe rgb(192,236,254)
```
#d4f2fe
```
#d4f2fe rgb(212,242,254)
```
#e7f8ff
```
#e7f8ff rgb(231,248,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494d4f is the less saturated color, while #036a95 is the most saturated one.

#494d4f
```
#494d4f rgb(73,77,79)
```
#435055
```
#435055 rgb(67,80,85)
```
#3d525b
```
#3d525b rgb(61,82,91)
```
#385460
```
#385460 rgb(56,84,96)
```
#325766
```
#325766 rgb(50,87,102)
```
#2c596c
```
#2c596c rgb(44,89,108)
```
#265c72
```
#265c72 rgb(38,92,114)
```
#205e78
```
#205e78 rgb(32,94,120)
```
#1a607e
```
#1a607e rgb(26,96,126)
```
#156383
```
#156383 rgb(21,99,131)
```
#0f6589
```
#0f6589 rgb(15,101,137)
```
#09688f
```
#09688f rgb(9,104,143)
```
#036a95
```
#036a95 rgb(3,106,149)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#41555e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6994 Protanopia 1% of men
#506a9d Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#3b6994 Protanomaly 1% of men, 0.01% of women
#346a9a Deuteranomaly 6% of men, 0.4% of women
#017186 Tritanomaly 0.01% of the population

#036a95 hex color

#036a95 Color Information

#036a95 Color Conversion

Color Schemes with #036a95

Alternatives to #036a95

#036a95 Preview

Shades and Tints of #036a95

Tones of #036a95

Color Blindness Simulator