#368e95 hex color

In a RGB color space, hex #368e95 is composed of 21.2% red, 55.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 4.7% magenta, 0% yellow and 41.6% black. It has a hue angle of 184.4 degrees, a saturation of 46.8% and a lightness of 39.8%. #368e95 color hex could be obtained by blending #6cffff with #001d2b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 56
- B 58
RGB color chart
- C 64
- M 5
- Y 0
- K 42
CMYK color chart

● #368e95 color description : Dark moderate cyan.

The hexadecimal color #368e95 has RGB values of R:54, G:142, B:149 and CMYK values of C:0.64, M:0.05, Y:0, K:0.42. Its decimal value is 3575445.

Hex triplet	368e95	`#368e95`
RGB Decimal	54, 142, 149	`rgb(54,142,149)`
RGB Percent	21.2, 55.7, 58.4	`rgb(21.2%,55.7%,58.4%)`
CMYK	64, 5, 0, 42
HSL	184.4°, 46.8, 39.8	`hsl(184.4,46.8%,39.8%)`
HSV (or HSB)	184.4°, 63.8, 58.4
Web Safe	339999	`#339999`

CIE-LAB	54.343, -23.617, -11.498
XYZ	16.618, 22.299, 31.86
xyY	0.235, 0.315, 22.299
CIE-LCH	54.343, 26.267, 205.96
CIE-LUV	54.343, -34.638, -13.455
Hunter-Lab	47.222, -19.823, -6.948
Binary	00110110, 10001110, 10010101

#368e95
```
#368e95 rgb(54,142,149)
```
#953d36
```
#953d36 rgb(149,61,54)
```

Complementary Color

#36956d
```
#36956d rgb(54,149,109)
```
#368e95
```
#368e95 rgb(54,142,149)
```
#365e95
```
#365e95 rgb(54,94,149)
```

Analogous Color

#956d36
```
#956d36 rgb(149,109,54)
```
#368e95
```
#368e95 rgb(54,142,149)
```
#95365f
```
#95365f rgb(149,54,95)
```

Split Complementary Color

#8e9536
```
#8e9536 rgb(142,149,54)
```
#368e95
```
#368e95 rgb(54,142,149)
```
#95368e
```
#95368e rgb(149,54,142)
```

Triadic Color

#36953d
```
#36953d rgb(54,149,61)
```
#368e95
```
#368e95 rgb(54,142,149)
```
#95368e
```
#95368e rgb(149,54,142)
```
#953d36
```
#953d36 rgb(149,61,54)
```

Tetradic Color

#22585d
```
#22585d rgb(34,88,93)
```
#286a70
```
#286a70 rgb(40,106,112)
```
#2f7c82
```
#2f7c82 rgb(47,124,130)
```
#368e95
```
#368e95 rgb(54,142,149)
```
#3da0a8
```
#3da0a8 rgb(61,160,168)
```
#44b2ba
```
#44b2ba rgb(68,178,186)
```
#56bac2
```
#56bac2 rgb(86,186,194)
```

Monochromatic Color

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

#369584
```
#369584 rgb(54,149,132)
```
#36958c
```
#36958c rgb(54,149,140)
```
#369594
```
#369594 rgb(54,149,148)
```
#368e95
```
#368e95 rgb(54,142,149)
```
#368695
```
#368695 rgb(54,134,149)
```
#367e95
```
#367e95 rgb(54,126,149)
```
#367695
```
#367695 rgb(54,118,149)
```

Similar Colors

Text with hexadecimal color #368e95

This text has a font color of #368e95.

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

#368e95 background color

This paragraph has a background color of #368e95.

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

#368e95 border color

This element has a border color of #368e95.

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

CSS codes

.text {color:#368e95;}

.background {background-color:#368e95;}

.border {border:1px solid #368e95;}

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

#020505
```
#020505 rgb(2,5,5)
```
#071313
```
#071313 rgb(7,19,19)
```
#0c2022
```
#0c2022 rgb(12,32,34)
```
#112e30
```
#112e30 rgb(17,46,48)
```
#173c3f
```
#173c3f rgb(23,60,63)
```
#1c494d
```
#1c494d rgb(28,73,77)
```
#21575b
```
#21575b rgb(33,87,91)
```
#26656a
```
#26656a rgb(38,101,106)
```
#2c7378
```
#2c7378 rgb(44,115,120)
```
#318087
```
#318087 rgb(49,128,135)
```
#368e95
```
#368e95 rgb(54,142,149)
```
#3b9ca3
```
#3b9ca3 rgb(59,156,163)
```
#40a9b2
```
#40a9b2 rgb(64,169,178)
```

Shade Color Variation

#49b4bd
```
#49b4bd rgb(73,180,189)
```
#57bac2
```
#57bac2 rgb(87,186,194)
```
#66c0c7
```
#66c0c7 rgb(102,192,199)
```
#74c6cd
```
#74c6cd rgb(116,198,205)
```
#82ccd2
```
#82ccd2 rgb(130,204,210)
```
#91d2d7
```
#91d2d7 rgb(145,210,215)
```
#9fd8dc
```
#9fd8dc rgb(159,216,220)
```
#aedee2
```
#aedee2 rgb(174,222,226)
```
#bce4e7
```
#bce4e7 rgb(188,228,231)
```
#cae9ec
```
#cae9ec rgb(202,233,236)
```
#d9eff1
```
#d9eff1 rgb(217,239,241)
```
#e7f5f6
```
#e7f5f6 rgb(231,245,246)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#656666
```
#656666 rgb(101,102,102)
```
#5d6d6e
```
#5d6d6e rgb(93,109,110)
```
#557376
```
#557376 rgb(85,115,118)
```
#4d7a7e
```
#4d7a7e rgb(77,122,126)
```
#468185
```
#468185 rgb(70,129,133)
```
#3e878d
```
#3e878d rgb(62,135,141)
```
#368e95
```
#368e95 rgb(54,142,149)
```
#2e959d
```
#2e959d rgb(46,149,157)
```
#269ba5
```
#269ba5 rgb(38,155,165)
```
#1fa2ac
```
#1fa2ac rgb(31,162,172)
```
#17a9b4
```
#17a9b4 rgb(23,169,180)
```
#0fafbc
```
#0fafbc rgb(15,175,188)
```
#07b6c4
```
#07b6c4 rgb(7,182,196)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#68797b Atypical Achromatopsia 0.001% of the population

Dichromacy

#878793 Protanopia 1% of men
#89859f Deuteranopia 1% of men
#42939e Tritanopia 0.001% of the population

Trichromacy

#698993 Protanomaly 1% of men, 0.01% of women
#6a889b Deuteranomaly 6% of men, 0.4% of women
#3e919a Tritanomaly 0.01% of the population

#368e95 hex color

#368e95 Color Information

#368e95 Color Conversion

Color Schemes with #368e95

Alternatives to #368e95

#368e95 Preview

Shades and Tints of #368e95

Tones of #368e95

Color Blindness Simulator