#368986 hex color

In a RGB color space, hex #368986 is composed of 21.2% red, 53.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 0% magenta, 2.2% yellow and 46.3% black. It has a hue angle of 177.8 degrees, a saturation of 43.5% and a lightness of 37.5%. #368986 color hex could be obtained by blending #6cffff with #00130d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 54
- B 53
RGB color chart
- C 61
- M 0
- Y 2
- K 46
CMYK color chart

● #368986 color description : Dark moderate cyan.

The hexadecimal color #368986 has RGB values of R:54, G:137, B:134 and CMYK values of C:0.61, M:0, Y:0.02, K:0.46. Its decimal value is 3574150.

Hex triplet	368986	`#368986`
RGB Decimal	54, 137, 134	`rgb(54,137,134)`
RGB Percent	21.2, 53.7, 52.5	`rgb(21.2%,53.7%,52.5%)`
CMYK	61, 0, 2, 46
HSL	177.8°, 43.5, 37.5	`hsl(177.8,43.5%,37.5%)`
HSV (or HSB)	177.8°, 60.6, 53.7
Web Safe	339999	`#339999`

CIE-LAB	52.282, -25.512, -5.892
XYZ	14.769, 20.396, 25.711
xyY	0.243, 0.335, 20.396
CIE-LCH	52.282, 26.183, 193.005
CIE-LUV	52.282, -33.541, -4.717
Hunter-Lab	45.162, -20.659, -2.142
Binary	00110110, 10001001, 10000110

#368986
```
#368986 rgb(54,137,134)
```
#893639
```
#893639 rgb(137,54,57)
```

Complementary Color

#36895d
```
#36895d rgb(54,137,93)
```
#368986
```
#368986 rgb(54,137,134)
```
#366389
```
#366389 rgb(54,99,137)
```

Analogous Color

#895d36
```
#895d36 rgb(137,93,54)
```
#368986
```
#368986 rgb(54,137,134)
```
#893663
```
#893663 rgb(137,54,99)
```

Split Complementary Color

#898636
```
#898636 rgb(137,134,54)
```
#368986
```
#368986 rgb(54,137,134)
```
#863689
```
#863689 rgb(134,54,137)
```

Triadic Color

#398936
```
#398936 rgb(57,137,54)
```
#368986
```
#368986 rgb(54,137,134)
```
#863689
```
#863689 rgb(134,54,137)
```
#893639
```
#893639 rgb(137,54,57)
```

Tetradic Color

#205250
```
#205250 rgb(32,82,80)
```
#286462
```
#286462 rgb(40,100,98)
```
#2f7774
```
#2f7774 rgb(47,119,116)
```
#368986
```
#368986 rgb(54,137,134)
```
#3d9b98
```
#3d9b98 rgb(61,155,152)
```
#44aeaa
```
#44aeaa rgb(68,174,170)
```
#51bab7
```
#51bab7 rgb(81,186,183)
```

Monochromatic Color

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

#368971
```
#368971 rgb(54,137,113)
```
#368978
```
#368978 rgb(54,137,120)
```
#36897f
```
#36897f rgb(54,137,127)
```
#368986
```
#368986 rgb(54,137,134)
```
#368589
```
#368589 rgb(54,133,137)
```
#367e89
```
#367e89 rgb(54,126,137)
```
#367789
```
#367789 rgb(54,119,137)
```

Similar Colors

Text with hexadecimal color #368986

This text has a font color of #368986.

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

#368986 background color

This paragraph has a background color of #368986.

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

#368986 border color

This element has a border color of #368986.

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

CSS codes

.text {color:#368986;}

.background {background-color:#368986;}

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

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, #040a0a is the darkest color, while #fbfefd is the lightest one.

#040a0a
```
#040a0a rgb(4,10,10)
```
#0a1818
```
#0a1818 rgb(10,24,24)
```
#0f2726
```
#0f2726 rgb(15,39,38)
```
#153533
```
#153533 rgb(21,53,51)
```
#1a4341
```
#1a4341 rgb(26,67,65)
```
#20514f
```
#20514f rgb(32,81,79)
```
#255f5d
```
#255f5d rgb(37,95,93)
```
#2b6d6a
```
#2b6d6a rgb(43,109,106)
```
#307b78
```
#307b78 rgb(48,123,120)
```
#368986
```
#368986 rgb(54,137,134)
```
#3c9794
```
#3c9794 rgb(60,151,148)
```
#41a5a2
```
#41a5a2 rgb(65,165,162)
```
#47b3af
```
#47b3af rgb(71,179,175)
```

Shade Color Variation

#52bbb7
```
#52bbb7 rgb(82,187,183)
```
#61c1bd
```
#61c1bd rgb(97,193,189)
```
#6fc6c3
```
#6fc6c3 rgb(111,198,195)
```
#7dccc9
```
#7dccc9 rgb(125,204,201)
```
#8bd1cf
```
#8bd1cf rgb(139,209,207)
```
#99d7d4
```
#99d7d4 rgb(153,215,212)
```
#a7dcda
```
#a7dcda rgb(167,220,218)
```
#b5e2e0
```
#b5e2e0 rgb(181,226,224)
```
#c3e7e6
```
#c3e7e6 rgb(195,231,230)
```
#d1edec
```
#d1edec rgb(209,237,236)
```
#dff2f2
```
#dff2f2 rgb(223,242,242)
```
#edf8f8
```
#edf8f8 rgb(237,248,248)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#5b6464
```
#5b6464 rgb(91,100,100)
```
#536c6b
```
#536c6b rgb(83,108,107)
```
#4c7372
```
#4c7372 rgb(76,115,114)
```
#457a78
```
#457a78 rgb(69,122,120)
```
#3d827f
```
#3d827f rgb(61,130,127)
```
#368986
```
#368986 rgb(54,137,134)
```
#2f908d
```
#2f908d rgb(47,144,141)
```
#279894
```
#279894 rgb(39,152,148)
```
#209f9a
```
#209f9a rgb(32,159,154)
```
#19a6a1
```
#19a6a1 rgb(25,166,161)
```
#11aea8
```
#11aea8 rgb(17,174,168)
```
#0ab5af
```
#0ab5af rgb(10,181,175)
```
#03bcb6
```
#03bcb6 rgb(3,188,182)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#647574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848285 Protanopia 1% of men
#888091 Deuteranopia 1% of men
#468d97 Tritanopia 0.001% of the population

Trichromacy

#688585 Protanomaly 1% of men, 0.01% of women
#6a838d Deuteranomaly 6% of men, 0.4% of women
#408b91 Tritanomaly 0.01% of the population

#368986 hex color

#368986 Color Information

#368986 Color Conversion

Color Schemes with #368986

Alternatives to #368986

#368986 Preview

Shades and Tints of #368986

Tones of #368986

Color Blindness Simulator