#366472 hex color

In a RGB color space, hex #366472 is composed of 21.2% red, 39.2% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 12.3% magenta, 0% yellow and 55.3% black. It has a hue angle of 194 degrees, a saturation of 35.7% and a lightness of 32.9%. #366472 color hex could be obtained by blending #6cc8e4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 39
- B 45
RGB color chart
- C 53
- M 12
- Y 0
- K 55
CMYK color chart

● #366472 color description : Very dark desaturated cyan.

The hexadecimal color #366472 has RGB values of R:54, G:100, B:114 and CMYK values of C:0.53, M:0.12, Y:0, K:0.55. Its decimal value is 3564658.

Hex triplet	366472	`#366472`
RGB Decimal	54, 100, 114	`rgb(54,100,114)`
RGB Percent	21.2, 39.2, 44.7	`rgb(21.2%,39.2%,44.7%)`
CMYK	53, 12, 0, 55
HSL	194°, 35.7, 32.9	`hsl(194,35.7%,32.9%)`
HSV (or HSB)	194°, 52.6, 44.7
Web Safe	336666	`#336666`

CIE-LAB	39.77, -11.525, -12.757
XYZ	9.115, 11.113, 17.583
xyY	0.241, 0.294, 11.113
CIE-LCH	39.77, 17.192, 227.904
CIE-LUV	39.77, -19.812, -15.893
Hunter-Lab	33.336, -9.532, -7.938
Binary	00110110, 01100100, 01110010

#366472
```
#366472 rgb(54,100,114)
```
#724436
```
#724436 rgb(114,68,54)
```

Complementary Color

#367262
```
#367262 rgb(54,114,98)
```
#366472
```
#366472 rgb(54,100,114)
```
#364672
```
#364672 rgb(54,70,114)
```

Analogous Color

#726236
```
#726236 rgb(114,98,54)
```
#366472
```
#366472 rgb(54,100,114)
```
#723646
```
#723646 rgb(114,54,70)
```

Split Complementary Color

#647236
```
#647236 rgb(100,114,54)
```
#366472
```
#366472 rgb(54,100,114)
```
#723664
```
#723664 rgb(114,54,100)
```

Triadic Color

#367244
```
#367244 rgb(54,114,68)
```
#366472
```
#366472 rgb(54,100,114)
```
#723664
```
#723664 rgb(114,54,100)
```
#724436
```
#724436 rgb(114,68,54)
```

Tetradic Color

#1d363e
```
#1d363e rgb(29,54,62)
```
#26464f
```
#26464f rgb(38,70,79)
```
#2e5561
```
#2e5561 rgb(46,85,97)
```
#366472
```
#366472 rgb(54,100,114)
```
#3e7383
```
#3e7383 rgb(62,115,131)
```
#468295
```
#468295 rgb(70,130,149)
```
#4f92a6
```
#4f92a6 rgb(79,146,166)
```

Monochromatic Color

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

#367271
```
#367271 rgb(54,114,113)
```
#366e72
```
#366e72 rgb(54,110,114)
```
#366972
```
#366972 rgb(54,105,114)
```
#366472
```
#366472 rgb(54,100,114)
```
#365f72
```
#365f72 rgb(54,95,114)
```
#365a72
```
#365a72 rgb(54,90,114)
```
#365572
```
#365572 rgb(54,85,114)
```

Similar Colors

Text with hexadecimal color #366472

This text has a font color of #366472.

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

#366472 background color

This paragraph has a background color of #366472.

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

#366472 border color

This element has a border color of #366472.

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

CSS codes

.text {color:#366472;}

.background {background-color:#366472;}

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0a1215
```
#0a1215 rgb(10,18,21)
```
#101e22
```
#101e22 rgb(16,30,34)
```
#162a2f
```
#162a2f rgb(22,42,47)
```
#1d353d
```
#1d353d rgb(29,53,61)
```
#23414a
```
#23414a rgb(35,65,74)
```
#294d57
```
#294d57 rgb(41,77,87)
```
#305865
```
#305865 rgb(48,88,101)
```
#366472
```
#366472 rgb(54,100,114)
```
#3c707f
```
#3c707f rgb(60,112,127)
```
#437b8d
```
#437b8d rgb(67,123,141)
```
#49879a
```
#49879a rgb(73,135,154)
```
#4f93a7
```
#4f93a7 rgb(79,147,167)
```

Shade Color Variation

#599cb1
```
#599cb1 rgb(89,156,177)
```
#67a4b7
```
#67a4b7 rgb(103,164,183)
```
#74acbd
```
#74acbd rgb(116,172,189)
```
#81b4c4
```
#81b4c4 rgb(129,180,196)
```
#8fbcca
```
#8fbcca rgb(143,188,202)
```
#9cc4d0
```
#9cc4d0 rgb(156,196,208)
```
#a9ccd6
```
#a9ccd6 rgb(169,204,214)
```
#b7d4dd
```
#b7d4dd rgb(183,212,221)
```
#c4dce3
```
#c4dce3 rgb(196,220,227)
```
#d1e4e9
```
#d1e4e9 rgb(209,228,233)
```
#dfecf0
```
#dfecf0 rgb(223,236,240)
```
#ecf4f6
```
#ecf4f6 rgb(236,244,246)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#505658
```
#505658 rgb(80,86,88)
```
#495a5f
```
#495a5f rgb(73,90,95)
```
#435d65
```
#435d65 rgb(67,93,101)
```
#3c616c
```
#3c616c rgb(60,97,108)
```
#366472
```
#366472 rgb(54,100,114)
```
#306778
```
#306778 rgb(48,103,120)
```
#296b7f
```
#296b7f rgb(41,107,127)
```
#236e85
```
#236e85 rgb(35,110,133)
```
#1c728c
```
#1c728c rgb(28,114,140)
```
#167592
```
#167592 rgb(22,117,146)
```
#0f7999
```
#0f7999 rgb(15,121,153)
```
#097c9f
```
#097c9f rgb(9,124,159)
```
#0280a6
```
#0280a6 rgb(2,128,166)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#515a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#626575 Protanopia 1% of men
#63647c Deuteranopia 1% of men
#3e6c74 Tritanopia 0.001% of the population

Trichromacy

#526474 Protanomaly 1% of men, 0.01% of women
#536478 Deuteranomaly 6% of men, 0.4% of women
#3b6973 Tritanomaly 0.01% of the population

#366472 hex color

#366472 Color Information

#366472 Color Conversion

Color Schemes with #366472

Alternatives to #366472

#366472 Preview

Shades and Tints of #366472

Tones of #366472

Color Blindness Simulator