#366b80 hex color

In a RGB color space, hex #366b80 is composed of 21.2% red, 42% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 16.4% magenta, 0% yellow and 49.8% black. It has a hue angle of 197 degrees, a saturation of 40.7% and a lightness of 35.7%. #366b80 color hex could be obtained by blending #6cd6ff with #000001. Closest websafe color is: #336699.

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

● #366b80 color description : Dark moderate blue.

The hexadecimal color #366b80 has RGB values of R:54, G:107, B:128 and CMYK values of C:0.58, M:0.16, Y:0, K:0.5. Its decimal value is 3566464.

Hex triplet	366b80	`#366b80`
RGB Decimal	54, 107, 128	`rgb(54,107,128)`
RGB Percent	21.2, 42, 50.2	`rgb(21.2%,42%,50.2%)`
CMYK	58, 16, 0, 50
HSL	197°, 40.7, 35.7	`hsl(197,40.7%,35.7%)`
HSV (or HSB)	197°, 57.8, 50.2
Web Safe	336699	`#336699`

CIE-LAB	42.548, -11.127, -17.017
XYZ	10.674, 12.857, 22.34
xyY	0.233, 0.28, 12.857
CIE-LCH	42.548, 20.332, 236.819
CIE-LUV	42.548, -22.14, -22.477
Hunter-Lab	35.857, -9.613, -11.839
Binary	00110110, 01101011, 10000000

#366b80
```
#366b80 rgb(54,107,128)
```
#804b36
```
#804b36 rgb(128,75,54)
```

Complementary Color

#368070
```
#368070 rgb(54,128,112)
```
#366b80
```
#366b80 rgb(54,107,128)
```
#364680
```
#364680 rgb(54,70,128)
```

Analogous Color

#807036
```
#807036 rgb(128,112,54)
```
#366b80
```
#366b80 rgb(54,107,128)
```
#803646
```
#803646 rgb(128,54,70)
```

Split Complementary Color

#6b8036
```
#6b8036 rgb(107,128,54)
```
#366b80
```
#366b80 rgb(54,107,128)
```
#80366b
```
#80366b rgb(128,54,107)
```

Triadic Color

#36804b
```
#36804b rgb(54,128,75)
```
#366b80
```
#366b80 rgb(54,107,128)
```
#80366b
```
#80366b rgb(128,54,107)
```
#804b36
```
#804b36 rgb(128,75,54)
```

Tetradic Color

#1f3e4a
```
#1f3e4a rgb(31,62,74)
```
#274d5c
```
#274d5c rgb(39,77,92)
```
#2e5c6e
```
#2e5c6e rgb(46,92,110)
```
#366b80
```
#366b80 rgb(54,107,128)
```
#3e7a92
```
#3e7a92 rgb(62,122,146)
```
#4589a4
```
#4589a4 rgb(69,137,164)
```
#4e97b4
```
#4e97b4 rgb(78,151,180)
```

Monochromatic Color

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

#367e80
```
#367e80 rgb(54,126,128)
```
#367780
```
#367780 rgb(54,119,128)
```
#367180
```
#367180 rgb(54,113,128)
```
#366b80
```
#366b80 rgb(54,107,128)
```
#366580
```
#366580 rgb(54,101,128)
```
#365f80
```
#365f80 rgb(54,95,128)
```
#365880
```
#365880 rgb(54,88,128)
```

Similar Colors

Text with hexadecimal color #366b80

This text has a font color of #366b80.

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

#366b80 background color

This paragraph has a background color of #366b80.

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

#366b80 border color

This element has a border color of #366b80.

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

CSS codes

.text {color:#366b80;}

.background {background-color:#366b80;}

.border {border:1px solid #366b80;}

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

#020304
```
#020304 rgb(2,3,4)
```
#070f12
```
#070f12 rgb(7,15,18)
```
#0d1a1f
```
#0d1a1f rgb(13,26,31)
```
#13262d
```
#13262d rgb(19,38,45)
```
#19313b
```
#19313b rgb(25,49,59)
```
#1f3d49
```
#1f3d49 rgb(31,61,73)
```
#254857
```
#254857 rgb(37,72,87)
```
#2a5464
```
#2a5464 rgb(42,84,100)
```
#305f72
```
#305f72 rgb(48,95,114)
```
#366b80
```
#366b80 rgb(54,107,128)
```
#3c778e
```
#3c778e rgb(60,119,142)
```
#42829c
```
#42829c rgb(66,130,156)
```
#478ea9
```
#478ea9 rgb(71,142,169)
```

Shade Color Variation

#5098b5
```
#5098b5 rgb(80,152,181)
```
#5da0bb
```
#5da0bb rgb(93,160,187)
```
#6ba8c1
```
#6ba8c1 rgb(107,168,193)
```
#79b0c6
```
#79b0c6 rgb(121,176,198)
```
#87b9cc
```
#87b9cc rgb(135,185,204)
```
#94c1d2
```
#94c1d2 rgb(148,193,210)
```
#a2c9d8
```
#a2c9d8 rgb(162,201,216)
```
#b0d1de
```
#b0d1de rgb(176,209,222)
```
#bed9e4
```
#bed9e4 rgb(190,217,228)
```
#cce1e9
```
#cce1e9 rgb(204,225,233)
```
#d9e9ef
```
#d9e9ef rgb(217,233,239)
```
#e7f1f5
```
#e7f1f5 rgb(231,241,245)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595c5d is the less saturated color, while #0580b1 is the most saturated one.

#595c5d
```
#595c5d rgb(89,92,93)
```
#525f64
```
#525f64 rgb(82,95,100)
```
#4b626b
```
#4b626b rgb(75,98,107)
```
#446572
```
#446572 rgb(68,101,114)
```
#3d6879
```
#3d6879 rgb(61,104,121)
```
#366b80
```
#366b80 rgb(54,107,128)
```
#2f6e87
```
#2f6e87 rgb(47,110,135)
```
#28718e
```
#28718e rgb(40,113,142)
```
#217495
```
#217495 rgb(33,116,149)
```
#1a779c
```
#1a779c rgb(26,119,156)
```
#137aa3
```
#137aa3 rgb(19,122,163)
```
#0c7daa
```
#0c7daa rgb(12,125,170)
```
#0580b1
```
#0580b1 rgb(5,128,177)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#566165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676b82 Protanopia 1% of men
#656a89 Deuteranopia 1% of men
#3b747c Tritanopia 0.001% of the population

Trichromacy

#556b81 Protanomaly 1% of men, 0.01% of women
#546a86 Deuteranomaly 6% of men, 0.4% of women
#39717e Tritanomaly 0.01% of the population

#366b80 hex color

#366b80 Color Information

#366b80 Color Conversion

Color Schemes with #366b80

Alternatives to #366b80

#366b80 Preview

Shades and Tints of #366b80

Tones of #366b80

Color Blindness Simulator