#368695 hex color

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

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

● #368695 color description : Dark moderate cyan.

The hexadecimal color #368695 has RGB values of R:54, G:134, B:149 and CMYK values of C:0.64, M:0.1, Y:0, K:0.42. Its decimal value is 3573397.

Hex triplet	368695	`#368695`
RGB Decimal	54, 134, 149	`rgb(54,134,149)`
RGB Percent	21.2, 52.5, 58.4	`rgb(21.2%,52.5%,58.4%)`
CMYK	64, 10, 0, 42
HSL	189.5°, 46.8, 39.8	`hsl(189.5,46.8%,39.8%)`
HSV (or HSB)	189.5°, 63.8, 58.4
Web Safe	339999	`#339999`

CIE-LAB	51.841, -19.424, -15.278
XYZ	15.47, 20.003, 31.478
xyY	0.231, 0.299, 20.003
CIE-LCH	51.841, 24.713, 218.186
CIE-LUV	51.841, -31.606, -19.672
Hunter-Lab	44.725, -16.528, -10.421
Binary	00110110, 10000110, 10010101

#368695
```
#368695 rgb(54,134,149)
```
#954536
```
#954536 rgb(149,69,54)
```

Complementary Color

#369575
```
#369575 rgb(54,149,117)
```
#368695
```
#368695 rgb(54,134,149)
```
#365795
```
#365795 rgb(54,87,149)
```

Analogous Color

#957536
```
#957536 rgb(149,117,54)
```
#368695
```
#368695 rgb(54,134,149)
```
#953657
```
#953657 rgb(149,54,87)
```

Split Complementary Color

#869536
```
#869536 rgb(134,149,54)
```
#368695
```
#368695 rgb(54,134,149)
```
#953686
```
#953686 rgb(149,54,134)
```

Triadic Color

#369545
```
#369545 rgb(54,149,69)
```
#368695
```
#368695 rgb(54,134,149)
```
#953686
```
#953686 rgb(149,54,134)
```
#954536
```
#954536 rgb(149,69,54)
```

Tetradic Color

#22545d
```
#22545d rgb(34,84,93)
```
#286470
```
#286470 rgb(40,100,112)
```
#2f7582
```
#2f7582 rgb(47,117,130)
```
#368695
```
#368695 rgb(54,134,149)
```
#3d97a8
```
#3d97a8 rgb(61,151,168)
```
#44a8ba
```
#44a8ba rgb(68,168,186)
```
#56b1c2
```
#56b1c2 rgb(86,177,194)
```

Monochromatic Color

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

#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)
```
#366e95
```
#366e95 rgb(54,110,149)
```

Similar Colors

Text with hexadecimal color #368695

This text has a font color of #368695.

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

#368695 background color

This paragraph has a background color of #368695.

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

#368695 border color

This element has a border color of #368695.

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

CSS codes

.text {color:#368695;}

.background {background-color:#368695;}

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

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)
```
#071113
```
#071113 rgb(7,17,19)
```
#0c1e22
```
#0c1e22 rgb(12,30,34)
```
#112b30
```
#112b30 rgb(17,43,48)
```
#17383f
```
#17383f rgb(23,56,63)
```
#1c454d
```
#1c454d rgb(28,69,77)
```
#21525b
```
#21525b rgb(33,82,91)
```
#265f6a
```
#265f6a rgb(38,95,106)
```
#2c6c78
```
#2c6c78 rgb(44,108,120)
```
#317987
```
#317987 rgb(49,121,135)
```
#368695
```
#368695 rgb(54,134,149)
```
#3b93a3
```
#3b93a3 rgb(59,147,163)
```
#40a0b2
```
#40a0b2 rgb(64,160,178)
```

Shade Color Variation

#49abbd
```
#49abbd rgb(73,171,189)
```
#57b1c2
```
#57b1c2 rgb(87,177,194)
```
#66b8c7
```
#66b8c7 rgb(102,184,199)
```
#74bfcd
```
#74bfcd rgb(116,191,205)
```
#82c5d2
```
#82c5d2 rgb(130,197,210)
```
#91ccd7
```
#91ccd7 rgb(145,204,215)
```
#9fd3dc
```
#9fd3dc rgb(159,211,220)
```
#aed9e2
```
#aed9e2 rgb(174,217,226)
```
#bce0e7
```
#bce0e7 rgb(188,224,231)
```
#cae7ec
```
#cae7ec rgb(202,231,236)
```
#d9edf1
```
#d9edf1 rgb(217,237,241)
```
#e7f4f6
```
#e7f4f6 rgb(231,244,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 #07a6c4 is the most saturated one.

#656666
```
#656666 rgb(101,102,102)
```
#5d6b6e
```
#5d6b6e rgb(93,107,110)
```
#557176
```
#557176 rgb(85,113,118)
```
#4d767e
```
#4d767e rgb(77,118,126)
```
#467b85
```
#467b85 rgb(70,123,133)
```
#3e818d
```
#3e818d rgb(62,129,141)
```
#368695
```
#368695 rgb(54,134,149)
```
#2e8b9d
```
#2e8b9d rgb(46,139,157)
```
#2691a5
```
#2691a5 rgb(38,145,165)
```
#1f96ac
```
#1f96ac rgb(31,150,172)
```
#179bb4
```
#179bb4 rgb(23,155,180)
```
#0fa1bc
```
#0fa1bc rgb(15,161,188)
```
#07a6c4
```
#07a6c4 rgb(7,166,196)
```

Tone Color Variation

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

Dichromacy

#7f8193 Protanopia 1% of men
#7e809f Deuteranopia 1% of men
#3e8c97 Tritanopia 0.001% of the population

Trichromacy

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

#368695 hex color

#368695 Color Information

#368695 Color Conversion

Color Schemes with #368695

Alternatives to #368695

#368695 Preview

Shades and Tints of #368695

Tones of #368695

Color Blindness Simulator