#453baa hex color

In a RGB color space, hex #453baa is composed of 27.1% red, 23.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 65.3% magenta, 0% yellow and 33.3% black. It has a hue angle of 245.4 degrees, a saturation of 48.5% and a lightness of 44.9%. #453baa color hex could be obtained by blending #8a76ff with #000055. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 27
- G 23
- B 67
RGB color chart
- C 59
- M 65
- Y 0
- K 33
CMYK color chart

● #453baa color description : Dark moderate blue.

The hexadecimal color #453baa has RGB values of R:69, G:59, B:170 and CMYK values of C:0.59, M:0.65, Y:0, K:0.33. Its decimal value is 4537258.

Hex triplet	453baa	`#453baa`
RGB Decimal	69, 59, 170	`rgb(69,59,170)`
RGB Percent	27.1, 23.1, 66.7	`rgb(27.1%,23.1%,66.7%)`
CMYK	59, 65, 0, 33
HSL	245.4°, 48.5, 44.9	`hsl(245.4,48.5%,44.9%)`
HSV (or HSB)	245.4°, 65.3, 66.7
Web Safe	333399	`#333399`

CIE-LAB	32.469, 36.739, -58.276
XYZ	11.273, 7.295, 38.842
xyY	0.196, 0.127, 7.295
CIE-LCH	32.469, 68.89, 302.228
CIE-LUV	32.469, -3.278, -80.863
Hunter-Lab	27.009, 27.232, -66.359
Binary	01000101, 00111011, 10101010

#453baa
```
#453baa rgb(69,59,170)
```
#a0aa3b
```
#a0aa3b rgb(160,170,59)
```

Complementary Color

#3b69aa
```
#3b69aa rgb(59,105,170)
```
#453baa
```
#453baa rgb(69,59,170)
```
#7d3baa
```
#7d3baa rgb(125,59,170)
```

Analogous Color

#69aa3b
```
#69aa3b rgb(105,170,59)
```
#453baa
```
#453baa rgb(69,59,170)
```
#aa7d3b
```
#aa7d3b rgb(170,125,59)
```

Split Complementary Color

#3baa45
```
#3baa45 rgb(59,170,69)
```
#453baa
```
#453baa rgb(69,59,170)
```
#aa453b
```
#aa453b rgb(170,69,59)
```

Triadic Color

#3ba0aa
```
#3ba0aa rgb(59,160,170)
```
#453baa
```
#453baa rgb(69,59,170)
```
#aa453b
```
#aa453b rgb(170,69,59)
```
#a0aa3b
```
#a0aa3b rgb(160,170,59)
```

Tetradic Color

#2e2771
```
#2e2771 rgb(46,39,113)
```
#362e84
```
#362e84 rgb(54,46,132)
```
#3d3497
```
#3d3497 rgb(61,52,151)
```
#453baa
```
#453baa rgb(69,59,170)
```
#4d42bd
```
#4d42bd rgb(77,66,189)
```
#5e54c4
```
#5e54c4 rgb(94,84,196)
```
#7067ca
```
#7067ca rgb(112,103,202)
```

Monochromatic Color

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

#3b4daa
```
#3b4daa rgb(59,77,170)
```
#3b44aa
```
#3b44aa rgb(59,68,170)
```
#3c3baa
```
#3c3baa rgb(60,59,170)
```
#453baa
```
#453baa rgb(69,59,170)
```
#4e3baa
```
#4e3baa rgb(78,59,170)
```
#573baa
```
#573baa rgb(87,59,170)
```
#613baa
```
#613baa rgb(97,59,170)
```

Similar Colors

Text with hexadecimal color #453baa

This text has a font color of #453baa.

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

#453baa background color

This paragraph has a background color of #453baa.

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

#453baa border color

This element has a border color of #453baa.

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

CSS codes

.text {color:#453baa;}

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

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

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

#04030a
```
#04030a rgb(4,3,10)
```
#0a0818
```
#0a0818 rgb(10,8,24)
```
#100e27
```
#100e27 rgb(16,14,39)
```
#161336
```
#161336 rgb(22,19,54)
```
#1c1844
```
#1c1844 rgb(28,24,68)
```
#221d53
```
#221d53 rgb(34,29,83)
```
#272261
```
#272261 rgb(39,34,97)
```
#2d2770
```
#2d2770 rgb(45,39,112)
```
#332c7e
```
#332c7e rgb(51,44,126)
```
#39318d
```
#39318d rgb(57,49,141)
```
#3f369b
```
#3f369b rgb(63,54,155)
```
#453baa
```
#453baa rgb(69,59,170)
```
#4b40b9
```
#4b40b9 rgb(75,64,185)
```

Shade Color Variation

#564cc1
```
#564cc1 rgb(86,76,193)
```
#645ac6
```
#645ac6 rgb(100,90,198)
```
#7169cb
```
#7169cb rgb(113,105,203)
```
#7f77d0
```
#7f77d0 rgb(127,119,208)
```
#8d86d5
```
#8d86d5 rgb(141,134,213)
```
#9b94da
```
#9b94da rgb(155,148,218)
```
#a8a3df
```
#a8a3df rgb(168,163,223)
```
#b6b1e4
```
#b6b1e4 rgb(182,177,228)
```
#c4c0e9
```
#c4c0e9 rgb(196,192,233)
```
#d1cfee
```
#d1cfee rgb(209,207,238)
```
#dfddf3
```
#dfddf3 rgb(223,221,243)
```
#edecf8
```
#edecf8 rgb(237,236,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#707075
```
#707075 rgb(112,112,117)
```
#69677e
```
#69677e rgb(105,103,126)
```
#625e87
```
#625e87 rgb(98,94,135)
```
#5b5590
```
#5b5590 rgb(91,85,144)
```
#534d98
```
#534d98 rgb(83,77,152)
```
#4c44a1
```
#4c44a1 rgb(76,68,161)
```
#453baa
```
#453baa rgb(69,59,170)
```
#3e32b3
```
#3e32b3 rgb(62,50,179)
```
#3729bc
```
#3729bc rgb(55,41,188)
```
#2f21c4
```
#2f21c4 rgb(47,33,196)
```
#2818cd
```
#2818cd rgb(40,24,205)
```
#210fd6
```
#210fd6 rgb(33,15,214)
```
#1a06df
```
#1a06df rgb(26,6,223)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4a485e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00578e Deuteranopia 1% of men
#215d63 Tritanopia 0.001% of the population

Trichromacy

#194aa5 Protanomaly 1% of men, 0.01% of women
#194d98 Deuteranomaly 6% of men, 0.4% of women
#2e507d Tritanomaly 0.01% of the population

#453baa hex color

#453baa Color Information

#453baa Color Conversion

Color Schemes with #453baa

Alternatives to #453baa

#453baa Preview

Shades and Tints of #453baa

Tones of #453baa

Color Blindness Simulator