#453caf hex color

In a RGB color space, hex #453caf is composed of 27.1% red, 23.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 65.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 244.7 degrees, a saturation of 48.9% and a lightness of 46.1%. #453caf color hex could be obtained by blending #8a78ff with #00005f. Closest websafe color is: #333399.

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

● #453caf color description : Dark moderate blue.

The hexadecimal color #453caf has RGB values of R:69, G:60, B:175 and CMYK values of C:0.61, M:0.66, Y:0, K:0.31. Its decimal value is 4537519.

Hex triplet	453caf	`#453caf`
RGB Decimal	69, 60, 175	`rgb(69,60,175)`
RGB Percent	27.1, 23.5, 68.6	`rgb(27.1%,23.5%,68.6%)`
CMYK	61, 66, 0, 31
HSL	244.7°, 48.9, 46.1	`hsl(244.7,48.9%,46.1%)`
HSV (or HSB)	244.7°, 65.7, 68.6
Web Safe	333399	`#333399`

CIE-LAB	33.117, 37.764, -60.204
XYZ	11.806, 7.592, 41.398
xyY	0.194, 0.125, 7.592
CIE-LCH	33.117, 71.068, 302.098
CIE-LUV	33.117, -3.807, -83.911
Hunter-Lab	27.553, 28.27, -69.796
Binary	01000101, 00111100, 10101111

#453caf
```
#453caf rgb(69,60,175)
```
#a6af3c
```
#a6af3c rgb(166,175,60)
```

Complementary Color

#3c6daf
```
#3c6daf rgb(60,109,175)
```
#453caf
```
#453caf rgb(69,60,175)
```
#7f3caf
```
#7f3caf rgb(127,60,175)
```

Analogous Color

#6daf3c
```
#6daf3c rgb(109,175,60)
```
#453caf
```
#453caf rgb(69,60,175)
```
#af7f3c
```
#af7f3c rgb(175,127,60)
```

Split Complementary Color

#3caf45
```
#3caf45 rgb(60,175,69)
```
#453caf
```
#453caf rgb(69,60,175)
```
#af453c
```
#af453c rgb(175,69,60)
```

Triadic Color

#3ca6af
```
#3ca6af rgb(60,166,175)
```
#453caf
```
#453caf rgb(69,60,175)
```
#af453c
```
#af453c rgb(175,69,60)
```
#a6af3c
```
#a6af3c rgb(166,175,60)
```

Tetradic Color

#2f2876
```
#2f2876 rgb(47,40,118)
```
#362f89
```
#362f89 rgb(54,47,137)
```
#3e359c
```
#3e359c rgb(62,53,156)
```
#453caf
```
#453caf rgb(69,60,175)
```
#4f45bf
```
#4f45bf rgb(79,69,191)
```
#6158c6
```
#6158c6 rgb(97,88,198)
```
#736bcc
```
#736bcc rgb(115,107,204)
```

Monochromatic Color

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

#3c50af
```
#3c50af rgb(60,80,175)
```
#3c46af
```
#3c46af rgb(60,70,175)
```
#3c3daf
```
#3c3daf rgb(60,61,175)
```
#453caf
```
#453caf rgb(69,60,175)
```
#4f3caf
```
#4f3caf rgb(79,60,175)
```
#583caf
```
#583caf rgb(88,60,175)
```
#623caf
```
#623caf rgb(98,60,175)
```

Similar Colors

Text with hexadecimal color #453caf

This text has a font color of #453caf.

<span style="color:#453caf;">Text here</span>

#453caf background color

This paragraph has a background color of #453caf.

<p style="background-color:#453caf;">Content here</p>

#453caf border color

This element has a border color of #453caf.

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

CSS codes

.text {color:#453caf;}

.background {background-color:#453caf;}

.border {border:1px solid #453caf;}

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, #06050e is the darkest color, while #ffffff is the lightest one.

#06050e
```
#06050e rgb(6,5,14)
```
#0b0a1d
```
#0b0a1d rgb(11,10,29)
```
#110f2c
```
#110f2c rgb(17,15,44)
```
#17143a
```
#17143a rgb(23,20,58)
```
#1d1949
```
#1d1949 rgb(29,25,73)
```
#221e57
```
#221e57 rgb(34,30,87)
```
#282366
```
#282366 rgb(40,35,102)
```
#2e2875
```
#2e2875 rgb(46,40,117)
```
#342d83
```
#342d83 rgb(52,45,131)
```
#393292
```
#393292 rgb(57,50,146)
```
#3f37a0
```
#3f37a0 rgb(63,55,160)
```
#453caf
```
#453caf rgb(69,60,175)
```
#4b41be
```
#4b41be rgb(75,65,190)
```

Shade Color Variation

#584fc3
```
#584fc3 rgb(88,79,195)
```
#665ec8
```
#665ec8 rgb(102,94,200)
```
#746dcd
```
#746dcd rgb(116,109,205)
```
#827bd2
```
#827bd2 rgb(130,123,210)
```
#908ad7
```
#908ad7 rgb(144,138,215)
```
#9e98dc
```
#9e98dc rgb(158,152,220)
```
#aca7e1
```
#aca7e1 rgb(172,167,225)
```
#b9b6e6
```
#b9b6e6 rgb(185,182,230)
```
#c7c4eb
```
#c7c4eb rgb(199,196,235)
```
#d5d3f0
```
#d5d3f0 rgb(213,211,240)
```
#e3e1f5
```
#e3e1f5 rgb(227,225,245)
```
#f1f0fa
```
#f1f0fa rgb(241,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#737279
```
#737279 rgb(115,114,121)
```
#6b6982
```
#6b6982 rgb(107,105,130)
```
#63608b
```
#63608b rgb(99,96,139)
```
#5c5794
```
#5c5794 rgb(92,87,148)
```
#544e9d
```
#544e9d rgb(84,78,157)
```
#4d45a6
```
#4d45a6 rgb(77,69,166)
```
#453caf
```
#453caf rgb(69,60,175)
```
#3d33b8
```
#3d33b8 rgb(61,51,184)
```
#362ac1
```
#362ac1 rgb(54,42,193)
```
#2e21ca
```
#2e21ca rgb(46,33,202)
```
#2718d3
```
#2718d3 rgb(39,24,211)
```
#1f0fdc
```
#1f0fdc rgb(31,15,220)
```
#1706e5
```
#1706e5 rgb(23,6,229)
```

Tone Color Variation

Below, you can see how #453caf 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

#4c4c4c Achromatopsia 0.005% of the population
#4b4960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005990 Deuteranopia 1% of men
#185f66 Tritanopia 0.001% of the population

Trichromacy

#194ba8 Protanomaly 1% of men, 0.01% of women
#194e9b Deuteranomaly 6% of men, 0.4% of women
#285280 Tritanomaly 0.01% of the population

#453caf hex color

#453caf Color Information

#453caf Color Conversion

Color Schemes with #453caf

Alternatives to #453caf

#453caf Preview

Shades and Tints of #453caf

Tones of #453caf

Color Blindness Simulator