#453ac2 hex color

In a RGB color space, hex #453ac2 is composed of 27.1% red, 22.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 70.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 244.9 degrees, a saturation of 54% and a lightness of 49.4%. #453ac2 color hex could be obtained by blending #8a74ff with #000085. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 27
- G 23
- B 76
RGB color chart
- C 64
- M 70
- Y 0
- K 24
CMYK color chart

● #453ac2 color description : Moderate blue.

The hexadecimal color #453ac2 has RGB values of R:69, G:58, B:194 and CMYK values of C:0.64, M:0.7, Y:0, K:0.24. Its decimal value is 4537026.

Hex triplet	453ac2	`#453ac2`
RGB Decimal	69, 58, 194	`rgb(69,58,194)`
RGB Percent	27.1, 22.7, 76.1	`rgb(27.1%,22.7%,76.1%)`
CMYK	64, 70, 0, 24
HSL	244.9°, 54, 49.4	`hsl(244.9,54%,49.4%)`
HSV (or HSB)	244.9°, 70.1, 76.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.367, 45.08, -69.385
XYZ	13.703, 8.186, 51.894
xyY	0.186, 0.111, 8.186
CIE-LCH	34.367, 82.743, 303.012
CIE-LUV	34.367, -4.574, -96.584
Hunter-Lab	28.611, 35.423, -87.512
Binary	01000101, 00111010, 11000010

#453ac2
```
#453ac2 rgb(69,58,194)
```
#b7c23a
```
#b7c23a rgb(183,194,58)
```

Complementary Color

#3a73c2
```
#3a73c2 rgb(58,115,194)
```
#453ac2
```
#453ac2 rgb(69,58,194)
```
#893ac2
```
#893ac2 rgb(137,58,194)
```

Analogous Color

#73c23a
```
#73c23a rgb(115,194,58)
```
#453ac2
```
#453ac2 rgb(69,58,194)
```
#c2893a
```
#c2893a rgb(194,137,58)
```

Split Complementary Color

#3ac245
```
#3ac245 rgb(58,194,69)
```
#453ac2
```
#453ac2 rgb(69,58,194)
```
#c2453a
```
#c2453a rgb(194,69,58)
```

Triadic Color

#3ab7c2
```
#3ab7c2 rgb(58,183,194)
```
#453ac2
```
#453ac2 rgb(69,58,194)
```
#c2453a
```
#c2453a rgb(194,69,58)
```
#b7c23a
```
#b7c23a rgb(183,194,58)
```

Tetradic Color

#302887
```
#302887 rgb(48,40,135)
```
#372e9b
```
#372e9b rgb(55,46,155)
```
#3e34ae
```
#3e34ae rgb(62,52,174)
```
#453ac2
```
#453ac2 rgb(69,58,194)
```
#564cc9
```
#564cc9 rgb(86,76,201)
```
#6960cf
```
#6960cf rgb(105,96,207)
```
#7b73d5
```
#7b73d5 rgb(123,115,213)
```

Monochromatic Color

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

#3a51c2
```
#3a51c2 rgb(58,81,194)
```
#3a46c2
```
#3a46c2 rgb(58,70,194)
```
#3a3ac2
```
#3a3ac2 rgb(58,58,194)
```
#453ac2
```
#453ac2 rgb(69,58,194)
```
#503ac2
```
#503ac2 rgb(80,58,194)
```
#5c3ac2
```
#5c3ac2 rgb(92,58,194)
```
#673ac2
```
#673ac2 rgb(103,58,194)
```

Similar Colors

Text with hexadecimal color #453ac2

This text has a font color of #453ac2.

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

#453ac2 background color

This paragraph has a background color of #453ac2.

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

#453ac2 border color

This element has a border color of #453ac2.

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

CSS codes

.text {color:#453ac2;}

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

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

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, #05040d is the darkest color, while #fdfdfe is the lightest one.

#05040d
```
#05040d rgb(5,4,13)
```
#0a081c
```
#0a081c rgb(10,8,28)
```
#0f0d2b
```
#0f0d2b rgb(15,13,43)
```
#15113a
```
#15113a rgb(21,17,58)
```
#1a1649
```
#1a1649 rgb(26,22,73)
```
#1f1a58
```
#1f1a58 rgb(31,26,88)
```
#251f67
```
#251f67 rgb(37,31,103)
```
#2a2376
```
#2a2376 rgb(42,35,118)
```
#302886
```
#302886 rgb(48,40,134)
```
#352c95
```
#352c95 rgb(53,44,149)
```
#3a31a4
```
#3a31a4 rgb(58,49,164)
```
#4035b3
```
#4035b3 rgb(64,53,179)
```
#453ac2
```
#453ac2 rgb(69,58,194)
```

Shade Color Variation

#5247c8
```
#5247c8 rgb(82,71,200)
```
#6057cd
```
#6057cd rgb(96,87,205)
```
#6e66d1
```
#6e66d1 rgb(110,102,209)
```
#7d75d6
```
#7d75d6 rgb(125,117,214)
```
#8b84da
```
#8b84da rgb(139,132,218)
```
#9993df
```
#9993df rgb(153,147,223)
```
#a7a2e3
```
#a7a2e3 rgb(167,162,227)
```
#b6b1e8
```
#b6b1e8 rgb(182,177,232)
```
#c4c0ec
```
#c4c0ec rgb(196,192,236)
```
#d2cff1
```
#d2cff1 rgb(210,207,241)
```
#e0def5
```
#e0def5 rgb(224,222,245)
```
#efeefa
```
#efeefa rgb(239,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#767488
```
#767488 rgb(118,116,136)
```
#6e6a92
```
#6e6a92 rgb(110,106,146)
```
#65619b
```
#65619b rgb(101,97,155)
```
#5d57a5
```
#5d57a5 rgb(93,87,165)
```
#554daf
```
#554daf rgb(85,77,175)
```
#4d44b8
```
#4d44b8 rgb(77,68,184)
```
#453ac2
```
#453ac2 rgb(69,58,194)
```
#3d30cc
```
#3d30cc rgb(61,48,204)
```
#3527d5
```
#3527d5 rgb(53,39,213)
```
#2d1ddf
```
#2d1ddf rgb(45,29,223)
```
#2513e9
```
#2513e9 rgb(37,19,233)
```
#1c0af2
```
#1c0af2 rgb(28,10,242)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4b4964 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#194cb2 Protanomaly 1% of men, 0.01% of women
#194fa4 Deuteranomaly 6% of men, 0.4% of women
#195389 Tritanomaly 0.01% of the population

#453ac2 hex color

#453ac2 Color Information

#453ac2 Color Conversion

Color Schemes with #453ac2

Alternatives to #453ac2

#453ac2 Preview

Shades and Tints of #453ac2

Tones of #453ac2

Color Blindness Simulator