#369b86 hex color

In a RGB color space, hex #369b86 is composed of 21.2% red, 60.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 0% magenta, 13.5% yellow and 39.2% black. It has a hue angle of 167.5 degrees, a saturation of 48.3% and a lightness of 41%. #369b86 color hex could be obtained by blending #6cffff with #00370d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 61
- B 53
RGB color chart
- C 65
- M 0
- Y 14
- K 39
CMYK color chart

● #369b86 color description : Dark moderate cyan.

The hexadecimal color #369b86 has RGB values of R:54, G:155, B:134 and CMYK values of C:0.65, M:0, Y:0.14, K:0.39. Its decimal value is 3578758.

Hex triplet	369b86	`#369b86`
RGB Decimal	54, 155, 134	`rgb(54,155,134)`
RGB Percent	21.2, 60.8, 52.5	`rgb(21.2%,60.8%,52.5%)`
CMYK	65, 0, 14, 39
HSL	167.5°, 48.3, 41	`hsl(167.5,48.3%,41%)`
HSV (or HSB)	167.5°, 65.2, 60.8
Web Safe	339999	`#339999`

CIE-LAB	57.986, -34.219, 2.479
XYZ	17.544, 25.947, 26.637
xyY	0.25, 0.37, 25.947
CIE-LCH	57.986, 34.309, 175.857
CIE-LUV	57.986, -40.432, 8.678
Hunter-Lab	50.938, -27.661, 4.652
Binary	00110110, 10011011, 10000110

#369b86
```
#369b86 rgb(54,155,134)
```
#9b364b
```
#9b364b rgb(155,54,75)
```

Complementary Color

#369b54
```
#369b54 rgb(54,155,84)
```
#369b86
```
#369b86 rgb(54,155,134)
```
#367e9b
```
#367e9b rgb(54,126,155)
```

Analogous Color

#9b5436
```
#9b5436 rgb(155,84,54)
```
#369b86
```
#369b86 rgb(54,155,134)
```
#9b367e
```
#9b367e rgb(155,54,126)
```

Split Complementary Color

#9b8636
```
#9b8636 rgb(155,134,54)
```
#369b86
```
#369b86 rgb(54,155,134)
```
#86369b
```
#86369b rgb(134,54,155)
```

Triadic Color

#4b9b36
```
#4b9b36 rgb(75,155,54)
```
#369b86
```
#369b86 rgb(54,155,134)
```
#86369b
```
#86369b rgb(134,54,155)
```
#9b364b
```
#9b364b rgb(155,54,75)
```

Tetradic Color

#226255
```
#226255 rgb(34,98,85)
```
#297565
```
#297565 rgb(41,117,101)
```
#2f8876
```
#2f8876 rgb(47,136,118)
```
#369b86
```
#369b86 rgb(54,155,134)
```
#3dae96
```
#3dae96 rgb(61,174,150)
```
#46bea5
```
#46bea5 rgb(70,190,165)
```
#59c5ae
```
#59c5ae rgb(89,197,174)
```

Monochromatic Color

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

#369b6d
```
#369b6d rgb(54,155,109)
```
#369b75
```
#369b75 rgb(54,155,117)
```
#369b7e
```
#369b7e rgb(54,155,126)
```
#369b86
```
#369b86 rgb(54,155,134)
```
#369b8e
```
#369b8e rgb(54,155,142)
```
#369b97
```
#369b97 rgb(54,155,151)
```
#36979b
```
#36979b rgb(54,151,155)
```

Similar Colors

Text with hexadecimal color #369b86

This text has a font color of #369b86.

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

#369b86 background color

This paragraph has a background color of #369b86.

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

#369b86 border color

This element has a border color of #369b86.

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

CSS codes

.text {color:#369b86;}

.background {background-color:#369b86;}

.border {border:1px solid #369b86;}

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, #030a08 is the darkest color, while #fafdfd is the lightest one.

#030a08
```
#030a08 rgb(3,10,8)
```
#081815
```
#081815 rgb(8,24,21)
```
#0d2721
```
#0d2721 rgb(13,39,33)
```
#13352e
```
#13352e rgb(19,53,46)
```
#18443b
```
#18443b rgb(24,68,59)
```
#1d5247
```
#1d5247 rgb(29,82,71)
```
#226154
```
#226154 rgb(34,97,84)
```
#276f60
```
#276f60 rgb(39,111,96)
```
#2c7e6d
```
#2c7e6d rgb(44,126,109)
```
#318c79
```
#318c79 rgb(49,140,121)
```
#369b86
```
#369b86 rgb(54,155,134)
```
#3baa93
```
#3baa93 rgb(59,170,147)
```
#40b89f
```
#40b89f rgb(64,184,159)
```

Shade Color Variation

#4bc0a8
```
#4bc0a8 rgb(75,192,168)
```
#5ac6af
```
#5ac6af rgb(90,198,175)
```
#69cbb6
```
#69cbb6 rgb(105,203,182)
```
#77d0bd
```
#77d0bd rgb(119,208,189)
```
#86d5c4
```
#86d5c4 rgb(134,213,196)
```
#94dacb
```
#94dacb rgb(148,218,203)
```
#a3dfd2
```
#a3dfd2 rgb(163,223,210)
```
#b1e4d9
```
#b1e4d9 rgb(177,228,217)
```
#c0e9e0
```
#c0e9e0 rgb(192,233,224)
```
#ceeee7
```
#ceeee7 rgb(206,238,231)
```
#ddf3ee
```
#ddf3ee rgb(221,243,238)
```
#ebf8f6
```
#ebf8f6 rgb(235,248,246)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666b6a is the less saturated color, while #06cba2 is the most saturated one.

#666b6a
```
#666b6a rgb(102,107,106)
```
#5e736f
```
#5e736f rgb(94,115,111)
```
#567b73
```
#567b73 rgb(86,123,115)
```
#4e8378
```
#4e8378 rgb(78,131,120)
```
#468b7d
```
#468b7d rgb(70,139,125)
```
#3e9381
```
#3e9381 rgb(62,147,129)
```
#369b86
```
#369b86 rgb(54,155,134)
```
#2ea38b
```
#2ea38b rgb(46,163,139)
```
#26ab8f
```
#26ab8f rgb(38,171,143)
```
#1eb394
```
#1eb394 rgb(30,179,148)
```
#16bb99
```
#16bb99 rgb(22,187,153)
```
#0ec39d
```
#0ec39d rgb(14,195,157)
```
#06cba2
```
#06cba2 rgb(6,203,162)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6c817c Atypical Achromatopsia 0.001% of the population

Dichromacy

#969084 Protanopia 1% of men
#9d8d93 Deuteranopia 1% of men
#4e9ca7 Tritanopia 0.001% of the population

Trichromacy

#739485 Protanomaly 1% of men, 0.01% of women
#78928e Deuteranomaly 6% of men, 0.4% of women
#459b9b Tritanomaly 0.01% of the population

#369b86 hex color

#369b86 Color Information

#369b86 Color Conversion

Color Schemes with #369b86

Alternatives to #369b86

#369b86 Preview

Shades and Tints of #369b86

Tones of #369b86

Color Blindness Simulator