#036196 hex color

In a RGB color space, hex #036196 is composed of 1.2% red, 38% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 35.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 201.6 degrees, a saturation of 96.1% and a lightness of 30%. #036196 color hex could be obtained by blending #06c2ff with #00002d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 1
- G 38
- B 59
RGB color chart
- C 98
- M 35
- Y 0
- K 41
CMYK color chart

● #036196 color description : Dark blue.

The hexadecimal color #036196 has RGB values of R:3, G:97, B:150 and CMYK values of C:0.98, M:0.35, Y:0, K:0.41. Its decimal value is 221590.

Hex triplet	036196	`#036196`
RGB Decimal	3, 97, 150	`rgb(3,97,150)`
RGB Percent	1.2, 38, 58.8	`rgb(1.2%,38%,58.8%)`
CMYK	98, 35, 0, 41
HSL	201.6°, 96.1, 30	`hsl(201.6,96.1%,30%)`
HSV (or HSB)	201.6°, 98, 58.8
Web Safe	006699	`#006699`

CIE-LAB	39.19, -3.303, -35.582
XYZ	9.816, 10.77, 30.414
xyY	0.192, 0.211, 10.77
CIE-LCH	39.19, 35.735, 264.697
CIE-LUV	39.19, -24.619, -50.556
Hunter-Lab	32.817, -4.04, -31.976
Binary	00000011, 01100001, 10010110

#036196
```
#036196 rgb(3,97,150)
```
#963803
```
#963803 rgb(150,56,3)
```

Complementary Color

#039682
```
#039682 rgb(3,150,130)
```
#036196
```
#036196 rgb(3,97,150)
```
#031896
```
#031896 rgb(3,24,150)
```

Analogous Color

#968203
```
#968203 rgb(150,130,3)
```
#036196
```
#036196 rgb(3,97,150)
```
#960318
```
#960318 rgb(150,3,24)
```

Split Complementary Color

#619603
```
#619603 rgb(97,150,3)
```
#036196
```
#036196 rgb(3,97,150)
```
#960361
```
#960361 rgb(150,3,97)
```

Triadic Color

#039638
```
#039638 rgb(3,150,56)
```
#036196
```
#036196 rgb(3,97,150)
```
#960361
```
#960361 rgb(150,3,97)
```
#963803
```
#963803 rgb(150,56,3)
```

Tetradic Color

#01314b
```
#01314b rgb(1,49,75)
```
#024164
```
#024164 rgb(2,65,100)
```
#02517d
```
#02517d rgb(2,81,125)
```
#036196
```
#036196 rgb(3,97,150)
```
#0371af
```
#0371af rgb(3,113,175)
```
#0481c8
```
#0481c8 rgb(4,129,200)
```
#0492e1
```
#0492e1 rgb(4,146,225)
```

Monochromatic Color

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

#038696
```
#038696 rgb(3,134,150)
```
#037a96
```
#037a96 rgb(3,122,150)
```
#036d96
```
#036d96 rgb(3,109,150)
```
#036196
```
#036196 rgb(3,97,150)
```
#035596
```
#035596 rgb(3,85,150)
```
#034996
```
#034996 rgb(3,73,150)
```
#033c96
```
#033c96 rgb(3,60,150)
```

Similar Colors

Text with hexadecimal color #036196

This text has a font color of #036196.

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

#036196 background color

This paragraph has a background color of #036196.

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

#036196 border color

This element has a border color of #036196.

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

CSS codes

.text {color:#036196;}

.background {background-color:#036196;}

.border {border:1px solid #036196;}

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

#000a0f
```
#000a0f rgb(0,10,15)
```
#011623
```
#011623 rgb(1,22,35)
```
#012336
```
#012336 rgb(1,35,54)
```
#012f49
```
#012f49 rgb(1,47,73)
```
#023c5c
```
#023c5c rgb(2,60,92)
```
#024870
```
#024870 rgb(2,72,112)
```
#035583
```
#035583 rgb(3,85,131)
```
#036196
```
#036196 rgb(3,97,150)
```
#036da9
```
#036da9 rgb(3,109,169)
```
#047abc
```
#047abc rgb(4,122,188)
```
#0486d0
```
#0486d0 rgb(4,134,208)
```
#0593e3
```
#0593e3 rgb(5,147,227)
```
#059ff6
```
#059ff6 rgb(5,159,246)
```

Shade Color Variation

#14a7fa
```
#14a7fa rgb(20,167,250)
```
#28affb
```
#28affb rgb(40,175,251)
```
#3bb6fb
```
#3bb6fb rgb(59,182,251)
```
#4ebdfb
```
#4ebdfb rgb(78,189,251)
```
#61c4fc
```
#61c4fc rgb(97,196,252)
```
#75cbfc
```
#75cbfc rgb(117,203,252)
```
#88d2fd
```
#88d2fd rgb(136,210,253)
```
#9bdafd
```
#9bdafd rgb(155,218,253)
```
#aee1fd
```
#aee1fd rgb(174,225,253)
```
#c1e8fe
```
#c1e8fe rgb(193,232,254)
```
#d5effe
```
#d5effe rgb(213,239,254)
```
#e8f6ff
```
#e8f6ff rgb(232,246,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#4a4d4f
```
#4a4d4f rgb(74,77,79)
```
#444f55
```
#444f55 rgb(68,79,85)
```
#3e515b
```
#3e515b rgb(62,81,91)
```
#385261
```
#385261 rgb(56,82,97)
```
#325467
```
#325467 rgb(50,84,103)
```
#2c566d
```
#2c566d rgb(44,86,109)
```
#265773
```
#265773 rgb(38,87,115)
```
#205979
```
#205979 rgb(32,89,121)
```
#1b5a7e
```
#1b5a7e rgb(27,90,126)
```
#155c84
```
#155c84 rgb(21,92,132)
```
#0f5e8a
```
#0f5e8a rgb(15,94,138)
```
#095f90
```
#095f90 rgb(9,95,144)
```
#036196
```
#036196 rgb(3,97,150)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3d4f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#506396 Protanopia 1% of men
#3e659d Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#346296 Protanomaly 1% of men, 0.01% of women
#28639a Deuteranomaly 6% of men, 0.4% of women
#016981 Tritanomaly 0.01% of the population

#036196 hex color

#036196 Color Information

#036196 Color Conversion

Color Schemes with #036196

Alternatives to #036196

#036196 Preview

Shades and Tints of #036196

Tones of #036196

Color Blindness Simulator