#368980 hex color

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

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

● #368980 color description : Dark moderate cyan.

The hexadecimal color #368980 has RGB values of R:54, G:137, B:128 and CMYK values of C:0.61, M:0, Y:0.07, K:0.46. Its decimal value is 3574144.

Hex triplet	368980	`#368980`
RGB Decimal	54, 137, 128	`rgb(54,137,128)`
RGB Percent	21.2, 53.7, 50.2	`rgb(21.2%,53.7%,50.2%)`
CMYK	61, 0, 7, 46
HSL	173.5°, 43.5, 37.5	`hsl(173.5,43.5%,37.5%)`
HSV (or HSB)	173.5°, 60.6, 53.7
Web Safe	339999	`#339999`

CIE-LAB	52.1, -27.217, -2.673
XYZ	14.362, 20.233, 23.569
xyY	0.247, 0.348, 20.233
CIE-LCH	52.1, 27.348, 185.609
CIE-LUV	52.1, -33.86, 0.205
Hunter-Lab	44.981, -21.723, 0.42
Binary	00110110, 10001001, 10000000

#368980
```
#368980 rgb(54,137,128)
```
#89363f
```
#89363f rgb(137,54,63)
```

Complementary Color

#368957
```
#368957 rgb(54,137,87)
```
#368980
```
#368980 rgb(54,137,128)
```
#366989
```
#366989 rgb(54,105,137)
```

Analogous Color

#895736
```
#895736 rgb(137,87,54)
```
#368980
```
#368980 rgb(54,137,128)
```
#893669
```
#893669 rgb(137,54,105)
```

Split Complementary Color

#898036
```
#898036 rgb(137,128,54)
```
#368980
```
#368980 rgb(54,137,128)
```
#803689
```
#803689 rgb(128,54,137)
```

Triadic Color

#3f8936
```
#3f8936 rgb(63,137,54)
```
#368980
```
#368980 rgb(54,137,128)
```
#803689
```
#803689 rgb(128,54,137)
```
#89363f
```
#89363f rgb(137,54,63)
```

Tetradic Color

#20524d
```
#20524d rgb(32,82,77)
```
#28645e
```
#28645e rgb(40,100,94)
```
#2f776f
```
#2f776f rgb(47,119,111)
```
#368980
```
#368980 rgb(54,137,128)
```
#3d9b91
```
#3d9b91 rgb(61,155,145)
```
#44aea2
```
#44aea2 rgb(68,174,162)
```
#51baaf
```
#51baaf rgb(81,186,175)
```

Monochromatic Color

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

#36896b
```
#36896b rgb(54,137,107)
```
#368972
```
#368972 rgb(54,137,114)
```
#368979
```
#368979 rgb(54,137,121)
```
#368980
```
#368980 rgb(54,137,128)
```
#368987
```
#368987 rgb(54,137,135)
```
#368489
```
#368489 rgb(54,132,137)
```
#367d89
```
#367d89 rgb(54,125,137)
```

Similar Colors

Text with hexadecimal color #368980

This text has a font color of #368980.

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

#368980 background color

This paragraph has a background color of #368980.

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

#368980 border color

This element has a border color of #368980.

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

CSS codes

.text {color:#368980;}

.background {background-color:#368980;}

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

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)
```
#0a1817
```
#0a1817 rgb(10,24,23)
```
#0f2724
```
#0f2724 rgb(15,39,36)
```
#153531
```
#153531 rgb(21,53,49)
```
#1a433e
```
#1a433e rgb(26,67,62)
```
#20514b
```
#20514b rgb(32,81,75)
```
#255f59
```
#255f59 rgb(37,95,89)
```
#2b6d66
```
#2b6d66 rgb(43,109,102)
```
#307b73
```
#307b73 rgb(48,123,115)
```
#368980
```
#368980 rgb(54,137,128)
```
#3c978d
```
#3c978d rgb(60,151,141)
```
#41a59a
```
#41a59a rgb(65,165,154)
```
#47b3a7
```
#47b3a7 rgb(71,179,167)
```

Shade Color Variation

#52bbb0
```
#52bbb0 rgb(82,187,176)
```
#61c1b6
```
#61c1b6 rgb(97,193,182)
```
#6fc6bd
```
#6fc6bd rgb(111,198,189)
```
#7dccc3
```
#7dccc3 rgb(125,204,195)
```
#8bd1ca
```
#8bd1ca rgb(139,209,202)
```
#99d7d0
```
#99d7d0 rgb(153,215,208)
```
#a7dcd6
```
#a7dcd6 rgb(167,220,214)
```
#b5e2dd
```
#b5e2dd rgb(181,226,221)
```
#c3e7e3
```
#c3e7e3 rgb(195,231,227)
```
#d1edea
```
#d1edea rgb(209,237,234)
```
#dff2f0
```
#dff2f0 rgb(223,242,240)
```
#edf8f7
```
#edf8f7 rgb(237,248,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#5b6463
```
#5b6463 rgb(91,100,99)
```
#536c69
```
#536c69 rgb(83,108,105)
```
#4c736f
```
#4c736f rgb(76,115,111)
```
#457a74
```
#457a74 rgb(69,122,116)
```
#3d827a
```
#3d827a rgb(61,130,122)
```
#368980
```
#368980 rgb(54,137,128)
```
#2f9086
```
#2f9086 rgb(47,144,134)
```
#27988c
```
#27988c rgb(39,152,140)
```
#209f91
```
#209f91 rgb(32,159,145)
```
#19a697
```
#19a697 rgb(25,166,151)
```
#11ae9d
```
#11ae9d rgb(17,174,157)
```
#0ab5a3
```
#0ab5a3 rgb(10,181,163)
```
#03bca8
```
#03bca8 rgb(3,188,168)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#647472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85827f Protanopia 1% of men
#8a7f8c Deuteranopia 1% of men
#488c96 Tritanopia 0.001% of the population

Trichromacy

#68847f Protanomaly 1% of men, 0.01% of women
#6b8387 Deuteranomaly 6% of men, 0.4% of women
#418b8e Tritanomaly 0.01% of the population

#368980 hex color

#368980 Color Information

#368980 Color Conversion

Color Schemes with #368980

Alternatives to #368980

#368980 Preview

Shades and Tints of #368980

Tones of #368980

Color Blindness Simulator