#369b8f hex color

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

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

● #369b8f color description : Dark moderate cyan.

The hexadecimal color #369b8f has RGB values of R:54, G:155, B:143 and CMYK values of C:0.65, M:0, Y:0.08, K:0.39. Its decimal value is 3578767.

Hex triplet	369b8f	`#369b8f`
RGB Decimal	54, 155, 143	`rgb(54,155,143)`
RGB Percent	21.2, 60.8, 56.1	`rgb(21.2%,60.8%,56.1%)`
CMYK	65, 0, 8, 39
HSL	172.9°, 48.3, 41	`hsl(172.9,48.3%,41%)`
HSV (or HSB)	172.9°, 65.2, 60.8
Web Safe	339999	`#339999`

CIE-LAB	58.234, -31.79, -2.274
XYZ	18.199, 26.209, 30.085
xyY	0.244, 0.352, 26.209
CIE-LCH	58.234, 31.871, 184.091
CIE-LUV	58.234, -39.902, 1.461
Hunter-Lab	51.194, -26.135, 0.994
Binary	00110110, 10011011, 10001111

#369b8f
```
#369b8f rgb(54,155,143)
```
#9b3642
```
#9b3642 rgb(155,54,66)
```

Complementary Color

#369b5d
```
#369b5d rgb(54,155,93)
```
#369b8f
```
#369b8f rgb(54,155,143)
```
#36759b
```
#36759b rgb(54,117,155)
```

Analogous Color

#9b5d36
```
#9b5d36 rgb(155,93,54)
```
#369b8f
```
#369b8f rgb(54,155,143)
```
#9b3675
```
#9b3675 rgb(155,54,117)
```

Split Complementary Color

#9b8f36
```
#9b8f36 rgb(155,143,54)
```
#369b8f
```
#369b8f rgb(54,155,143)
```
#8f369b
```
#8f369b rgb(143,54,155)
```

Triadic Color

#429b36
```
#429b36 rgb(66,155,54)
```
#369b8f
```
#369b8f rgb(54,155,143)
```
#8f369b
```
#8f369b rgb(143,54,155)
```
#9b3642
```
#9b3642 rgb(155,54,66)
```

Tetradic Color

#22625b
```
#22625b rgb(34,98,91)
```
#29756c
```
#29756c rgb(41,117,108)
```
#2f887e
```
#2f887e rgb(47,136,126)
```
#369b8f
```
#369b8f rgb(54,155,143)
```
#3daea0
```
#3daea0 rgb(61,174,160)
```
#46beb0
```
#46beb0 rgb(70,190,176)
```
#59c5b8
```
#59c5b8 rgb(89,197,184)
```

Monochromatic Color

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

#369b76
```
#369b76 rgb(54,155,118)
```
#369b7e
```
#369b7e rgb(54,155,126)
```
#369b87
```
#369b87 rgb(54,155,135)
```
#369b8f
```
#369b8f rgb(54,155,143)
```
#369b97
```
#369b97 rgb(54,155,151)
```
#36969b
```
#36969b rgb(54,150,155)
```
#368e9b
```
#368e9b rgb(54,142,155)
```

Similar Colors

Text with hexadecimal color #369b8f

This text has a font color of #369b8f.

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

#369b8f background color

This paragraph has a background color of #369b8f.

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

#369b8f border color

This element has a border color of #369b8f.

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

CSS codes

.text {color:#369b8f;}

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

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

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

#030a09
```
#030a09 rgb(3,10,9)
```
#081816
```
#081816 rgb(8,24,22)
```
#0d2724
```
#0d2724 rgb(13,39,36)
```
#133531
```
#133531 rgb(19,53,49)
```
#18443e
```
#18443e rgb(24,68,62)
```
#1d524c
```
#1d524c rgb(29,82,76)
```
#226159
```
#226159 rgb(34,97,89)
```
#276f67
```
#276f67 rgb(39,111,103)
```
#2c7e74
```
#2c7e74 rgb(44,126,116)
```
#318c82
```
#318c82 rgb(49,140,130)
```
#369b8f
```
#369b8f rgb(54,155,143)
```
#3baa9c
```
#3baa9c rgb(59,170,156)
```
#40b8aa
```
#40b8aa rgb(64,184,170)
```

Shade Color Variation

#4bc0b3
```
#4bc0b3 rgb(75,192,179)
```
#5ac6b9
```
#5ac6b9 rgb(90,198,185)
```
#69cbbf
```
#69cbbf rgb(105,203,191)
```
#77d0c5
```
#77d0c5 rgb(119,208,197)
```
#86d5cb
```
#86d5cb rgb(134,213,203)
```
#94dad2
```
#94dad2 rgb(148,218,210)
```
#a3dfd8
```
#a3dfd8 rgb(163,223,216)
```
#b1e4de
```
#b1e4de rgb(177,228,222)
```
#c0e9e4
```
#c0e9e4 rgb(192,233,228)
```
#ceeeea
```
#ceeeea rgb(206,238,234)
```
#ddf3f0
```
#ddf3f0 rgb(221,243,240)
```
#ebf8f7
```
#ebf8f7 rgb(235,248,247)
```
#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 #06cbb4 is the most saturated one.

#666b6a
```
#666b6a rgb(102,107,106)
```
#5e7370
```
#5e7370 rgb(94,115,112)
```
#567b76
```
#567b76 rgb(86,123,118)
```
#4e837d
```
#4e837d rgb(78,131,125)
```
#468b83
```
#468b83 rgb(70,139,131)
```
#3e9389
```
#3e9389 rgb(62,147,137)
```
#369b8f
```
#369b8f rgb(54,155,143)
```
#2ea395
```
#2ea395 rgb(46,163,149)
```
#26ab9b
```
#26ab9b rgb(38,171,155)
```
#1eb3a1
```
#1eb3a1 rgb(30,179,161)
```
#16bba8
```
#16bba8 rgb(22,187,168)
```
#0ec3ae
```
#0ec3ae rgb(14,195,174)
```
#06cbb4
```
#06cbb4 rgb(6,203,180)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6d817f Atypical Achromatopsia 0.001% of the population

Dichromacy

#95918d Protanopia 1% of men
#9b8e9b Deuteranopia 1% of men
#4b9da8 Tritanopia 0.001% of the population

Trichromacy

#72948d Protanomaly 1% of men, 0.01% of women
#769296 Deuteranomaly 6% of men, 0.4% of women
#439c9f Tritanomaly 0.01% of the population

#369b8f hex color

#369b8f Color Information

#369b8f Color Conversion

Color Schemes with #369b8f

Alternatives to #369b8f

#369b8f Preview

Shades and Tints of #369b8f

Tones of #369b8f

Color Blindness Simulator