#48749f hex color

In a RGB color space, hex #48749f is composed of 28.2% red, 45.5% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 27% magenta, 0% yellow and 37.6% black. It has a hue angle of 209.7 degrees, a saturation of 37.7% and a lightness of 45.3%. #48749f color hex could be obtained by blending #90e8ff with #00003f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 45
- B 62
RGB color chart
- C 55
- M 27
- Y 0
- K 38
CMYK color chart

● #48749f color description : Dark moderate blue.

The hexadecimal color #48749f has RGB values of R:72, G:116, B:159 and CMYK values of C:0.55, M:0.27, Y:0, K:0.38. Its decimal value is 4748447.

Hex triplet	48749f	`#48749f`
RGB Decimal	72, 116, 159	`rgb(72,116,159)`
RGB Percent	28.2, 45.5, 62.4	`rgb(28.2%,45.5%,62.4%)`
CMYK	55, 27, 0, 38
HSL	209.7°, 37.7, 45.3	`hsl(209.7,37.7%,45.3%)`
HSV (or HSB)	209.7°, 54.7, 62.4
Web Safe	336699	`#336699`

CIE-LAB	47.457, -2.278, -27.802
XYZ	15.174, 16.371, 35.159
xyY	0.227, 0.245, 16.371
CIE-LCH	47.457, 27.895, 265.316
CIE-LUV	47.457, -19.802, -40.725
Hunter-Lab	40.461, -3.862, -23.199
Binary	01001000, 01110100, 10011111

#48749f
```
#48749f rgb(72,116,159)
```
#9f7348
```
#9f7348 rgb(159,115,72)
```

Complementary Color

#489f9f
```
#489f9f rgb(72,159,159)
```
#48749f
```
#48749f rgb(72,116,159)
```
#48499f
```
#48499f rgb(72,73,159)
```

Analogous Color

#9f9f48
```
#9f9f48 rgb(159,159,72)
```
#48749f
```
#48749f rgb(72,116,159)
```
#9f4848
```
#9f4848 rgb(159,72,72)
```

Split Complementary Color

#749f48
```
#749f48 rgb(116,159,72)
```
#48749f
```
#48749f rgb(72,116,159)
```
#9f4874
```
#9f4874 rgb(159,72,116)
```

Triadic Color

#489f73
```
#489f73 rgb(72,159,115)
```
#48749f
```
#48749f rgb(72,116,159)
```
#9f4874
```
#9f4874 rgb(159,72,116)
```
#9f7348
```
#9f7348 rgb(159,115,72)
```

Tetradic Color

#304e6a
```
#304e6a rgb(48,78,106)
```
#385a7c
```
#385a7c rgb(56,90,124)
```
#40678d
```
#40678d rgb(64,103,141)
```
#48749f
```
#48749f rgb(72,116,159)
```
#5181b0
```
#5181b0 rgb(81,129,176)
```
#628db8
```
#628db8 rgb(98,141,184)
```
#749ac0
```
#749ac0 rgb(116,154,192)
```

Monochromatic Color

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

#488a9f
```
#488a9f rgb(72,138,159)
```
#48839f
```
#48839f rgb(72,131,159)
```
#487b9f
```
#487b9f rgb(72,123,159)
```
#48749f
```
#48749f rgb(72,116,159)
```
#486d9f
```
#486d9f rgb(72,109,159)
```
#48669f
```
#48669f rgb(72,102,159)
```
#485e9f
```
#485e9f rgb(72,94,159)
```

Similar Colors

Text with hexadecimal color #48749f

This text has a font color of #48749f.

<span style="color:#48749f;">Text here</span>

#48749f background color

This paragraph has a background color of #48749f.

<p style="background-color:#48749f;">Content here</p>

#48749f border color

This element has a border color of #48749f.

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

CSS codes

.text {color:#48749f;}

.background {background-color:#48749f;}

.border {border:1px solid #48749f;}

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, #05080a is the darkest color, while #fcfdfe is the lightest one.

#05080a
```
#05080a rgb(5,8,10)
```
#0b1118
```
#0b1118 rgb(11,17,24)
```
#111b25
```
#111b25 rgb(17,27,37)
```
#172533
```
#172533 rgb(23,37,51)
```
#1d2f40
```
#1d2f40 rgb(29,47,64)
```
#23394e
```
#23394e rgb(35,57,78)
```
#29435b
```
#29435b rgb(41,67,91)
```
#304d69
```
#304d69 rgb(48,77,105)
```
#365676
```
#365676 rgb(54,86,118)
```
#3c6084
```
#3c6084 rgb(60,96,132)
```
#426a91
```
#426a91 rgb(66,106,145)
```
#48749f
```
#48749f rgb(72,116,159)
```
#4e7ead
```
#4e7ead rgb(78,126,173)
```

Shade Color Variation

#5a88b4
```
#5a88b4 rgb(90,136,180)
```
#6791ba
```
#6791ba rgb(103,145,186)
```
#759bc0
```
#759bc0 rgb(117,155,192)
```
#82a5c7
```
#82a5c7 rgb(130,165,199)
```
#90afcd
```
#90afcd rgb(144,175,205)
```
#9db8d3
```
#9db8d3 rgb(157,184,211)
```
#abc2d9
```
#abc2d9 rgb(171,194,217)
```
#b8ccdf
```
#b8ccdf rgb(184,204,223)
```
#c6d6e5
```
#c6d6e5 rgb(198,214,229)
```
#d3e0eb
```
#d3e0eb rgb(211,224,235)
```
#e1e9f1
```
#e1e9f1 rgb(225,233,241)
```
#eef3f8
```
#eef3f8 rgb(238,243,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#6c747b
```
#6c747b rgb(108,116,123)
```
#637484
```
#637484 rgb(99,116,132)
```
#5a748d
```
#5a748d rgb(90,116,141)
```
#517496
```
#517496 rgb(81,116,150)
```
#48749f
```
#48749f rgb(72,116,159)
```
#3f74a8
```
#3f74a8 rgb(63,116,168)
```
#3674b1
```
#3674b1 rgb(54,116,177)
```
#2d74ba
```
#2d74ba rgb(45,116,186)
```
#2474c3
```
#2474c3 rgb(36,116,195)
```
#1c75cb
```
#1c75cb rgb(28,117,203)
```
#1375d4
```
#1375d4 rgb(19,117,212)
```
#0a75dd
```
#0a75dd rgb(10,117,221)
```
#0175e6
```
#0175e6 rgb(1,117,230)
```

Tone Color Variation

Below, you can see how #48749f 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

#6c6c6c Achromatopsia 0.005% of the population
#656e76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a76a0 Protanopia 1% of men
#6576a5 Deuteranopia 1% of men
#458089 Tritanopia 0.001% of the population

Trichromacy

#5d75a0 Protanomaly 1% of men, 0.01% of women
#5a75a3 Deuteranomaly 6% of men, 0.4% of women
#467b91 Tritanomaly 0.01% of the population

#48749f hex color

#48749f Color Information

#48749f Color Conversion

Color Schemes with #48749f

Alternatives to #48749f

#48749f Preview

Shades and Tints of #48749f

Tones of #48749f

Color Blindness Simulator