#0396a0 hex color

In a RGB color space, hex #0396a0 is composed of 1.2% red, 58.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 6.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 183.8 degrees, a saturation of 96.3% and a lightness of 32%. #0396a0 color hex could be obtained by blending #06ffff with #002d41. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 59
- B 63
RGB color chart
- C 98
- M 6
- Y 0
- K 37
CMYK color chart

● #0396a0 color description : Dark cyan.

The hexadecimal color #0396a0 has RGB values of R:3, G:150, B:160 and CMYK values of C:0.98, M:0.06, Y:0, K:0.37. Its decimal value is 235168.

Hex triplet	0396a0	`#0396a0`
RGB Decimal	3, 150, 160	`rgb(3,150,160)`
RGB Percent	1.2, 58.8, 62.7	`rgb(1.2%,58.8%,62.7%)`
CMYK	98, 6, 0, 37
HSL	183.8°, 96.3, 32	`hsl(183.8,96.3%,32%)`
HSV (or HSB)	183.8°, 98.1, 62.7
Web Safe	009999	`#009999`

CIE-LAB	56.455, -29.014, -14.704
XYZ	17.287, 24.368, 37.048
xyY	0.22, 0.31, 24.368
CIE-LCH	56.455, 32.528, 206.875
CIE-LUV	56.455, -42.457, -17.863
Hunter-Lab	49.364, -23.878, -9.942
Binary	00000011, 10010110, 10100000

#0396a0
```
#0396a0 rgb(3,150,160)
```
#a00d03
```
#a00d03 rgb(160,13,3)
```

Complementary Color

#03a05b
```
#03a05b rgb(3,160,91)
```
#0396a0
```
#0396a0 rgb(3,150,160)
```
#0348a0
```
#0348a0 rgb(3,72,160)
```

Analogous Color

#a05b03
```
#a05b03 rgb(160,91,3)
```
#0396a0
```
#0396a0 rgb(3,150,160)
```
#a00348
```
#a00348 rgb(160,3,72)
```

Split Complementary Color

#96a003
```
#96a003 rgb(150,160,3)
```
#0396a0
```
#0396a0 rgb(3,150,160)
```
#a00396
```
#a00396 rgb(160,3,150)
```

Triadic Color

#03a00d
```
#03a00d rgb(3,160,13)
```
#0396a0
```
#0396a0 rgb(3,150,160)
```
#a00396
```
#a00396 rgb(160,3,150)
```
#a00d03
```
#a00d03 rgb(160,13,3)
```

Tetradic Color

#025055
```
#025055 rgb(2,80,85)
```
#02676e
```
#02676e rgb(2,103,110)
```
#037f87
```
#037f87 rgb(3,127,135)
```
#0396a0
```
#0396a0 rgb(3,150,160)
```
#03adb9
```
#03adb9 rgb(3,173,185)
```
#04c5d2
```
#04c5d2 rgb(4,197,210)
```
#04dceb
```
#04dceb rgb(4,220,235)
```

Monochromatic Color

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

#03a083
```
#03a083 rgb(3,160,131)
```
#03a090
```
#03a090 rgb(3,160,144)
```
#03a09d
```
#03a09d rgb(3,160,157)
```
#0396a0
```
#0396a0 rgb(3,150,160)
```
#0389a0
```
#0389a0 rgb(3,137,160)
```
#037ca0
```
#037ca0 rgb(3,124,160)
```
#036fa0
```
#036fa0 rgb(3,111,160)
```

Similar Colors

Text with hexadecimal color #0396a0

This text has a font color of #0396a0.

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

#0396a0 background color

This paragraph has a background color of #0396a0.

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

#0396a0 border color

This element has a border color of #0396a0.

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

CSS codes

.text {color:#0396a0;}

.background {background-color:#0396a0;}

.border {border:1px solid #0396a0;}

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

#000606
```
#000606 rgb(0,6,6)
```
#001819
```
#001819 rgb(0,24,25)
```
#012a2c
```
#012a2c rgb(1,42,44)
```
#013c40
```
#013c40 rgb(1,60,64)
```
#024e53
```
#024e53 rgb(2,78,83)
```
#026066
```
#026066 rgb(2,96,102)
```
#027279
```
#027279 rgb(2,114,121)
```
#03848d
```
#03848d rgb(3,132,141)
```
#0396a0
```
#0396a0 rgb(3,150,160)
```
#03a8b3
```
#03a8b3 rgb(3,168,179)
```
#04bac7
```
#04bac7 rgb(4,186,199)
```
#04ccda
```
#04ccda rgb(4,204,218)
```
#04deed
```
#04deed rgb(4,222,237)
```

Shade Color Variation

#0bebfa
```
#0bebfa rgb(11,235,250)
```
#1eedfb
```
#1eedfb rgb(30,237,251)
```
#31eefb
```
#31eefb rgb(49,238,251)
```
#44f0fc
```
#44f0fc rgb(68,240,252)
```
#58f1fc
```
#58f1fc rgb(88,241,252)
```
#6bf3fc
```
#6bf3fc rgb(107,243,252)
```
#7ef5fd
```
#7ef5fd rgb(126,245,253)
```
#91f6fd
```
#91f6fd rgb(145,246,253)
```
#a5f8fd
```
#a5f8fd rgb(165,248,253)
```
#b8f9fe
```
#b8f9fe rgb(184,249,254)
```
#cbfbfe
```
#cbfbfe rgb(203,251,254)
```
#defcfe
```
#defcfe rgb(222,252,254)
```
#f2feff
```
#f2feff rgb(242,254,255)
```

Tint Color Variation

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

#4e5455
```
#4e5455 rgb(78,84,85)
```
#485a5b
```
#485a5b rgb(72,90,91)
```
#425f61
```
#425f61 rgb(66,95,97)
```
#3b6568
```
#3b6568 rgb(59,101,104)
```
#356a6e
```
#356a6e rgb(53,106,110)
```
#2f7074
```
#2f7074 rgb(47,112,116)
```
#29757a
```
#29757a rgb(41,117,122)
```
#227b81
```
#227b81 rgb(34,123,129)
```
#1c8087
```
#1c8087 rgb(28,128,135)
```
#16868d
```
#16868d rgb(22,134,141)
```
#108b93
```
#108b93 rgb(16,139,147)
```
#09919a
```
#09919a rgb(9,145,154)
```
#0396a0
```
#0396a0 rgb(3,150,160)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#567476 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8c9c Protanopia 1% of men
#8a8aab Deuteranopia 1% of men
#149ba6 Tritanopia 0.001% of the population

Trichromacy

#59909d Protanomaly 1% of men, 0.01% of women
#598ea7 Deuteranomaly 6% of men, 0.4% of women
#0e99a4 Tritanomaly 0.01% of the population

#0396a0 hex color

#0396a0 Color Information

#0396a0 Color Conversion

Color Schemes with #0396a0

Alternatives to #0396a0

#0396a0 Preview

Shades and Tints of #0396a0

Tones of #0396a0

Color Blindness Simulator