#4874af hex color

In a RGB color space, hex #4874af is composed of 28.2% red, 45.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 33.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 214.4 degrees, a saturation of 41.7% and a lightness of 48.4%. #4874af color hex could be obtained by blending #90e8ff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 45
- B 69
RGB color chart
- C 59
- M 34
- Y 0
- K 31
CMYK color chart

● #4874af color description : Dark moderate blue.

The hexadecimal color #4874af has RGB values of R:72, G:116, B:175 and CMYK values of C:0.59, M:0.34, Y:0, K:0.31. Its decimal value is 4748463.

Hex triplet	4874af	`#4874af`
RGB Decimal	72, 116, 175	`rgb(72,116,175)`
RGB Percent	28.2, 45.5, 68.6	`rgb(28.2%,45.5%,68.6%)`
CMYK	59, 34, 0, 31
HSL	214.4°, 41.7, 48.4	`hsl(214.4,41.7%,48.4%)`
HSV (or HSB)	214.4°, 58.9, 68.6
Web Safe	336699	`#336699`

CIE-LAB	48.213, 3.009, -35.968
XYZ	16.654, 16.963, 42.952
xyY	0.218, 0.222, 16.963
CIE-LCH	48.213, 36.093, 274.782
CIE-LUV	48.213, -19.604, -54.295
Hunter-Lab	41.186, 0.104, -33.002
Binary	01001000, 01110100, 10101111

#4874af
```
#4874af rgb(72,116,175)
```
#af8348
```
#af8348 rgb(175,131,72)
```

Complementary Color

#48a8af
```
#48a8af rgb(72,168,175)
```
#4874af
```
#4874af rgb(72,116,175)
```
#5048af
```
#5048af rgb(80,72,175)
```

Analogous Color

#a8af48
```
#a8af48 rgb(168,175,72)
```
#4874af
```
#4874af rgb(72,116,175)
```
#af5048
```
#af5048 rgb(175,80,72)
```

Split Complementary Color

#74af48
```
#74af48 rgb(116,175,72)
```
#4874af
```
#4874af rgb(72,116,175)
```
#af4874
```
#af4874 rgb(175,72,116)
```

Triadic Color

#48af83
```
#48af83 rgb(72,175,131)
```
#4874af
```
#4874af rgb(72,116,175)
```
#af4874
```
#af4874 rgb(175,72,116)
```
#af8348
```
#af8348 rgb(175,131,72)
```

Tetradic Color

#325079
```
#325079 rgb(50,80,121)
```
#395c8b
```
#395c8b rgb(57,92,139)
```
#41689d
```
#41689d rgb(65,104,157)
```
#4874af
```
#4874af rgb(72,116,175)
```
#5781ba
```
#5781ba rgb(87,129,186)
```
#698fc1
```
#698fc1 rgb(105,143,193)
```
#7b9cc9
```
#7b9cc9 rgb(123,156,201)
```

Monochromatic Color

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

#488eaf
```
#488eaf rgb(72,142,175)
```
#4885af
```
#4885af rgb(72,133,175)
```
#487daf
```
#487daf rgb(72,125,175)
```
#4874af
```
#4874af rgb(72,116,175)
```
#486baf
```
#486baf rgb(72,107,175)
```
#4863af
```
#4863af rgb(72,99,175)
```
#485aaf
```
#485aaf rgb(72,90,175)
```

Similar Colors

Text with hexadecimal color #4874af

This text has a font color of #4874af.

<span style="color:#4874af;">Text here</span>

#4874af background color

This paragraph has a background color of #4874af.

<p style="background-color:#4874af;">Content here</p>

#4874af border color

This element has a border color of #4874af.

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

CSS codes

.text {color:#4874af;}

.background {background-color:#4874af;}

.border {border:1px solid #4874af;}

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

#030508
```
#030508 rgb(3,5,8)
```
#090f16
```
#090f16 rgb(9,15,22)
```
#0f1824
```
#0f1824 rgb(15,24,36)
```
#152132
```
#152132 rgb(21,33,50)
```
#1a2a40
```
#1a2a40 rgb(26,42,64)
```
#20344e
```
#20344e rgb(32,52,78)
```
#263d5c
```
#263d5c rgb(38,61,92)
```
#2b466a
```
#2b466a rgb(43,70,106)
```
#314f77
```
#314f77 rgb(49,79,119)
```
#375885
```
#375885 rgb(55,88,133)
```
#3d6293
```
#3d6293 rgb(61,98,147)
```
#426ba1
```
#426ba1 rgb(66,107,161)
```
#4874af
```
#4874af rgb(72,116,175)
```

Shade Color Variation

#537eb8
```
#537eb8 rgb(83,126,184)
```
#6088be
```
#6088be rgb(96,136,190)
```
#6e93c3
```
#6e93c3 rgb(110,147,195)
```
#7c9dc9
```
#7c9dc9 rgb(124,157,201)
```
#8aa8cf
```
#8aa8cf rgb(138,168,207)
```
#98b2d5
```
#98b2d5 rgb(152,178,213)
```
#a6bcda
```
#a6bcda rgb(166,188,218)
```
#b4c7e0
```
#b4c7e0 rgb(180,199,224)
```
#c2d1e6
```
#c2d1e6 rgb(194,209,230)
```
#d0dcec
```
#d0dcec rgb(208,220,236)
```
#dee6f1
```
#dee6f1 rgb(222,230,241)
```
#ebf0f7
```
#ebf0f7 rgb(235,240,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b80 is the less saturated color, while #056af2 is the most saturated one.

#787b80
```
#787b80 rgb(120,123,128)
```
#6e7a89
```
#6e7a89 rgb(110,122,137)
```
#657893
```
#657893 rgb(101,120,147)
```
#5b779c
```
#5b779c rgb(91,119,156)
```
#5275a6
```
#5275a6 rgb(82,117,166)
```
#4874af
```
#4874af rgb(72,116,175)
```
#3f73b9
```
#3f73b9 rgb(63,115,185)
```
#3571c2
```
#3571c2 rgb(53,113,194)
```
#2c70cc
```
#2c70cc rgb(44,112,204)
```
#226ed5
```
#226ed5 rgb(34,110,213)
```
#196ddf
```
#196ddf rgb(25,109,223)
```
#0f6ce8
```
#0f6ce8 rgb(15,108,232)
```
#056af2
```
#056af2 rgb(5,106,242)
```

Tone Color Variation

Below, you can see how #4874af 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

#6e6e6e Achromatopsia 0.005% of the population
#666f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6477b0 Protanopia 1% of men
#5a79b3 Deuteranopia 1% of men
#3c838c Tritanopia 0.001% of the population

Trichromacy

#5a76b0 Protanomaly 1% of men, 0.01% of women
#5377b2 Deuteranomaly 6% of men, 0.4% of women
#407d99 Tritanomaly 0.01% of the population

#4874af hex color

#4874af Color Information

#4874af Color Conversion

Color Schemes with #4874af

Alternatives to #4874af

#4874af Preview

Shades and Tints of #4874af

Tones of #4874af

Color Blindness Simulator