#369b8d hex color

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

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

● #369b8d color description : Dark moderate cyan.

The hexadecimal color #369b8d has RGB values of R:54, G:155, B:141 and CMYK values of C:0.65, M:0, Y:0.09, K:0.39. Its decimal value is 3578765.

Hex triplet	369b8d	`#369b8d`
RGB Decimal	54, 155, 141	`rgb(54,155,141)`
RGB Percent	21.2, 60.8, 55.3	`rgb(21.2%,60.8%,55.3%)`
CMYK	65, 0, 9, 39
HSL	171.7°, 48.3, 41	`hsl(171.7,48.3%,41%)`
HSV (or HSB)	171.7°, 65.2, 60.8
Web Safe	339999	`#339999`

CIE-LAB	58.178, -32.34, -1.22
XYZ	18.049, 26.148, 29.294
xyY	0.246, 0.356, 26.148
CIE-LCH	58.178, 32.363, 182.16
CIE-LUV	58.178, -40.02, 3.084
Hunter-Lab	51.136, -26.484, 1.83
Binary	00110110, 10011011, 10001101

#369b8d
```
#369b8d rgb(54,155,141)
```
#9b3644
```
#9b3644 rgb(155,54,68)
```

Complementary Color

#369b5b
```
#369b5b rgb(54,155,91)
```
#369b8d
```
#369b8d rgb(54,155,141)
```
#36779b
```
#36779b rgb(54,119,155)
```

Analogous Color

#9b5b36
```
#9b5b36 rgb(155,91,54)
```
#369b8d
```
#369b8d rgb(54,155,141)
```
#9b3677
```
#9b3677 rgb(155,54,119)
```

Split Complementary Color

#9b8d36
```
#9b8d36 rgb(155,141,54)
```
#369b8d
```
#369b8d rgb(54,155,141)
```
#8d369b
```
#8d369b rgb(141,54,155)
```

Triadic Color

#449b36
```
#449b36 rgb(68,155,54)
```
#369b8d
```
#369b8d rgb(54,155,141)
```
#8d369b
```
#8d369b rgb(141,54,155)
```
#9b3644
```
#9b3644 rgb(155,54,68)
```

Tetradic Color

#226259
```
#226259 rgb(34,98,89)
```
#29756b
```
#29756b rgb(41,117,107)
```
#2f887c
```
#2f887c rgb(47,136,124)
```
#369b8d
```
#369b8d rgb(54,155,141)
```
#3dae9e
```
#3dae9e rgb(61,174,158)
```
#46beae
```
#46beae rgb(70,190,174)
```
#59c5b6
```
#59c5b6 rgb(89,197,182)
```

Monochromatic Color

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

#369b74
```
#369b74 rgb(54,155,116)
```
#369b7c
```
#369b7c rgb(54,155,124)
```
#369b85
```
#369b85 rgb(54,155,133)
```
#369b8d
```
#369b8d rgb(54,155,141)
```
#369b95
```
#369b95 rgb(54,155,149)
```
#36989b
```
#36989b rgb(54,152,155)
```
#36909b
```
#36909b rgb(54,144,155)
```

Similar Colors

Text with hexadecimal color #369b8d

This text has a font color of #369b8d.

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

#369b8d background color

This paragraph has a background color of #369b8d.

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

#369b8d border color

This element has a border color of #369b8d.

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

CSS codes

.text {color:#369b8d;}

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

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

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)
```
#0d2723
```
#0d2723 rgb(13,39,35)
```
#133530
```
#133530 rgb(19,53,48)
```
#18443e
```
#18443e rgb(24,68,62)
```
#1d524b
```
#1d524b rgb(29,82,75)
```
#226158
```
#226158 rgb(34,97,88)
```
#276f65
```
#276f65 rgb(39,111,101)
```
#2c7e73
```
#2c7e73 rgb(44,126,115)
```
#318c80
```
#318c80 rgb(49,140,128)
```
#369b8d
```
#369b8d rgb(54,155,141)
```
#3baa9a
```
#3baa9a rgb(59,170,154)
```
#40b8a7
```
#40b8a7 rgb(64,184,167)
```

Shade Color Variation

#4bc0b0
```
#4bc0b0 rgb(75,192,176)
```
#5ac6b7
```
#5ac6b7 rgb(90,198,183)
```
#69cbbd
```
#69cbbd rgb(105,203,189)
```
#77d0c3
```
#77d0c3 rgb(119,208,195)
```
#86d5ca
```
#86d5ca rgb(134,213,202)
```
#94dad0
```
#94dad0 rgb(148,218,208)
```
#a3dfd7
```
#a3dfd7 rgb(163,223,215)
```
#b1e4dd
```
#b1e4dd rgb(177,228,221)
```
#c0e9e3
```
#c0e9e3 rgb(192,233,227)
```
#ceeeea
```
#ceeeea rgb(206,238,234)
```
#ddf3f0
```
#ddf3f0 rgb(221,243,240)
```
#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 #06cbb0 is the most saturated one.

#666b6a
```
#666b6a rgb(102,107,106)
```
#5e7370
```
#5e7370 rgb(94,115,112)
```
#567b76
```
#567b76 rgb(86,123,118)
```
#4e837c
```
#4e837c rgb(78,131,124)
```
#468b81
```
#468b81 rgb(70,139,129)
```
#3e9387
```
#3e9387 rgb(62,147,135)
```
#369b8d
```
#369b8d rgb(54,155,141)
```
#2ea393
```
#2ea393 rgb(46,163,147)
```
#26ab99
```
#26ab99 rgb(38,171,153)
```
#1eb39e
```
#1eb39e rgb(30,179,158)
```
#16bba4
```
#16bba4 rgb(22,187,164)
```
#0ec3aa
```
#0ec3aa rgb(14,195,170)
```
#06cbb0
```
#06cbb0 rgb(6,203,176)
```

Tone Color Variation

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

#95918b Protanopia 1% of men
#9b8d99 Deuteranopia 1% of men
#4c9ca8 Tritanopia 0.001% of the population

Trichromacy

#73948b Protanomaly 1% of men, 0.01% of women
#769294 Deuteranomaly 6% of men, 0.4% of women
#449c9e Tritanomaly 0.01% of the population

#369b8d hex color

#369b8d Color Information

#369b8d Color Conversion

Color Schemes with #369b8d

Alternatives to #369b8d

#369b8d Preview

Shades and Tints of #369b8d

Tones of #369b8d

Color Blindness Simulator