#368f96 hex color

In a RGB color space, hex #368f96 is composed of 21.2% red, 56.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 4.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 184.4 degrees, a saturation of 47.1% and a lightness of 40%. #368f96 color hex could be obtained by blending #6cffff with #001f2d. Closest websafe color is: #339999.

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

● #368f96 color description : Dark moderate cyan.

The hexadecimal color #368f96 has RGB values of R:54, G:143, B:150 and CMYK values of C:0.64, M:0.05, Y:0, K:0.41. Its decimal value is 3575702.

Hex triplet	368f96	`#368f96`
RGB Decimal	54, 143, 150	`rgb(54,143,150)`
RGB Percent	21.2, 56.1, 58.8	`rgb(21.2%,56.1%,58.8%)`
CMYK	64, 5, 0, 41
HSL	184.4°, 47.1, 40	`hsl(184.4,47.1%,40%)`
HSV (or HSB)	184.4°, 64, 58.8
Web Safe	339999	`#339999`

CIE-LAB	54.689, -23.827, -11.554
XYZ	16.847, 22.63, 32.333
xyY	0.235, 0.315, 22.63
CIE-LCH	54.689, 26.481, 205.868
CIE-LUV	54.689, -34.961, -13.528
Hunter-Lab	47.571, -20.033, -6.998
Binary	00110110, 10001111, 10010110

#368f96
```
#368f96 rgb(54,143,150)
```
#963d36
```
#963d36 rgb(150,61,54)
```

Complementary Color

#36966d
```
#36966d rgb(54,150,109)
```
#368f96
```
#368f96 rgb(54,143,150)
```
#365f96
```
#365f96 rgb(54,95,150)
```

Analogous Color

#966d36
```
#966d36 rgb(150,109,54)
```
#368f96
```
#368f96 rgb(54,143,150)
```
#96365f
```
#96365f rgb(150,54,95)
```

Split Complementary Color

#8f9636
```
#8f9636 rgb(143,150,54)
```
#368f96
```
#368f96 rgb(54,143,150)
```
#96368f
```
#96368f rgb(150,54,143)
```

Triadic Color

#36963d
```
#36963d rgb(54,150,61)
```
#368f96
```
#368f96 rgb(54,143,150)
```
#96368f
```
#96368f rgb(150,54,143)
```
#963d36
```
#963d36 rgb(150,61,54)
```

Tetradic Color

#22595e
```
#22595e rgb(34,89,94)
```
#296b71
```
#296b71 rgb(41,107,113)
```
#2f7d83
```
#2f7d83 rgb(47,125,131)
```
#368f96
```
#368f96 rgb(54,143,150)
```
#3da1a9
```
#3da1a9 rgb(61,161,169)
```
#44b3bc
```
#44b3bc rgb(68,179,188)
```
#56bac2
```
#56bac2 rgb(86,186,194)
```

Monochromatic Color

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

#369685
```
#369685 rgb(54,150,133)
```
#36968d
```
#36968d rgb(54,150,141)
```
#369695
```
#369695 rgb(54,150,149)
```
#368f96
```
#368f96 rgb(54,143,150)
```
#368796
```
#368796 rgb(54,135,150)
```
#367f96
```
#367f96 rgb(54,127,150)
```
#367796
```
#367796 rgb(54,119,150)
```

Similar Colors

Text with hexadecimal color #368f96

This text has a font color of #368f96.

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

#368f96 background color

This paragraph has a background color of #368f96.

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

#368f96 border color

This element has a border color of #368f96.

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

CSS codes

.text {color:#368f96;}

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

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

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)
```
#071314
```
#071314 rgb(7,19,20)
```
#0c2123
```
#0c2123 rgb(12,33,35)
```
#122f31
```
#122f31 rgb(18,47,49)
```
#173d3f
```
#173d3f rgb(23,61,63)
```
#1c4a4e
```
#1c4a4e rgb(28,74,78)
```
#21585c
```
#21585c rgb(33,88,92)
```
#26666b
```
#26666b rgb(38,102,107)
```
#2c7479
```
#2c7479 rgb(44,116,121)
```
#318188
```
#318188 rgb(49,129,136)
```
#368f96
```
#368f96 rgb(54,143,150)
```
#3b9da4
```
#3b9da4 rgb(59,157,164)
```
#40abb3
```
#40abb3 rgb(64,171,179)
```

Shade Color Variation

#49b5be
```
#49b5be rgb(73,181,190)
```
#58bbc3
```
#58bbc3 rgb(88,187,195)
```
#66c1c8
```
#66c1c8 rgb(102,193,200)
```
#75c7cd
```
#75c7cd rgb(117,199,205)
```
#83cdd2
```
#83cdd2 rgb(131,205,210)
```
#91d2d8
```
#91d2d8 rgb(145,210,216)
```
#a0d8dd
```
#a0d8dd rgb(160,216,221)
```
#aedee2
```
#aedee2 rgb(174,222,226)
```
#bde4e7
```
#bde4e7 rgb(189,228,231)
```
#cbeaec
```
#cbeaec rgb(203,234,236)
```
#daf0f2
```
#daf0f2 rgb(218,240,242)
```
#e8f6f7
```
#e8f6f7 rgb(232,246,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 #07b7c5 is the most saturated one.

#656767
```
#656767 rgb(101,103,103)
```
#5d6d6f
```
#5d6d6f rgb(93,109,111)
```
#557477
```
#557477 rgb(85,116,119)
```
#4e7b7e
```
#4e7b7e rgb(78,123,126)
```
#468286
```
#468286 rgb(70,130,134)
```
#3e888e
```
#3e888e rgb(62,136,142)
```
#368f96
```
#368f96 rgb(54,143,150)
```
#2e969e
```
#2e969e rgb(46,150,158)
```
#269ca6
```
#269ca6 rgb(38,156,166)
```
#1ea3ae
```
#1ea3ae rgb(30,163,174)
```
#17aab5
```
#17aab5 rgb(23,170,181)
```
#0fb1bd
```
#0fb1bd rgb(15,177,189)
```
#07b7c5
```
#07b7c5 rgb(7,183,197)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#687a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#888894 Protanopia 1% of men
#8986a0 Deuteranopia 1% of men
#42949f Tritanopia 0.001% of the population

Trichromacy

#6a8a94 Protanomaly 1% of men, 0.01% of women
#6b899c Deuteranomaly 6% of men, 0.4% of women
#3e929b Tritanomaly 0.01% of the population

#368f96 hex color

#368f96 Color Information

#368f96 Color Conversion

Color Schemes with #368f96

Alternatives to #368f96

#368f96 Preview

Shades and Tints of #368f96

Tones of #368f96

Color Blindness Simulator