#368486 hex color

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

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

● #368486 color description : Dark moderate cyan.

The hexadecimal color #368486 has RGB values of R:54, G:132, B:134 and CMYK values of C:0.6, M:0.01, Y:0, K:0.47. Its decimal value is 3572870.

Hex triplet	368486	`#368486`
RGB Decimal	54, 132, 134	`rgb(54,132,134)`
RGB Percent	21.2, 51.8, 52.5	`rgb(21.2%,51.8%,52.5%)`
CMYK	60, 1, 0, 47
HSL	181.5°, 42.6, 36.9	`hsl(181.5,42.6%,36.9%)`
HSV (or HSB)	181.5°, 59.7, 52.5
Web Safe	339999	`#339999`

CIE-LAB	50.695, -22.954, -8.255
XYZ	14.074, 19.007, 25.48
xyY	0.24, 0.325, 19.007
CIE-LCH	50.695, 24.394, 199.78
CIE-LUV	50.695, -31.607, -8.515
Hunter-Lab	43.597, -18.669, -4.134
Binary	00110110, 10000100, 10000110

#368486
```
#368486 rgb(54,132,134)
```
#863836
```
#863836 rgb(134,56,54)
```

Complementary Color

#368660
```
#368660 rgb(54,134,96)
```
#368486
```
#368486 rgb(54,132,134)
```
#365c86
```
#365c86 rgb(54,92,134)
```

Analogous Color

#866036
```
#866036 rgb(134,96,54)
```
#368486
```
#368486 rgb(54,132,134)
```
#86365c
```
#86365c rgb(134,54,92)
```

Split Complementary Color

#848636
```
#848636 rgb(132,134,54)
```
#368486
```
#368486 rgb(54,132,134)
```
#863684
```
#863684 rgb(134,54,132)
```

Triadic Color

#368638
```
#368638 rgb(54,134,56)
```
#368486
```
#368486 rgb(54,132,134)
```
#863684
```
#863684 rgb(134,54,132)
```
#863836
```
#863836 rgb(134,56,54)
```

Tetradic Color

#204e4f
```
#204e4f rgb(32,78,79)
```
#276062
```
#276062 rgb(39,96,98)
```
#2f7274
```
#2f7274 rgb(47,114,116)
```
#368486
```
#368486 rgb(54,132,134)
```
#3d9698
```
#3d9698 rgb(61,150,152)
```
#45a8aa
```
#45a8aa rgb(69,168,170)
```
#50b6b8
```
#50b6b8 rgb(80,182,184)
```

Monochromatic Color

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

#368674
```
#368674 rgb(54,134,116)
```
#36867b
```
#36867b rgb(54,134,123)
```
#368681
```
#368681 rgb(54,134,129)
```
#368486
```
#368486 rgb(54,132,134)
```
#367d86
```
#367d86 rgb(54,125,134)
```
#367786
```
#367786 rgb(54,119,134)
```
#367086
```
#367086 rgb(54,112,134)
```

Similar Colors

Text with hexadecimal color #368486

This text has a font color of #368486.

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

#368486 background color

This paragraph has a background color of #368486.

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

#368486 border color

This element has a border color of #368486.

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

CSS codes

.text {color:#368486;}

.background {background-color:#368486;}

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

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)
```
#0f2424
```
#0f2424 rgb(15,36,36)
```
#143132
```
#143132 rgb(20,49,50)
```
#1a3f40
```
#1a3f40 rgb(26,63,64)
```
#1f4d4e
```
#1f4d4e rgb(31,77,78)
```
#255b5c
```
#255b5c rgb(37,91,92)
```
#2b686a
```
#2b686a rgb(43,104,106)
```
#307678
```
#307678 rgb(48,118,120)
```
#368486
```
#368486 rgb(54,132,134)
```
#3c9294
```
#3c9294 rgb(60,146,148)
```
#41a0a2
```
#41a0a2 rgb(65,160,162)
```
#47adb0
```
#47adb0 rgb(71,173,176)
```

Shade Color Variation

#51b6b9
```
#51b6b9 rgb(81,182,185)
```
#5fbcbf
```
#5fbcbf rgb(95,188,191)
```
#6dc2c4
```
#6dc2c4 rgb(109,194,196)
```
#7bc8ca
```
#7bc8ca rgb(123,200,202)
```
#89ced0
```
#89ced0 rgb(137,206,208)
```
#97d4d5
```
#97d4d5 rgb(151,212,213)
```
#a5dadb
```
#a5dadb rgb(165,218,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 #03b4b9 is the most saturated one.

#5a6262
```
#5a6262 rgb(90,98,98)
```
#536969
```
#536969 rgb(83,105,105)
```
#4c6f70
```
#4c6f70 rgb(76,111,112)
```
#447678
```
#447678 rgb(68,118,120)
```
#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#368486
```
#368486 rgb(54,132,134)
```
#2f8b8d
```
#2f8b8d rgb(47,139,141)
```
#289294
```
#289294 rgb(40,146,148)
```
#20999c
```
#20999c rgb(32,153,156)
```
#199fa3
```
#199fa3 rgb(25,159,163)
```
#12a6aa
```
#12a6aa rgb(18,166,170)
```
#0badb1
```
#0badb1 rgb(11,173,177)
```
#03b4b9
```
#03b4b9 rgb(3,180,185)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#627272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7e85 Protanopia 1% of men
#827c91 Deuteranopia 1% of men
#448993 Tritanopia 0.001% of the population

Trichromacy

#658085 Protanomaly 1% of men, 0.01% of women
#667f8d Deuteranomaly 6% of men, 0.4% of women
#3e878e Tritanomaly 0.01% of the population

#368486 hex color

#368486 Color Information

#368486 Color Conversion

Color Schemes with #368486

Alternatives to #368486

#368486 Preview

Shades and Tints of #368486

Tones of #368486

Color Blindness Simulator