#4a7282 hex color

In a RGB color space, hex #4a7282 is composed of 29% red, 44.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 43.1% cyan, 12.3% magenta, 0% yellow and 49% black. It has a hue angle of 197.1 degrees, a saturation of 27.5% and a lightness of 40%. #4a7282 color hex could be obtained by blending #94e4ff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 45
- B 51
RGB color chart
- C 43
- M 12
- Y 0
- K 49
CMYK color chart

● #4a7282 color description : Mostly desaturated dark blue.

The hexadecimal color #4a7282 has RGB values of R:74, G:114, B:130 and CMYK values of C:0.43, M:0.12, Y:0, K:0.49. Its decimal value is 4878978.

Hex triplet	4a7282	`#4a7282`
RGB Decimal	74, 114, 130	`rgb(74,114,130)`
RGB Percent	29, 44.7, 51	`rgb(29%,44.7%,51%)`
CMYK	43, 12, 0, 49
HSL	197.1°, 27.5, 40	`hsl(197.1,27.5%,40%)`
HSV (or HSB)	197.1°, 43.1, 51
Web Safe	336699	`#336699`

CIE-LAB	45.773, -9.512, -13.215
XYZ	12.87, 15.102, 23.355
xyY	0.251, 0.294, 15.102
CIE-LCH	45.773, 16.282, 234.256
CIE-LUV	45.773, -18.737, -17.336
Hunter-Lab	38.861, -8.892, -8.43
Binary	01001010, 01110010, 10000010

#4a7282
```
#4a7282 rgb(74,114,130)
```
#825a4a
```
#825a4a rgb(130,90,74)
```

Complementary Color

#4a8276
```
#4a8276 rgb(74,130,118)
```
#4a7282
```
#4a7282 rgb(74,114,130)
```
#4a5682
```
#4a5682 rgb(74,86,130)
```

Analogous Color

#82764a
```
#82764a rgb(130,118,74)
```
#4a7282
```
#4a7282 rgb(74,114,130)
```
#824a56
```
#824a56 rgb(130,74,86)
```

Split Complementary Color

#72824a
```
#72824a rgb(114,130,74)
```
#4a7282
```
#4a7282 rgb(74,114,130)
```
#824a72
```
#824a72 rgb(130,74,114)
```

Triadic Color

#4a825a
```
#4a825a rgb(74,130,90)
```
#4a7282
```
#4a7282 rgb(74,114,130)
```
#824a72
```
#824a72 rgb(130,74,114)
```
#825a4a
```
#825a4a rgb(130,90,74)
```

Tetradic Color

#2e4751
```
#2e4751 rgb(46,71,81)
```
#385662
```
#385662 rgb(56,86,98)
```
#416472
```
#416472 rgb(65,100,114)
```
#4a7282
```
#4a7282 rgb(74,114,130)
```
#538092
```
#538092 rgb(83,128,146)
```
#5d8fa3
```
#5d8fa3 rgb(93,143,163)
```
#6d9aac
```
#6d9aac rgb(109,154,172)
```

Monochromatic Color

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

#4a8082
```
#4a8082 rgb(74,128,130)
```
#4a7b82
```
#4a7b82 rgb(74,123,130)
```
#4a7782
```
#4a7782 rgb(74,119,130)
```
#4a7282
```
#4a7282 rgb(74,114,130)
```
#4a6d82
```
#4a6d82 rgb(74,109,130)
```
#4a6982
```
#4a6982 rgb(74,105,130)
```
#4a6482
```
#4a6482 rgb(74,100,130)
```

Similar Colors

Text with hexadecimal color #4a7282

This text has a font color of #4a7282.

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

#4a7282 background color

This paragraph has a background color of #4a7282.

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

#4a7282 border color

This element has a border color of #4a7282.

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

CSS codes

.text {color:#4a7282;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0f12
```
#0a0f12 rgb(10,15,18)
```
#111a1e
```
#111a1e rgb(17,26,30)
```
#18252b
```
#18252b rgb(24,37,43)
```
#1f3037
```
#1f3037 rgb(31,48,55)
```
#263b44
```
#263b44 rgb(38,59,68)
```
#2e4650
```
#2e4650 rgb(46,70,80)
```
#35515d
```
#35515d rgb(53,81,93)
```
#3c5c69
```
#3c5c69 rgb(60,92,105)
```
#436776
```
#436776 rgb(67,103,118)
```
#4a7282
```
#4a7282 rgb(74,114,130)
```
#517d8f
```
#517d8f rgb(81,125,143)
```
#58889b
```
#58889b rgb(88,136,155)
```

Shade Color Variation

#6292a5
```
#6292a5 rgb(98,146,165)
```
#6e9bac
```
#6e9bac rgb(110,155,172)
```
#7ba3b4
```
#7ba3b4 rgb(123,163,180)
```
#87acbb
```
#87acbb rgb(135,172,187)
```
#94b5c2
```
#94b5c2 rgb(148,181,194)
```
#a0bdc9
```
#a0bdc9 rgb(160,189,201)
```
#adc6d0
```
#adc6d0 rgb(173,198,208)
```
#b9cfd7
```
#b9cfd7 rgb(185,207,215)
```
#c6d7de
```
#c6d7de rgb(198,215,222)
```
#d2e0e5
```
#d2e0e5 rgb(210,224,229)
```
#dfe9ed
```
#dfe9ed rgb(223,233,237)
```
#ebf1f4
```
#ebf1f4 rgb(235,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62686a is the less saturated color, while #0390c9 is the most saturated one.

#62686a
```
#62686a rgb(98,104,106)
```
#5a6b72
```
#5a6b72 rgb(90,107,114)
```
#526f7a
```
#526f7a rgb(82,111,122)
```
#4a7282
```
#4a7282 rgb(74,114,130)
```
#42758a
```
#42758a rgb(66,117,138)
```
#3a7992
```
#3a7992 rgb(58,121,146)
```
#327c9a
```
#327c9a rgb(50,124,154)
```
#2b7fa1
```
#2b7fa1 rgb(43,127,161)
```
#2383a9
```
#2383a9 rgb(35,131,169)
```
#1b86b1
```
#1b86b1 rgb(27,134,177)
```
#138ab9
```
#138ab9 rgb(19,138,185)
```
#0b8dc1
```
#0b8dc1 rgb(11,141,193)
```
#0390c9
```
#0390c9 rgb(3,144,201)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#626a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#707384 Protanopia 1% of men
#72718b Deuteranopia 1% of men
#517a83 Tritanopia 0.001% of the population

Trichromacy

#627283 Protanomaly 1% of men, 0.01% of women
#637187 Deuteranomaly 6% of men, 0.4% of women
#4e7782 Tritanomaly 0.01% of the population

#4a7282 hex color

#4a7282 Color Information

#4a7282 Color Conversion

Color Schemes with #4a7282

Alternatives to #4a7282

#4a7282 Preview

Shades and Tints of #4a7282

Tones of #4a7282

Color Blindness Simulator