#4a7988 hex color

In a RGB color space, hex #4a7988 is composed of 29% red, 47.5% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 11% magenta, 0% yellow and 46.7% black. It has a hue angle of 194.5 degrees, a saturation of 29.5% and a lightness of 41.2%. #4a7988 color hex could be obtained by blending #94f2ff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 47
- B 53
RGB color chart
- C 46
- M 11
- Y 0
- K 47
CMYK color chart

● #4a7988 color description : Dark moderate cyan.

The hexadecimal color #4a7988 has RGB values of R:74, G:121, B:136 and CMYK values of C:0.46, M:0.11, Y:0, K:0.47. Its decimal value is 4880776.

Hex triplet	4a7988	`#4a7988`
RGB Decimal	74, 121, 136	`rgb(74,121,136)`
RGB Percent	29, 47.5, 53.3	`rgb(29%,47.5%,53.3%)`
CMYK	46, 11, 0, 47
HSL	194.5°, 29.5, 41.2	`hsl(194.5,29.5%,41.2%)`
HSV (or HSB)	194.5°, 45.6, 53.3
Web Safe	336699	`#336699`

CIE-LAB	48.143, -11.767, -13.187
XYZ	14.104, 16.907, 25.811
xyY	0.248, 0.298, 16.907
CIE-LCH	48.143, 17.674, 228.258
CIE-LUV	48.143, -21.519, -17.189
Hunter-Lab	41.119, -10.73, -8.435
Binary	01001010, 01111001, 10001000

#4a7988
```
#4a7988 rgb(74,121,136)
```
#88594a
```
#88594a rgb(136,89,74)
```

Complementary Color

#4a8878
```
#4a8878 rgb(74,136,120)
```
#4a7988
```
#4a7988 rgb(74,121,136)
```
#4a5a88
```
#4a5a88 rgb(74,90,136)
```

Analogous Color

#88784a
```
#88784a rgb(136,120,74)
```
#4a7988
```
#4a7988 rgb(74,121,136)
```
#884a5a
```
#884a5a rgb(136,74,90)
```

Split Complementary Color

#79884a
```
#79884a rgb(121,136,74)
```
#4a7988
```
#4a7988 rgb(74,121,136)
```
#884a79
```
#884a79 rgb(136,74,121)
```

Triadic Color

#4a8859
```
#4a8859 rgb(74,136,89)
```
#4a7988
```
#4a7988 rgb(74,121,136)
```
#884a79
```
#884a79 rgb(136,74,121)
```
#88594a
```
#88594a rgb(136,89,74)
```

Tetradic Color

#2f4d56
```
#2f4d56 rgb(47,77,86)
```
#385c67
```
#385c67 rgb(56,92,103)
```
#416a77
```
#416a77 rgb(65,106,119)
```
#4a7988
```
#4a7988 rgb(74,121,136)
```
#538899
```
#538899 rgb(83,136,153)
```
#5e95a7
```
#5e95a7 rgb(94,149,167)
```
#6ea0b0
```
#6ea0b0 rgb(110,160,176)
```

Monochromatic Color

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

#4a8888
```
#4a8888 rgb(74,136,136)
```
#4a8388
```
#4a8388 rgb(74,131,136)
```
#4a7e88
```
#4a7e88 rgb(74,126,136)
```
#4a7988
```
#4a7988 rgb(74,121,136)
```
#4a7488
```
#4a7488 rgb(74,116,136)
```
#4a6f88
```
#4a6f88 rgb(74,111,136)
```
#4a6a88
```
#4a6a88 rgb(74,106,136)
```

Similar Colors

Text with hexadecimal color #4a7988

This text has a font color of #4a7988.

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

#4a7988 background color

This paragraph has a background color of #4a7988.

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

#4a7988 border color

This element has a border color of #4a7988.

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

CSS codes

.text {color:#4a7988;}

.background {background-color:#4a7988;}

.border {border:1px solid #4a7988;}

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

#050809
```
#050809 rgb(5,8,9)
```
#0c1316
```
#0c1316 rgb(12,19,22)
```
#131f22
```
#131f22 rgb(19,31,34)
```
#1a2a2f
```
#1a2a2f rgb(26,42,47)
```
#21353c
```
#21353c rgb(33,53,60)
```
#274048
```
#274048 rgb(39,64,72)
```
#2e4c55
```
#2e4c55 rgb(46,76,85)
```
#355762
```
#355762 rgb(53,87,98)
```
#3c626f
```
#3c626f rgb(60,98,111)
```
#436e7b
```
#436e7b rgb(67,110,123)
```
#4a7988
```
#4a7988 rgb(74,121,136)
```
#518495
```
#518495 rgb(81,132,149)
```
#5890a1
```
#5890a1 rgb(88,144,161)
```

Shade Color Variation

#6399aa
```
#6399aa rgb(99,153,170)
```
#70a1b1
```
#70a1b1 rgb(112,161,177)
```
#7ca9b8
```
#7ca9b8 rgb(124,169,184)
```
#89b2bf
```
#89b2bf rgb(137,178,191)
```
#96bac6
```
#96bac6 rgb(150,186,198)
```
#a2c2cd
```
#a2c2cd rgb(162,194,205)
```
#afcbd3
```
#afcbd3 rgb(175,203,211)
```
#bcd3da
```
#bcd3da rgb(188,211,218)
```
#c8dbe1
```
#c8dbe1 rgb(200,219,225)
```
#d5e4e8
```
#d5e4e8 rgb(213,228,232)
```
#e2ecef
```
#e2ecef rgb(226,236,239)
```
#eff4f6
```
#eff4f6 rgb(239,244,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#626c70
```
#626c70 rgb(98,108,112)
```
#5a7178
```
#5a7178 rgb(90,113,120)
```
#527580
```
#527580 rgb(82,117,128)
```
#4a7988
```
#4a7988 rgb(74,121,136)
```
#427d90
```
#427d90 rgb(66,125,144)
```
#3a8198
```
#3a8198 rgb(58,129,152)
```
#3286a0
```
#3286a0 rgb(50,134,160)
```
#2a8aa8
```
#2a8aa8 rgb(42,138,168)
```
#228eb0
```
#228eb0 rgb(34,142,176)
```
#1a92b8
```
#1a92b8 rgb(26,146,184)
```
#1196c1
```
#1196c1 rgb(17,150,193)
```
#099ac9
```
#099ac9 rgb(9,154,201)
```
#019fd1
```
#019fd1 rgb(1,159,209)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#666f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767889 Protanopia 1% of men
#787791 Deuteranopia 1% of men
#51808a Tritanopia 0.001% of the population

Trichromacy

#667889 Protanomaly 1% of men, 0.01% of women
#67778d Deuteranomaly 6% of men, 0.4% of women
#4f7d89 Tritanomaly 0.01% of the population

#4a7988 hex color

#4a7988 Color Information

#4a7988 Color Conversion

Color Schemes with #4a7988

Alternatives to #4a7988

#4a7988 Preview

Shades and Tints of #4a7988

Tones of #4a7988

Color Blindness Simulator