#368386 hex color

In a RGB color space, hex #368386 is composed of 21.2% red, 51.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 2.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 182.3 degrees, a saturation of 42.6% and a lightness of 36.9%. #368386 color hex could be obtained by blending #6cffff with #00070d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 51
- B 53
RGB color chart
- C 60
- M 2
- Y 0
- K 47
CMYK color chart

● #368386 color description : Dark moderate cyan.

The hexadecimal color #368386 has RGB values of R:54, G:131, B:134 and CMYK values of C:0.6, M:0.02, Y:0, K:0.47. Its decimal value is 3572614.

Hex triplet	368386	`#368386`
RGB Decimal	54, 131, 134	`rgb(54,131,134)`
RGB Percent	21.2, 51.4, 52.5	`rgb(21.2%,51.4%,52.5%)`
CMYK	60, 2, 0, 47
HSL	182.3°, 42.6, 36.9	`hsl(182.3,42.6%,36.9%)`
HSV (or HSB)	182.3°, 59.7, 52.5
Web Safe	339999	`#339999`

CIE-LAB	50.378, -22.435, -8.729
XYZ	13.939, 18.737, 25.435
xyY	0.24, 0.322, 18.737
CIE-LCH	50.378, 24.074, 201.26
CIE-LUV	50.378, -31.22, -9.278
Hunter-Lab	43.286, -18.269, -4.538
Binary	00110110, 10000011, 10000110

#368386
```
#368386 rgb(54,131,134)
```
#863936
```
#863936 rgb(134,57,54)
```

Complementary Color

#368661
```
#368661 rgb(54,134,97)
```
#368386
```
#368386 rgb(54,131,134)
```
#365b86
```
#365b86 rgb(54,91,134)
```

Analogous Color

#866136
```
#866136 rgb(134,97,54)
```
#368386
```
#368386 rgb(54,131,134)
```
#86365b
```
#86365b rgb(134,54,91)
```

Split Complementary Color

#838636
```
#838636 rgb(131,134,54)
```
#368386
```
#368386 rgb(54,131,134)
```
#863683
```
#863683 rgb(134,54,131)
```

Triadic Color

#368639
```
#368639 rgb(54,134,57)
```
#368386
```
#368386 rgb(54,131,134)
```
#863683
```
#863683 rgb(134,54,131)
```
#863936
```
#863936 rgb(134,57,54)
```

Tetradic Color

#204e4f
```
#204e4f rgb(32,78,79)
```
#275f62
```
#275f62 rgb(39,95,98)
```
#2f7174
```
#2f7174 rgb(47,113,116)
```
#368386
```
#368386 rgb(54,131,134)
```
#3d9598
```
#3d9598 rgb(61,149,152)
```
#45a7aa
```
#45a7aa rgb(69,167,170)
```
#50b5b8
```
#50b5b8 rgb(80,181,184)
```

Monochromatic Color

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

#368675
```
#368675 rgb(54,134,117)
```
#36867c
```
#36867c rgb(54,134,124)
```
#368682
```
#368682 rgb(54,134,130)
```
#368386
```
#368386 rgb(54,131,134)
```
#367c86
```
#367c86 rgb(54,124,134)
```
#367686
```
#367686 rgb(54,118,134)
```
#366f86
```
#366f86 rgb(54,111,134)
```

Similar Colors

Text with hexadecimal color #368386

This text has a font color of #368386.

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

#368386 background color

This paragraph has a background color of #368386.

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

#368386 border color

This element has a border color of #368386.

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

CSS codes

.text {color:#368386;}

.background {background-color:#368386;}

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

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

#030808
```
#030808 rgb(3,8,8)
```
#091616
```
#091616 rgb(9,22,22)
```
#0f2324
```
#0f2324 rgb(15,35,36)
```
#143132
```
#143132 rgb(20,49,50)
```
#1a3f40
```
#1a3f40 rgb(26,63,64)
```
#1f4c4e
```
#1f4c4e rgb(31,76,78)
```
#255a5c
```
#255a5c rgb(37,90,92)
```
#2b686a
```
#2b686a rgb(43,104,106)
```
#307578
```
#307578 rgb(48,117,120)
```
#368386
```
#368386 rgb(54,131,134)
```
#3c9194
```
#3c9194 rgb(60,145,148)
```
#419ea2
```
#419ea2 rgb(65,158,162)
```
#47acb0
```
#47acb0 rgb(71,172,176)
```

Shade Color Variation

#51b5b9
```
#51b5b9 rgb(81,181,185)
```
#5fbbbf
```
#5fbbbf rgb(95,187,191)
```
#6dc1c4
```
#6dc1c4 rgb(109,193,196)
```
#7bc7ca
```
#7bc7ca rgb(123,199,202)
```
#89cdd0
```
#89cdd0 rgb(137,205,208)
```
#97d3d5
```
#97d3d5 rgb(151,211,213)
```
#a5d9db
```
#a5d9db rgb(165,217,219)
```
#b3dfe0
```
#b3dfe0 rgb(179,223,224)
```
#c1e5e6
```
#c1e5e6 rgb(193,229,230)
```
#cfebec
```
#cfebec rgb(207,235,236)
```
#ddf1f1
```
#ddf1f1 rgb(221,241,241)
```
#ebf7f7
```
#ebf7f7 rgb(235,247,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#5a6262
```
#5a6262 rgb(90,98,98)
```
#536869
```
#536869 rgb(83,104,105)
```
#4c6f70
```
#4c6f70 rgb(76,111,112)
```
#447678
```
#447678 rgb(68,118,120)
```
#3d7c7f
```
#3d7c7f rgb(61,124,127)
```
#368386
```
#368386 rgb(54,131,134)
```
#2f8a8d
```
#2f8a8d rgb(47,138,141)
```
#289094
```
#289094 rgb(40,144,148)
```
#20979c
```
#20979c rgb(32,151,156)
```
#199ea3
```
#199ea3 rgb(25,158,163)
```
#12a4aa
```
#12a4aa rgb(18,164,170)
```
#0babb1
```
#0babb1 rgb(11,171,177)
```
#03b2b9
```
#03b2b9 rgb(3,178,185)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#617171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7e85 Protanopia 1% of men
#817c91 Deuteranopia 1% of men
#438892 Tritanopia 0.001% of the population

Trichromacy

#647f85 Protanomaly 1% of men, 0.01% of women
#667e8d Deuteranomaly 6% of men, 0.4% of women
#3e868d Tritanomaly 0.01% of the population

#368386 hex color

#368386 Color Information

#368386 Color Conversion

Color Schemes with #368386

Alternatives to #368386

#368386 Preview

Shades and Tints of #368386

Tones of #368386

Color Blindness Simulator