#4548af hex color

In a RGB color space, hex #4548af is composed of 27.1% red, 28.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 58.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 238.3 degrees, a saturation of 43.4% and a lightness of 47.8%. #4548af color hex could be obtained by blending #8a90ff with #00005f. Closest websafe color is: #333399.

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

● #4548af color description : Dark moderate blue.

The hexadecimal color #4548af has RGB values of R:69, G:72, B:175 and CMYK values of C:0.61, M:0.59, Y:0, K:0.31. Its decimal value is 4540591.

Hex triplet	4548af	`#4548af`
RGB Decimal	69, 72, 175	`rgb(69,72,175)`
RGB Percent	27.1, 28.2, 68.6	`rgb(27.1%,28.2%,68.6%)`
CMYK	61, 59, 0, 31
HSL	238.3°, 43.4, 47.8	`hsl(238.3,43.4%,47.8%)`
HSV (or HSB)	238.3°, 60.6, 68.6
Web Safe	333399	`#333399`

CIE-LAB	35.974, 30.298, -55.552
XYZ	12.508, 8.995, 41.632
xyY	0.198, 0.142, 8.995
CIE-LCH	35.974, 63.277, 298.608
CIE-LUV	35.974, -6.602, -80.005
Hunter-Lab	29.991, 21.961, -61.31
Binary	01000101, 01001000, 10101111

#4548af
```
#4548af rgb(69,72,175)
```
#afac45
```
#afac45 rgb(175,172,69)
```

Complementary Color

#457daf
```
#457daf rgb(69,125,175)
```
#4548af
```
#4548af rgb(69,72,175)
```
#7745af
```
#7745af rgb(119,69,175)
```

Analogous Color

#7daf45
```
#7daf45 rgb(125,175,69)
```
#4548af
```
#4548af rgb(69,72,175)
```
#af7745
```
#af7745 rgb(175,119,69)
```

Split Complementary Color

#48af45
```
#48af45 rgb(72,175,69)
```
#4548af
```
#4548af rgb(69,72,175)
```
#af4548
```
#af4548 rgb(175,69,72)
```

Triadic Color

#45afac
```
#45afac rgb(69,175,172)
```
#4548af
```
#4548af rgb(69,72,175)
```
#af4548
```
#af4548 rgb(175,69,72)
```
#afac45
```
#afac45 rgb(175,172,69)
```

Tetradic Color

#2f3178
```
#2f3178 rgb(47,49,120)
```
#37398a
```
#37398a rgb(55,57,138)
```
#3e409d
```
#3e409d rgb(62,64,157)
```
#4548af
```
#4548af rgb(69,72,175)
```
#5355bb
```
#5355bb rgb(83,85,187)
```
#6567c2
```
#6567c2 rgb(101,103,194)
```
#7779c9
```
#7779c9 rgb(119,121,201)
```

Monochromatic Color

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

#4563af
```
#4563af rgb(69,99,175)
```
#455aaf
```
#455aaf rgb(69,90,175)
```
#4551af
```
#4551af rgb(69,81,175)
```
#4548af
```
#4548af rgb(69,72,175)
```
#4b45af
```
#4b45af rgb(75,69,175)
```
#5445af
```
#5445af rgb(84,69,175)
```
#5d45af
```
#5d45af rgb(93,69,175)
```

Similar Colors

Text with hexadecimal color #4548af

This text has a font color of #4548af.

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

#4548af background color

This paragraph has a background color of #4548af.

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

#4548af border color

This element has a border color of #4548af.

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

CSS codes

.text {color:#4548af;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#080814
```
#080814 rgb(8,8,20)
```
#0e0e22
```
#0e0e22 rgb(14,14,34)
```
#131430
```
#131430 rgb(19,20,48)
```
#191a3e
```
#191a3e rgb(25,26,62)
```
#1e1f4d
```
#1e1f4d rgb(30,31,77)
```
#24255b
```
#24255b rgb(36,37,91)
```
#292b69
```
#292b69 rgb(41,43,105)
```
#2f3177
```
#2f3177 rgb(47,49,119)
```
#343785
```
#343785 rgb(52,55,133)
```
#3a3c93
```
#3a3c93 rgb(58,60,147)
```
#3f42a1
```
#3f42a1 rgb(63,66,161)
```
#4548af
```
#4548af rgb(69,72,175)
```

Shade Color Variation

#4e51b9
```
#4e51b9 rgb(78,81,185)
```
#5c5fbf
```
#5c5fbf rgb(92,95,191)
```
#6a6dc4
```
#6a6dc4 rgb(106,109,196)
```
#787bca
```
#787bca rgb(120,123,202)
```
#8789d0
```
#8789d0 rgb(135,137,208)
```
#9596d5
```
#9596d5 rgb(149,150,213)
```
#a3a4db
```
#a3a4db rgb(163,164,219)
```
#b1b2e0
```
#b1b2e0 rgb(177,178,224)
```
#bfc0e6
```
#bfc0e6 rgb(191,192,230)
```
#cdceeb
```
#cdceeb rgb(205,206,235)
```
#dbdcf1
```
#dbdcf1 rgb(219,220,241)
```
#e9e9f6
```
#e9e9f6 rgb(233,233,246)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#747480
```
#747480 rgb(116,116,128)
```
#6b6b89
```
#6b6b89 rgb(107,107,137)
```
#616393
```
#616393 rgb(97,99,147)
```
#585a9c
```
#585a9c rgb(88,90,156)
```
#4e51a6
```
#4e51a6 rgb(78,81,166)
```
#4548af
```
#4548af rgb(69,72,175)
```
#3c3fb8
```
#3c3fb8 rgb(60,63,184)
```
#3236c2
```
#3236c2 rgb(50,54,194)
```
#292dcb
```
#292dcb rgb(41,45,203)
```
#1f25d5
```
#1f25d5 rgb(31,37,213)
```
#161cde
```
#161cde rgb(22,28,222)
```
#0d13e7
```
#0d13e7 rgb(13,19,231)
```
#030af1
```
#030af1 rgb(3,10,241)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#505165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#005f9c Deuteranopia 1% of men
#20656d Tritanopia 0.001% of the population

Trichromacy

#1953b0 Protanomaly 1% of men, 0.01% of women
#1956a2 Deuteranomaly 6% of men, 0.4% of women
#2d5a85 Tritanomaly 0.01% of the population

#4548af hex color

#4548af Color Information

#4548af Color Conversion

Color Schemes with #4548af

Alternatives to #4548af

#4548af Preview

Shades and Tints of #4548af

Tones of #4548af

Color Blindness Simulator