#4a7096 hex color

In a RGB color space, hex #4a7096 is composed of 29% red, 43.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 25.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 210 degrees, a saturation of 33.9% and a lightness of 43.9%. #4a7096 color hex could be obtained by blending #94e0ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 44
- B 59
RGB color chart
- C 51
- M 25
- Y 0
- K 41
CMYK color chart

● #4a7096 color description : Dark moderate blue.

The hexadecimal color #4a7096 has RGB values of R:74, G:112, B:150 and CMYK values of C:0.51, M:0.25, Y:0, K:0.41. Its decimal value is 4878486.

Hex triplet	4a7096	`#4a7096`
RGB Decimal	74, 112, 150	`rgb(74,112,150)`
RGB Percent	29, 43.9, 58.8	`rgb(29%,43.9%,58.8%)`
CMYK	51, 25, 0, 41
HSL	210°, 33.9, 43.9	`hsl(210,33.9%,43.9%)`
HSV (or HSB)	210°, 50.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	45.969, -2.283, -24.802
XYZ	14.122, 15.245, 31.051
xyY	0.234, 0.252, 15.245
CIE-LCH	45.969, 24.907, 264.741
CIE-LUV	45.969, -17.748, -35.81
Hunter-Lab	39.045, -3.77, -19.819
Binary	01001010, 01110000, 10010110

#4a7096
```
#4a7096 rgb(74,112,150)
```
#96704a
```
#96704a rgb(150,112,74)
```

Complementary Color

#4a9696
```
#4a9696 rgb(74,150,150)
```
#4a7096
```
#4a7096 rgb(74,112,150)
```
#4a4a96
```
#4a4a96 rgb(74,74,150)
```

Analogous Color

#96964a
```
#96964a rgb(150,150,74)
```
#4a7096
```
#4a7096 rgb(74,112,150)
```
#964a4a
```
#964a4a rgb(150,74,74)
```

Split Complementary Color

#70964a
```
#70964a rgb(112,150,74)
```
#4a7096
```
#4a7096 rgb(74,112,150)
```
#964a70
```
#964a70 rgb(150,74,112)
```

Triadic Color

#4a9670
```
#4a9670 rgb(74,150,112)
```
#4a7096
```
#4a7096 rgb(74,112,150)
```
#964a70
```
#964a70 rgb(150,74,112)
```
#96704a
```
#96704a rgb(150,112,74)
```

Tetradic Color

#314a63
```
#314a63 rgb(49,74,99)
```
#395774
```
#395774 rgb(57,87,116)
```
#426385
```
#426385 rgb(66,99,133)
```
#4a7096
```
#4a7096 rgb(74,112,150)
```
#527da7
```
#527da7 rgb(82,125,167)
```
#628ab1
```
#628ab1 rgb(98,138,177)
```
#7396ba
```
#7396ba rgb(115,150,186)
```

Monochromatic Color

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

#4a8396
```
#4a8396 rgb(74,131,150)
```
#4a7d96
```
#4a7d96 rgb(74,125,150)
```
#4a7696
```
#4a7696 rgb(74,118,150)
```
#4a7096
```
#4a7096 rgb(74,112,150)
```
#4a6a96
```
#4a6a96 rgb(74,106,150)
```
#4a6396
```
#4a6396 rgb(74,99,150)
```
#4a5d96
```
#4a5d96 rgb(74,93,150)
```

Similar Colors

Text with hexadecimal color #4a7096

This text has a font color of #4a7096.

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

#4a7096 background color

This paragraph has a background color of #4a7096.

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

#4a7096 border color

This element has a border color of #4a7096.

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

CSS codes

.text {color:#4a7096;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090e13
```
#090e13 rgb(9,14,19)
```
#101820
```
#101820 rgb(16,24,32)
```
#16222d
```
#16222d rgb(22,34,45)
```
#1d2b3a
```
#1d2b3a rgb(29,43,58)
```
#233547
```
#233547 rgb(35,53,71)
```
#2a3f54
```
#2a3f54 rgb(42,63,84)
```
#304961
```
#304961 rgb(48,73,97)
```
#37536f
```
#37536f rgb(55,83,111)
```
#3d5c7c
```
#3d5c7c rgb(61,92,124)
```
#446689
```
#446689 rgb(68,102,137)
```
#4a7096
```
#4a7096 rgb(74,112,150)
```
#507aa3
```
#507aa3 rgb(80,122,163)
```

Shade Color Variation

#5a84ad
```
#5a84ad rgb(90,132,173)
```
#678db4
```
#678db4 rgb(103,141,180)
```
#7497ba
```
#7497ba rgb(116,151,186)
```
#81a1c1
```
#81a1c1 rgb(129,161,193)
```
#8eabc7
```
#8eabc7 rgb(142,171,199)
```
#9bb5ce
```
#9bb5ce rgb(155,181,206)
```
#a9bed4
```
#a9bed4 rgb(169,190,212)
```
#b6c8db
```
#b6c8db rgb(182,200,219)
```
#c3d2e1
```
#c3d2e1 rgb(195,210,225)
```
#d0dce8
```
#d0dce8 rgb(208,220,232)
```
#dde6ee
```
#dde6ee rgb(221,230,238)
```
#eaf0f5
```
#eaf0f5 rgb(234,240,245)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#6c7074
```
#6c7074 rgb(108,112,116)
```
#64707c
```
#64707c rgb(100,112,124)
```
#5b7085
```
#5b7085 rgb(91,112,133)
```
#53708d
```
#53708d rgb(83,112,141)
```
#4a7096
```
#4a7096 rgb(74,112,150)
```
#41709f
```
#41709f rgb(65,112,159)
```
#3970a7
```
#3970a7 rgb(57,112,167)
```
#3070b0
```
#3070b0 rgb(48,112,176)
```
#2870b8
```
#2870b8 rgb(40,112,184)
```
#1f70c1
```
#1f70c1 rgb(31,112,193)
```
#1670ca
```
#1670ca rgb(22,112,202)
```
#0e70d2
```
#0e70d2 rgb(14,112,210)
```
#0570db
```
#0570db rgb(5,112,219)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#636a72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#697398 Protanopia 1% of men
#65739d Deuteranopia 1% of men
#4a7b84 Tritanopia 0.001% of the population

Trichromacy

#5d7197 Protanomaly 1% of men, 0.01% of women
#5b729a Deuteranomaly 6% of men, 0.4% of women
#4a778b Tritanomaly 0.01% of the population

#4a7096 hex color

#4a7096 Color Information

#4a7096 Color Conversion

Color Schemes with #4a7096

Alternatives to #4a7096

#4a7096 Preview

Shades and Tints of #4a7096

Tones of #4a7096

Color Blindness Simulator