#4474a0 hex color

In a RGB color space, hex #4474a0 is composed of 26.7% red, 45.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 27.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 208.7 degrees, a saturation of 40.4% and a lightness of 44.7%. #4474a0 color hex could be obtained by blending #88e8ff with #000041. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 45
- B 63
RGB color chart
- C 58
- M 28
- Y 0
- K 37
CMYK color chart

● #4474a0 color description : Dark moderate blue.

The hexadecimal color #4474a0 has RGB values of R:68, G:116, B:160 and CMYK values of C:0.58, M:0.28, Y:0, K:0.37. Its decimal value is 4486304.

Hex triplet	4474a0	`#4474a0`
RGB Decimal	68, 116, 160	`rgb(68,116,160)`
RGB Percent	26.7, 45.5, 62.7	`rgb(26.7%,45.5%,62.7%)`
CMYK	58, 28, 0, 37
HSL	208.7°, 40.4, 44.7	`hsl(208.7,40.4%,44.7%)`
HSV (or HSB)	208.7°, 57.5, 62.7
Web Safe	336699	`#336699`

CIE-LAB	47.31, -2.848, -28.634
XYZ	14.973, 16.257, 35.605
xyY	0.224, 0.243, 16.257
CIE-LCH	47.31, 28.775, 264.32
CIE-LUV	47.31, -20.935, -41.935
Hunter-Lab	40.32, -4.273, -24.132
Binary	01000100, 01110100, 10100000

#4474a0
```
#4474a0 rgb(68,116,160)
```
#a07044
```
#a07044 rgb(160,112,68)
```

Complementary Color

#44a09e
```
#44a09e rgb(68,160,158)
```
#4474a0
```
#4474a0 rgb(68,116,160)
```
#4446a0
```
#4446a0 rgb(68,70,160)
```

Analogous Color

#a09e44
```
#a09e44 rgb(160,158,68)
```
#4474a0
```
#4474a0 rgb(68,116,160)
```
#a04446
```
#a04446 rgb(160,68,70)
```

Split Complementary Color

#74a044
```
#74a044 rgb(116,160,68)
```
#4474a0
```
#4474a0 rgb(68,116,160)
```
#a04474
```
#a04474 rgb(160,68,116)
```

Triadic Color

#44a070
```
#44a070 rgb(68,160,112)
```
#4474a0
```
#4474a0 rgb(68,116,160)
```
#a04474
```
#a04474 rgb(160,68,116)
```
#a07044
```
#a07044 rgb(160,112,68)
```

Tetradic Color

#2d4d6a
```
#2d4d6a rgb(45,77,106)
```
#355a7c
```
#355a7c rgb(53,90,124)
```
#3c678e
```
#3c678e rgb(60,103,142)
```
#4474a0
```
#4474a0 rgb(68,116,160)
```
#4c81b2
```
#4c81b2 rgb(76,129,178)
```
#5d8eba
```
#5d8eba rgb(93,142,186)
```
#6f9ac2
```
#6f9ac2 rgb(111,154,194)
```

Monochromatic Color

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

#448ba0
```
#448ba0 rgb(68,139,160)
```
#4483a0
```
#4483a0 rgb(68,131,160)
```
#447ca0
```
#447ca0 rgb(68,124,160)
```
#4474a0
```
#4474a0 rgb(68,116,160)
```
#446ca0
```
#446ca0 rgb(68,108,160)
```
#4465a0
```
#4465a0 rgb(68,101,160)
```
#445da0
```
#445da0 rgb(68,93,160)
```

Similar Colors

Text with hexadecimal color #4474a0

This text has a font color of #4474a0.

<span style="color:#4474a0;">Text here</span>

#4474a0 background color

This paragraph has a background color of #4474a0.

<p style="background-color:#4474a0;">Content here</p>

#4474a0 border color

This element has a border color of #4474a0.

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

CSS codes

.text {color:#4474a0;}

.background {background-color:#4474a0;}

.border {border:1px solid #4474a0;}

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

#040609
```
#040609 rgb(4,6,9)
```
#091016
```
#091016 rgb(9,16,22)
```
#0f1a24
```
#0f1a24 rgb(15,26,36)
```
#152432
```
#152432 rgb(21,36,50)
```
#1b2e40
```
#1b2e40 rgb(27,46,64)
```
#21384d
```
#21384d rgb(33,56,77)
```
#27425b
```
#27425b rgb(39,66,91)
```
#2d4c69
```
#2d4c69 rgb(45,76,105)
```
#325677
```
#325677 rgb(50,86,119)
```
#386084
```
#386084 rgb(56,96,132)
```
#3e6a92
```
#3e6a92 rgb(62,106,146)
```
#4474a0
```
#4474a0 rgb(68,116,160)
```
#4a7eae
```
#4a7eae rgb(74,126,174)
```

Shade Color Variation

#5588b7
```
#5588b7 rgb(85,136,183)
```
#6291bc
```
#6291bc rgb(98,145,188)
```
#709bc2
```
#709bc2 rgb(112,155,194)
```
#7ea5c8
```
#7ea5c8 rgb(126,165,200)
```
#8caece
```
#8caece rgb(140,174,206)
```
#99b8d4
```
#99b8d4 rgb(153,184,212)
```
#a7c2da
```
#a7c2da rgb(167,194,218)
```
#b5cbe0
```
#b5cbe0 rgb(181,203,224)
```
#c3d5e5
```
#c3d5e5 rgb(195,213,229)
```
#d1deeb
```
#d1deeb rgb(209,222,235)
```
#dee8f1
```
#dee8f1 rgb(222,232,241)
```
#ecf2f7
```
#ecf2f7 rgb(236,242,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#707274
```
#707274 rgb(112,114,116)
```
#67727d
```
#67727d rgb(103,114,125)
```
#5e7386
```
#5e7386 rgb(94,115,134)
```
#56738e
```
#56738e rgb(86,115,142)
```
#4d7497
```
#4d7497 rgb(77,116,151)
```
#4474a0
```
#4474a0 rgb(68,116,160)
```
#3b74a9
```
#3b74a9 rgb(59,116,169)
```
#3275b2
```
#3275b2 rgb(50,117,178)
```
#2a75ba
```
#2a75ba rgb(42,117,186)
```
#2176c3
```
#2176c3 rgb(33,118,195)
```
#1876cc
```
#1876cc rgb(24,118,204)
```
#0f76d5
```
#0f76d5 rgb(15,118,213)
```
#0777dd
```
#0777dd rgb(7,119,221)
```

Tone Color Variation

Below, you can see how #4474a0 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

#6b6b6b Achromatopsia 0.005% of the population
#636d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6976a1 Protanopia 1% of men
#6376a6 Deuteranopia 1% of men
#408089 Tritanopia 0.001% of the population

Trichromacy

#5b75a0 Protanomaly 1% of men, 0.01% of women
#5875a4 Deuteranomaly 6% of men, 0.4% of women
#417c91 Tritanomaly 0.01% of the population

#4474a0 hex color

#4474a0 Color Information

#4474a0 Color Conversion

Color Schemes with #4474a0

Alternatives to #4474a0

#4474a0 Preview

Shades and Tints of #4474a0

Tones of #4474a0

Color Blindness Simulator