#368696 hex color

In a RGB color space, hex #368696 is composed of 21.2% red, 52.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 10.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 190 degrees, a saturation of 47.1% and a lightness of 40%. #368696 color hex could be obtained by blending #6cffff with #000d2d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 53
- B 59
RGB color chart
- C 64
- M 11
- Y 0
- K 41
CMYK color chart

● #368696 color description : Dark moderate cyan.

The hexadecimal color #368696 has RGB values of R:54, G:134, B:150 and CMYK values of C:0.64, M:0.11, Y:0, K:0.41. Its decimal value is 3573398.

Hex triplet	368696	`#368696`
RGB Decimal	54, 134, 150	`rgb(54,134,150)`
RGB Percent	21.2, 52.5, 58.8	`rgb(21.2%,52.5%,58.8%)`
CMYK	64, 11, 0, 41
HSL	190°, 47.1, 40	`hsl(190,47.1%,40%)`
HSV (or HSB)	190°, 64, 58.8
Web Safe	339999	`#339999`

CIE-LAB	51.877, -19.11, -15.804
XYZ	15.55, 20.035, 31.9
xyY	0.23, 0.297, 20.035
CIE-LCH	51.877, 24.798, 219.592
CIE-LUV	51.877, -31.554, -20.528
Hunter-Lab	44.761, -16.32, -10.922
Binary	00110110, 10000110, 10010110

#368696
```
#368696 rgb(54,134,150)
```
#964636
```
#964636 rgb(150,70,54)
```

Complementary Color

#369676
```
#369676 rgb(54,150,118)
```
#368696
```
#368696 rgb(54,134,150)
```
#365696
```
#365696 rgb(54,86,150)
```

Analogous Color

#967636
```
#967636 rgb(150,118,54)
```
#368696
```
#368696 rgb(54,134,150)
```
#963656
```
#963656 rgb(150,54,86)
```

Split Complementary Color

#869636
```
#869636 rgb(134,150,54)
```
#368696
```
#368696 rgb(54,134,150)
```
#963686
```
#963686 rgb(150,54,134)
```

Triadic Color

#369646
```
#369646 rgb(54,150,70)
```
#368696
```
#368696 rgb(54,134,150)
```
#963686
```
#963686 rgb(150,54,134)
```
#964636
```
#964636 rgb(150,70,54)
```

Tetradic Color

#22545e
```
#22545e rgb(34,84,94)
```
#296571
```
#296571 rgb(41,101,113)
```
#2f7583
```
#2f7583 rgb(47,117,131)
```
#368696
```
#368696 rgb(54,134,150)
```
#3d97a9
```
#3d97a9 rgb(61,151,169)
```
#44a8bc
```
#44a8bc rgb(68,168,188)
```
#56b0c2
```
#56b0c2 rgb(86,176,194)
```

Monochromatic Color

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

#36968e
```
#36968e rgb(54,150,142)
```
#369696
```
#369696 rgb(54,150,150)
```
#368e96
```
#368e96 rgb(54,142,150)
```
#368696
```
#368696 rgb(54,134,150)
```
#367e96
```
#367e96 rgb(54,126,150)
```
#367696
```
#367696 rgb(54,118,150)
```
#366e96
```
#366e96 rgb(54,110,150)
```

Similar Colors

Text with hexadecimal color #368696

This text has a font color of #368696.

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

#368696 background color

This paragraph has a background color of #368696.

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

#368696 border color

This element has a border color of #368696.

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

CSS codes

.text {color:#368696;}

.background {background-color:#368696;}

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

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, #020506 is the darkest color, while #f6fbfc is the lightest one.

#020506
```
#020506 rgb(2,5,6)
```
#071214
```
#071214 rgb(7,18,20)
```
#0c1f23
```
#0c1f23 rgb(12,31,35)
```
#122c31
```
#122c31 rgb(18,44,49)
```
#17393f
```
#17393f rgb(23,57,63)
```
#1c464e
```
#1c464e rgb(28,70,78)
```
#21525c
```
#21525c rgb(33,82,92)
```
#265f6b
```
#265f6b rgb(38,95,107)
```
#2c6c79
```
#2c6c79 rgb(44,108,121)
```
#317988
```
#317988 rgb(49,121,136)
```
#368696
```
#368696 rgb(54,134,150)
```
#3b93a4
```
#3b93a4 rgb(59,147,164)
```
#40a0b3
```
#40a0b3 rgb(64,160,179)
```

Shade Color Variation

#49aabe
```
#49aabe rgb(73,170,190)
```
#58b1c3
```
#58b1c3 rgb(88,177,195)
```
#66b8c8
```
#66b8c8 rgb(102,184,200)
```
#75becd
```
#75becd rgb(117,190,205)
```
#83c5d2
```
#83c5d2 rgb(131,197,210)
```
#91ccd8
```
#91ccd8 rgb(145,204,216)
```
#a0d3dd
```
#a0d3dd rgb(160,211,221)
```
#aed9e2
```
#aed9e2 rgb(174,217,226)
```
#bde0e7
```
#bde0e7 rgb(189,224,231)
```
#cbe7ec
```
#cbe7ec rgb(203,231,236)
```
#daeef2
```
#daeef2 rgb(218,238,242)
```
#e8f4f7
```
#e8f4f7 rgb(232,244,247)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656767 is the less saturated color, while #07a5c5 is the most saturated one.

#656767
```
#656767 rgb(101,103,103)
```
#5d6c6f
```
#5d6c6f rgb(93,108,111)
```
#557177
```
#557177 rgb(85,113,119)
```
#4e767e
```
#4e767e rgb(78,118,126)
```
#467c86
```
#467c86 rgb(70,124,134)
```
#3e818e
```
#3e818e rgb(62,129,142)
```
#368696
```
#368696 rgb(54,134,150)
```
#2e8b9e
```
#2e8b9e rgb(46,139,158)
```
#2690a6
```
#2690a6 rgb(38,144,166)
```
#1e96ae
```
#1e96ae rgb(30,150,174)
```
#179bb5
```
#179bb5 rgb(23,155,181)
```
#0fa0bd
```
#0fa0bd rgb(15,160,189)
```
#07a5c5
```
#07a5c5 rgb(7,165,197)
```

Tone Color Variation

Below, you can see how #368696 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
#647478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8194 Protanopia 1% of men
#7e80a0 Deuteranopia 1% of men
#3d8d97 Tritanopia 0.001% of the population

Trichromacy

#648395 Protanomaly 1% of men, 0.01% of women
#64829c Deuteranomaly 6% of men, 0.4% of women
#3b8a96 Tritanomaly 0.01% of the population

#368696 hex color

#368696 Color Information

#368696 Color Conversion

Color Schemes with #368696

Alternatives to #368696

#368696 Preview

Shades and Tints of #368696

Tones of #368696

Color Blindness Simulator