colorhexa.com

#036a7f hex color

In a RGB color space, hex #036a7f is composed of 1.2% red, 41.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 16.5% magenta, 0% yellow and 50.2% black. It has a hue angle of 190.2 degrees, a saturation of 95.4% and a lightness of 25.5%. #036a7f color hex could be obtained by blending #06d4fe with #000000. Closest websafe color is: #006666.

- R 1
- G 42
- B 50
RGB color chart
- C 98
- M 17
- Y 0
- K 50
CMYK color chart

● #036a7f color description : Dark cyan.

The hexadecimal color #036a7f has RGB values of R:3, G:106, B:127 and CMYK values of C:0.98, M:0.17, Y:0, K:0.5. Its decimal value is 223871.

Hex triplet	036a7f	`#036a7f`
RGB Decimal	3, 106, 127	`rgb(3,106,127)`
RGB Percent	1.2, 41.6, 49.8	`rgb(1.2%,41.6%,49.8%)`
CMYK	98, 17, 0, 50
HSL	190.2°, 95.4, 25.5	`hsl(190.2,95.4%,25.5%)`
HSV (or HSB)	190.2°, 97.6, 49.8
Web Safe	006666	`#006666`

CIE-LAB	40.991, -17.574, -18.905
XYZ	9.021, 11.859, 21.891
xyY	0.211, 0.277, 11.859
CIE-LCH	40.991, 25.812, 227.09
CIE-LUV	40.991, -29.293, -24.392
Hunter-Lab	34.437, -13.503, -13.584
Binary	00000011, 01101010, 01111111

#036a7f
```
#036a7f rgb(3,106,127)
```
#7f1803
```
#7f1803 rgb(127,24,3)
```

Complementary Color

#037f56
```
#037f56 rgb(3,127,86)
```
#036a7f
```
#036a7f rgb(3,106,127)
```
#032c7f
```
#032c7f rgb(3,44,127)
```

Analogous Color

#7f5603
```
#7f5603 rgb(127,86,3)
```
#036a7f
```
#036a7f rgb(3,106,127)
```
#7f032c
```
#7f032c rgb(127,3,44)
```

Split Complementary Color

#6a7f03
```
#6a7f03 rgb(106,127,3)
```
#036a7f
```
#036a7f rgb(3,106,127)
```
#7f036a
```
#7f036a rgb(127,3,106)
```

Triadic Color

#012c34
```
#012c34 rgb(1,44,52)
```
#02404d
```
#02404d rgb(2,64,77)
```
#025566
```
#025566 rgb(2,85,102)
```
#036a7f
```
#036a7f rgb(3,106,127)
```
#047f98
```
#047f98 rgb(4,127,152)
```
#0494b1
```
#0494b1 rgb(4,148,177)
```
#05a8ca
```
#05a8ca rgb(5,168,202)
```

Monochromatic Color

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

#037f75
```
#037f75 rgb(3,127,117)
```
#037f7f
```
#037f7f rgb(3,127,127)
```
#03747f
```
#03747f rgb(3,116,127)
```
#036a7f
```
#036a7f rgb(3,106,127)
```
#03607f
```
#03607f rgb(3,96,127)
```
#03557f
```
#03557f rgb(3,85,127)
```
#034b7f
```
#034b7f rgb(3,75,127)
```

Similar Colors

Text with hexadecimal color #036a7f

This text has a font color of #036a7f.

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

#036a7f background color

This paragraph has a background color of #036a7f.

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

#036a7f border color

This element has a border color of #036a7f.

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

CSS codes

.text {color:#036a7f;}

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

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

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

#000a0c
```
#000a0c rgb(0,10,12)
```
#011a1f
```
#011a1f rgb(1,26,31)
```
#012a32
```
#012a32 rgb(1,42,50)
```
#023a46
```
#023a46 rgb(2,58,70)
```
#024a59
```
#024a59 rgb(2,74,89)
```
#035a6c
```
#035a6c rgb(3,90,108)
```
#036a7f
```
#036a7f rgb(3,106,127)
```
#037a92
```
#037a92 rgb(3,122,146)
```
#048aa5
```
#048aa5 rgb(4,138,165)
```
#049ab8
```
#049ab8 rgb(4,154,184)
```
#05aacc
```
#05aacc rgb(5,170,204)
```
#05badf
```
#05badf rgb(5,186,223)
```
#06caf2
```
#06caf2 rgb(6,202,242)
```

Shade Color Variation

#12d2f9
```
#12d2f9 rgb(18,210,249)
```
#25d6fa
```
#25d6fa rgb(37,214,250)
```
#38d9fa
```
#38d9fa rgb(56,217,250)
```
#4bddfb
```
#4bddfb rgb(75,221,251)
```
#5fe1fb
```
#5fe1fb rgb(95,225,251)
```
#72e4fc
```
#72e4fc rgb(114,228,252)
```
#85e8fc
```
#85e8fc rgb(133,232,252)
```
#98ecfd
```
#98ecfd rgb(152,236,253)
```
#abeffd
```
#abeffd rgb(171,239,253)
```
#bef3fd
```
#bef3fd rgb(190,243,253)
```
#d2f6fe
```
#d2f6fe rgb(210,246,254)
```
#e5fafe
```
#e5fafe rgb(229,250,254)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#3f4243
```
#3f4243 rgb(63,66,67)
```
#3a4648
```
#3a4648 rgb(58,70,72)
```
#35494d
```
#35494d rgb(53,73,77)
```
#304c52
```
#304c52 rgb(48,76,82)
```
#2b5057
```
#2b5057 rgb(43,80,87)
```
#26535c
```
#26535c rgb(38,83,92)
```
#215661
```
#215661 rgb(33,86,97)
```
#1c5966
```
#1c5966 rgb(28,89,102)
```
#175d6b
```
#175d6b rgb(23,93,107)
```
#126070
```
#126070 rgb(18,96,112)
```
#0d6375
```
#0d6375 rgb(13,99,117)
```
#08677a
```
#08677a rgb(8,103,122)
```
#036a7f
```
#036a7f rgb(3,106,127)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#3f5458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#63677f Protanopia 1% of men
#5f6789 Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#40687f Protanomaly 1% of men, 0.01% of women
#3d6885 Deuteranomaly 6% of men, 0.4% of women
#016f7c Tritanomaly 0.01% of the population