#3299a5 hex color

In a RGB color space, hex #3299a5 is composed of 19.6% red, 60% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 7.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 186.3 degrees, a saturation of 53.5% and a lightness of 42.2%. #3299a5 color hex could be obtained by blending #64ffff with #00334b. Closest websafe color is: #339999.

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

● #3299a5 color description : Dark moderate cyan.

The hexadecimal color #3299a5 has RGB values of R:50, G:153, B:165 and CMYK values of C:0.7, M:0.07, Y:0, K:0.35. Its decimal value is 3316133.

Hex triplet	3299a5	`#3299a5`
RGB Decimal	50, 153, 165	`rgb(50,153,165)`
RGB Percent	19.6, 60, 64.7	`rgb(19.6%,60%,64.7%)`
CMYK	70, 7, 0, 35
HSL	186.3°, 53.5, 42.2	`hsl(186.3,53.5%,42.2%)`
HSV (or HSB)	186.3°, 69.7, 64.7
Web Safe	339999	`#339999`

CIE-LAB	58.203, -24.965, -14.848
XYZ	19.496, 26.175, 39.62
xyY	0.229, 0.307, 26.175
CIE-LCH	58.203, 29.047, 210.743
CIE-LUV	58.203, -38.568, -18.67
Hunter-Lab	51.162, -21.513, -10.101
Binary	00110010, 10011001, 10100101

#3299a5
```
#3299a5 rgb(50,153,165)
```
#a53e32
```
#a53e32 rgb(165,62,50)
```

Complementary Color

#32a578
```
#32a578 rgb(50,165,120)
```
#3299a5
```
#3299a5 rgb(50,153,165)
```
#3260a5
```
#3260a5 rgb(50,96,165)
```

Analogous Color

#a57832
```
#a57832 rgb(165,120,50)
```
#3299a5
```
#3299a5 rgb(50,153,165)
```
#a53260
```
#a53260 rgb(165,50,96)
```

Split Complementary Color

#99a532
```
#99a532 rgb(153,165,50)
```
#3299a5
```
#3299a5 rgb(50,153,165)
```
#a53299
```
#a53299 rgb(165,50,153)
```

Triadic Color

#32a53e
```
#32a53e rgb(50,165,62)
```
#3299a5
```
#3299a5 rgb(50,153,165)
```
#a53299
```
#a53299 rgb(165,50,153)
```
#a53e32
```
#a53e32 rgb(165,62,50)
```

Tetradic Color

#20636a
```
#20636a rgb(32,99,106)
```
#26757e
```
#26757e rgb(38,117,126)
```
#2c8791
```
#2c8791 rgb(44,135,145)
```
#3299a5
```
#3299a5 rgb(50,153,165)
```
#38abb9
```
#38abb9 rgb(56,171,185)
```
#44b9c6
```
#44b9c6 rgb(68,185,198)
```
#57c0cc
```
#57c0cc rgb(87,192,204)
```

Monochromatic Color

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

#32a594
```
#32a594 rgb(50,165,148)
```
#32a59e
```
#32a59e rgb(50,165,158)
```
#32a3a5
```
#32a3a5 rgb(50,163,165)
```
#3299a5
```
#3299a5 rgb(50,153,165)
```
#328fa5
```
#328fa5 rgb(50,143,165)
```
#3286a5
```
#3286a5 rgb(50,134,165)
```
#327ca5
```
#327ca5 rgb(50,124,165)
```

Similar Colors

Text with hexadecimal color #3299a5

This text has a font color of #3299a5.

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

#3299a5 background color

This paragraph has a background color of #3299a5.

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

#3299a5 border color

This element has a border color of #3299a5.

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

CSS codes

.text {color:#3299a5;}

.background {background-color:#3299a5;}

.border {border:1px solid #3299a5;}

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, #040d0e is the darkest color, while #feffff is the lightest one.

#040d0e
```
#040d0e rgb(4,13,14)
```
#091b1e
```
#091b1e rgb(9,27,30)
```
#0e292d
```
#0e292d rgb(14,41,45)
```
#12373c
```
#12373c rgb(18,55,60)
```
#17454b
```
#17454b rgb(23,69,75)
```
#1b535a
```
#1b535a rgb(27,83,90)
```
#206169
```
#206169 rgb(32,97,105)
```
#246f78
```
#246f78 rgb(36,111,120)
```
#297d87
```
#297d87 rgb(41,125,135)
```
#2d8b96
```
#2d8b96 rgb(45,139,150)
```
#3299a5
```
#3299a5 rgb(50,153,165)
```
#37a7b4
```
#37a7b4 rgb(55,167,180)
```
#3bb5c3
```
#3bb5c3 rgb(59,181,195)
```

Shade Color Variation

#4abbc8
```
#4abbc8 rgb(74,187,200)
```
#59c1cd
```
#59c1cd rgb(89,193,205)
```
#68c6d1
```
#68c6d1 rgb(104,198,209)
```
#77ccd6
```
#77ccd6 rgb(119,204,214)
```
#86d2da
```
#86d2da rgb(134,210,218)
```
#95d7df
```
#95d7df rgb(149,215,223)
```
#a4dde3
```
#a4dde3 rgb(164,221,227)
```
#b3e2e8
```
#b3e2e8 rgb(179,226,232)
```
#c2e8ed
```
#c2e8ed rgb(194,232,237)
```
#d1eef1
```
#d1eef1 rgb(209,238,241)
```
#e0f3f6
```
#e0f3f6 rgb(224,243,246)
```
#eff9fa
```
#eff9fa rgb(239,249,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#647273
```
#647273 rgb(100,114,115)
```
#5b787c
```
#5b787c rgb(91,120,124)
```
#537f84
```
#537f84 rgb(83,127,132)
```
#4b858c
```
#4b858c rgb(75,133,140)
```
#438c94
```
#438c94 rgb(67,140,148)
```
#3a929d
```
#3a929d rgb(58,146,157)
```
#3299a5
```
#3299a5 rgb(50,153,165)
```
#2aa0ad
```
#2aa0ad rgb(42,160,173)
```
#21a6b6
```
#21a6b6 rgb(33,166,182)
```
#19adbe
```
#19adbe rgb(25,173,190)
```
#11b3c6
```
#11b3c6 rgb(17,179,198)
```
#09bace
```
#09bace rgb(9,186,206)
```
#00c0d7
```
#00c0d7 rgb(0,192,215)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d8284 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f90a1 Protanopia 1% of men
#8f8faf Deuteranopia 1% of men
#3c9ea9 Tritanopia 0.001% of the population

Trichromacy

#6d93a2 Protanomaly 1% of men, 0.01% of women
#6d92ab Deuteranomaly 6% of men, 0.4% of women
#389ca8 Tritanomaly 0.01% of the population

#3299a5 hex color

#3299a5 Color Information

#3299a5 Color Conversion

Color Schemes with #3299a5

Alternatives to #3299a5

#3299a5 Preview

Shades and Tints of #3299a5

Tones of #3299a5

Color Blindness Simulator