#328aa7 hex color

In a RGB color space, hex #328aa7 is composed of 19.6% red, 54.1% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 17.4% magenta, 0% yellow and 34.5% black. It has a hue angle of 194.9 degrees, a saturation of 53.9% and a lightness of 42.5%. #328aa7 color hex could be obtained by blending #64ffff with #00154f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 54
- B 65
RGB color chart
- C 70
- M 17
- Y 0
- K 35
CMYK color chart

● #328aa7 color description : Dark cyan.

The hexadecimal color #328aa7 has RGB values of R:50, G:138, B:167 and CMYK values of C:0.7, M:0.17, Y:0, K:0.35. Its decimal value is 3312295.

Hex triplet	328aa7	`#328aa7`
RGB Decimal	50, 138, 167	`rgb(50,138,167)`
RGB Percent	19.6, 54.1, 65.5	`rgb(19.6%,54.1%,65.5%)`
CMYK	70, 17, 0, 35
HSL	194.9°, 53.9, 42.5	`hsl(194.9,53.9%,42.5%)`
HSV (or HSB)	194.9°, 70.1, 65.5
Web Safe	339999	`#339999`

CIE-LAB	53.647, -16.421, -22.942
XYZ	17.377, 21.644, 39.819
xyY	0.22, 0.275, 21.644
CIE-LCH	53.647, 28.214, 234.406
CIE-LUV	53.647, -32.933, -32.248
Hunter-Lab	46.523, -14.742, -18.181
Binary	00110010, 10001010, 10100111

#328aa7
```
#328aa7 rgb(50,138,167)
```
#a74f32
```
#a74f32 rgb(167,79,50)
```

Complementary Color

#32a78a
```
#32a78a rgb(50,167,138)
```
#328aa7
```
#328aa7 rgb(50,138,167)
```
#324fa7
```
#324fa7 rgb(50,79,167)
```

Analogous Color

#a78a32
```
#a78a32 rgb(167,138,50)
```
#328aa7
```
#328aa7 rgb(50,138,167)
```
#a7324f
```
#a7324f rgb(167,50,79)
```

Split Complementary Color

#8aa732
```
#8aa732 rgb(138,167,50)
```
#328aa7
```
#328aa7 rgb(50,138,167)
```
#a7328a
```
#a7328a rgb(167,50,138)
```

Triadic Color

#32a74f
```
#32a74f rgb(50,167,79)
```
#328aa7
```
#328aa7 rgb(50,138,167)
```
#a7328a
```
#a7328a rgb(167,50,138)
```
#a74f32
```
#a74f32 rgb(167,79,50)
```

Tetradic Color

#20596c
```
#20596c rgb(32,89,108)
```
#266a80
```
#266a80 rgb(38,106,128)
```
#2c7a93
```
#2c7a93 rgb(44,122,147)
```
#328aa7
```
#328aa7 rgb(50,138,167)
```
#389abb
```
#389abb rgb(56,154,187)
```
#45a7c7
```
#45a7c7 rgb(69,167,199)
```
#58b0cd
```
#58b0cd rgb(88,176,205)
```

Monochromatic Color

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

#32a7a7
```
#32a7a7 rgb(50,167,167)
```
#329ea7
```
#329ea7 rgb(50,158,167)
```
#3294a7
```
#3294a7 rgb(50,148,167)
```
#328aa7
```
#328aa7 rgb(50,138,167)
```
#3280a7
```
#3280a7 rgb(50,128,167)
```
#3277a7
```
#3277a7 rgb(50,119,167)
```
#326da7
```
#326da7 rgb(50,109,167)
```

Similar Colors

Text with hexadecimal color #328aa7

This text has a font color of #328aa7.

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

#328aa7 background color

This paragraph has a background color of #328aa7.

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

#328aa7 border color

This element has a border color of #328aa7.

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

CSS codes

.text {color:#328aa7;}

.background {background-color:#328aa7;}

.border {border:1px solid #328aa7;}

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

#000101
```
#000101 rgb(0,1,1)
```
#050d10
```
#050d10 rgb(5,13,16)
```
#091a1f
```
#091a1f rgb(9,26,31)
```
#0e262e
```
#0e262e rgb(14,38,46)
```
#12333d
```
#12333d rgb(18,51,61)
```
#173f4c
```
#173f4c rgb(23,63,76)
```
#1b4c5c
```
#1b4c5c rgb(27,76,92)
```
#20586b
```
#20586b rgb(32,88,107)
```
#24657a
```
#24657a rgb(36,101,122)
```
#297189
```
#297189 rgb(41,113,137)
```
#2d7e98
```
#2d7e98 rgb(45,126,152)
```
#328aa7
```
#328aa7 rgb(50,138,167)
```
#3796b6
```
#3796b6 rgb(55,150,182)
```

Shade Color Variation

#3ca3c5
```
#3ca3c5 rgb(60,163,197)
```
#4baac9
```
#4baac9 rgb(75,170,201)
```
#5ab1ce
```
#5ab1ce rgb(90,177,206)
```
#69b8d2
```
#69b8d2 rgb(105,184,210)
```
#78bfd7
```
#78bfd7 rgb(120,191,215)
```
#87c6db
```
#87c6db rgb(135,198,219)
```
#96cde0
```
#96cde0 rgb(150,205,224)
```
#a5d5e4
```
#a5d5e4 rgb(165,213,228)
```
#b4dce9
```
#b4dce9 rgb(180,220,233)
```
#c4e3ed
```
#c4e3ed rgb(196,227,237)
```
#d3eaf2
```
#d3eaf2 rgb(211,234,242)
```
#e2f1f6
```
#e2f1f6 rgb(226,241,246)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6d6d is the less saturated color, while #089fd1 is the most saturated one.

#6c6d6d
```
#6c6d6d rgb(108,109,109)
```
#647175
```
#647175 rgb(100,113,117)
```
#5c757d
```
#5c757d rgb(92,117,125)
```
#537986
```
#537986 rgb(83,121,134)
```
#4b7d8e
```
#4b7d8e rgb(75,125,142)
```
#438296
```
#438296 rgb(67,130,150)
```
#3a869f
```
#3a869f rgb(58,134,159)
```
#328aa7
```
#328aa7 rgb(50,138,167)
```
#2a8eaf
```
#2a8eaf rgb(42,142,175)
```
#2192b8
```
#2192b8 rgb(33,146,184)
```
#1997c0
```
#1997c0 rgb(25,151,192)
```
#119bc8
```
#119bc8 rgb(17,155,200)
```
#089fd1
```
#089fd1 rgb(8,159,209)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#66787d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e85a4 Protanopia 1% of men
#7a84af Deuteranopia 1% of men
#31929d Tritanopia 0.001% of the population

Trichromacy

#6287a5 Protanomaly 1% of men, 0.01% of women
#6086ac Deuteranomaly 6% of men, 0.4% of women
#318fa0 Tritanomaly 0.01% of the population

#328aa7 hex color

#328aa7 Color Information

#328aa7 Color Conversion

Color Schemes with #328aa7

Alternatives to #328aa7

#328aa7 Preview

Shades and Tints of #328aa7

Tones of #328aa7

Color Blindness Simulator