#318196 hex color

In a RGB color space, hex #318196 is composed of 19.2% red, 50.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 14% magenta, 0% yellow and 41.2% black. It has a hue angle of 192.5 degrees, a saturation of 50.8% and a lightness of 39%. #318196 color hex could be obtained by blending #62ffff with #00032d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 51
- B 59
RGB color chart
- C 67
- M 14
- Y 0
- K 41
CMYK color chart

● #318196 color description : Dark moderate cyan.

The hexadecimal color #318196 has RGB values of R:49, G:129, B:150 and CMYK values of C:0.67, M:0.14, Y:0, K:0.41. Its decimal value is 3244438.

Hex triplet	318196	`#318196`
RGB Decimal	49, 129, 150	`rgb(49,129,150)`
RGB Percent	19.2, 50.6, 58.8	`rgb(19.2%,50.6%,58.8%)`
CMYK	67, 14, 0, 41
HSL	192.5°, 50.8, 39	`hsl(192.5,50.8%,39%)`
HSV (or HSB)	192.5°, 67.3, 58.8
Web Safe	339999	`#339999`

CIE-LAB	50.162, -17.277, -18.432
XYZ	14.62, 18.554, 31.663
xyY	0.225, 0.286, 18.554
CIE-LCH	50.162, 25.263, 226.853
CIE-LUV	50.162, -30.704, -24.695
Hunter-Lab	43.075, -14.794, -13.431
Binary	00110001, 10000001, 10010110

#318196
```
#318196 rgb(49,129,150)
```
#964631
```
#964631 rgb(150,70,49)
```

Complementary Color

#319679
```
#319679 rgb(49,150,121)
```
#318196
```
#318196 rgb(49,129,150)
```
#314f96
```
#314f96 rgb(49,79,150)
```

Analogous Color

#967931
```
#967931 rgb(150,121,49)
```
#318196
```
#318196 rgb(49,129,150)
```
#96314f
```
#96314f rgb(150,49,79)
```

Split Complementary Color

#819631
```
#819631 rgb(129,150,49)
```
#318196
```
#318196 rgb(49,129,150)
```
#963181
```
#963181 rgb(150,49,129)
```

Triadic Color

#319646
```
#319646 rgb(49,150,70)
```
#318196
```
#318196 rgb(49,129,150)
```
#963181
```
#963181 rgb(150,49,129)
```
#964631
```
#964631 rgb(150,70,49)
```

Tetradic Color

#1e4f5c
```
#1e4f5c rgb(30,79,92)
```
#246070
```
#246070 rgb(36,96,112)
```
#2b7083
```
#2b7083 rgb(43,112,131)
```
#318196
```
#318196 rgb(49,129,150)
```
#3792a9
```
#3792a9 rgb(55,146,169)
```
#3ea2bc
```
#3ea2bc rgb(62,162,188)
```
#4eadc5
```
#4eadc5 rgb(78,173,197)
```

Monochromatic Color

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

#319692
```
#319692 rgb(49,150,146)
```
#319296
```
#319296 rgb(49,146,150)
```
#318996
```
#318996 rgb(49,137,150)
```
#318196
```
#318196 rgb(49,129,150)
```
#317996
```
#317996 rgb(49,121,150)
```
#317096
```
#317096 rgb(49,112,150)
```
#316896
```
#316896 rgb(49,104,150)
```

Similar Colors

Text with hexadecimal color #318196

This text has a font color of #318196.

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

#318196 background color

This paragraph has a background color of #318196.

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

#318196 border color

This element has a border color of #318196.

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

CSS codes

.text {color:#318196;}

.background {background-color:#318196;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060f11
```
#060f11 rgb(6,15,17)
```
#0a1b20
```
#0a1b20 rgb(10,27,32)
```
#0f282f
```
#0f282f rgb(15,40,47)
```
#14353d
```
#14353d rgb(20,53,61)
```
#19414c
```
#19414c rgb(25,65,76)
```
#1e4e5b
```
#1e4e5b rgb(30,78,91)
```
#235b6a
```
#235b6a rgb(35,91,106)
```
#276878
```
#276878 rgb(39,104,120)
```
#2c7487
```
#2c7487 rgb(44,116,135)
```
#318196
```
#318196 rgb(49,129,150)
```
#368ea5
```
#368ea5 rgb(54,142,165)
```
#3b9ab4
```
#3b9ab4 rgb(59,154,180)
```

Shade Color Variation

#41a6c1
```
#41a6c1 rgb(65,166,193)
```
#50adc6
```
#50adc6 rgb(80,173,198)
```
#5fb4cb
```
#5fb4cb rgb(95,180,203)
```
#6dbbcf
```
#6dbbcf rgb(109,187,207)
```
#7cc2d4
```
#7cc2d4 rgb(124,194,212)
```
#8bc9d9
```
#8bc9d9 rgb(139,201,217)
```
#9ad0de
```
#9ad0de rgb(154,208,222)
```
#a8d7e3
```
#a8d7e3 rgb(168,215,227)
```
#b7dee8
```
#b7dee8 rgb(183,222,232)
```
#c6e4ec
```
#c6e4ec rgb(198,228,236)
```
#d5ebf1
```
#d5ebf1 rgb(213,235,241)
```
#e4f2f6
```
#e4f2f6 rgb(228,242,246)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6668 is the less saturated color, while #039cc4 is the most saturated one.

#5f6668
```
#5f6668 rgb(95,102,104)
```
#576b70
```
#576b70 rgb(87,107,112)
```
#506f77
```
#506f77 rgb(80,111,119)
```
#48747f
```
#48747f rgb(72,116,127)
```
#407887
```
#407887 rgb(64,120,135)
```
#397d8e
```
#397d8e rgb(57,125,142)
```
#318196
```
#318196 rgb(49,129,150)
```
#29859e
```
#29859e rgb(41,133,158)
```
#228aa5
```
#228aa5 rgb(34,138,165)
```
#1a8ead
```
#1a8ead rgb(26,142,173)
```
#1293b5
```
#1293b5 rgb(18,147,181)
```
#0b97bc
```
#0b97bc rgb(11,151,188)
```
#039cc4
```
#039cc4 rgb(3,156,196)
```

Tone Color Variation

Below, you can see how #318196 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
#5f6f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797d95 Protanopia 1% of men
#777c9f Deuteranopia 1% of men
#358993 Tritanopia 0.001% of the population

Trichromacy

#5e7e95 Protanomaly 1% of men, 0.01% of women
#5d7e9c Deuteranomaly 6% of men, 0.4% of women
#348694 Tritanomaly 0.01% of the population

#318196 hex color

#318196 Color Information

#318196 Color Conversion

Color Schemes with #318196

Alternatives to #318196

#318196 Preview

Shades and Tints of #318196

Tones of #318196

Color Blindness Simulator