colorhexa.com

#453c86 hex color

In a RGB color space, hex #453c86 is composed of 27.1% red, 23.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 55.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 247.3 degrees, a saturation of 38.1% and a lightness of 38%. #453c86 color hex could be obtained by blending #8a78ff with #00000d. Closest websafe color is: #333399.

- R 27
- G 24
- B 53
RGB color chart
- C 49
- M 55
- Y 0
- K 47
CMYK color chart

● #453c86 color description : Dark moderate blue.

The hexadecimal color #453c86 has RGB values of R:69, G:60, B:134 and CMYK values of C:0.49, M:0.55, Y:0, K:0.47. Its decimal value is 4537478.

Hex triplet	453c86	`#453c86`
RGB Decimal	69, 60, 134	`rgb(69,60,134)`
RGB Percent	27.1, 23.5, 52.5	`rgb(27.1%,23.5%,52.5%)`
CMYK	49, 55, 0, 47
HSL	247.3°, 38.1, 38	`hsl(247.3,38.1%,38%)`
HSV (or HSB)	247.3°, 55.2, 52.5
Web Safe	333399	`#333399`

CIE-LAB	29.956, 24.385, -40.413
XYZ	8.372, 6.218, 23.312
xyY	0.221, 0.164, 6.218
CIE-LCH	29.956, 47.2, 301.107
CIE-LUV	29.956, -1.034, -55.367
Hunter-Lab	24.936, 16.295, -37.974
Binary	01000101, 00111100, 10000110

#453c86
```
#453c86 rgb(69,60,134)
```
#7d863c
```
#7d863c rgb(125,134,60)
```

Complementary Color

#3c5886
```
#3c5886 rgb(60,88,134)
```
#453c86
```
#453c86 rgb(69,60,134)
```
#6a3c86
```
#6a3c86 rgb(106,60,134)
```

Analogous Color

#58863c
```
#58863c rgb(88,134,60)
```
#453c86
```
#453c86 rgb(69,60,134)
```
#866a3c
```
#866a3c rgb(134,106,60)
```

Split Complementary Color

#3c8645
```
#3c8645 rgb(60,134,69)
```
#453c86
```
#453c86 rgb(69,60,134)
```
#86453c
```
#86453c rgb(134,69,60)
```

Triadic Color

#3c7d86
```
#3c7d86 rgb(60,125,134)
```
#453c86
```
#453c86 rgb(69,60,134)
```
#86453c
```
#86453c rgb(134,69,60)
```
#7d863c
```
#7d863c rgb(125,134,60)
```

Tetradic Color

#2a2451
```
#2a2451 rgb(42,36,81)
```
#332c63
```
#332c63 rgb(51,44,99)
```
#3c3474
```
#3c3474 rgb(60,52,116)
```
#453c86
```
#453c86 rgb(69,60,134)
```
#4e4498
```
#4e4498 rgb(78,68,152)
```
#574ca9
```
#574ca9 rgb(87,76,169)
```
#655ab5
```
#655ab5 rgb(101,90,181)
```

Monochromatic Color

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

#3c4686
```
#3c4686 rgb(60,70,134)
```
#3c3f86
```
#3c3f86 rgb(60,63,134)
```
#3f3c86
```
#3f3c86 rgb(63,60,134)
```
#453c86
```
#453c86 rgb(69,60,134)
```
#4b3c86
```
#4b3c86 rgb(75,60,134)
```
#513c86
```
#513c86 rgb(81,60,134)
```
#583c86
```
#583c86 rgb(88,60,134)
```

Similar Colors

Text with hexadecimal color #453c86

This text has a font color of #453c86.

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

#453c86 background color

This paragraph has a background color of #453c86.

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

#453c86 border color

This element has a border color of #453c86.

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

CSS codes

.text {color:#453c86;}

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

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

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

#06050c
```
#06050c rgb(6,5,12)
```
#0d0b1a
```
#0d0b1a rgb(13,11,26)
```
#141227
```
#141227 rgb(20,18,39)
```
#1b1835
```
#1b1835 rgb(27,24,53)
```
#221e42
```
#221e42 rgb(34,30,66)
```
#292450
```
#292450 rgb(41,36,80)
```
#302a5d
```
#302a5d rgb(48,42,93)
```
#37306b
```
#37306b rgb(55,48,107)
```
#3e3678
```
#3e3678 rgb(62,54,120)
```
#453c86
```
#453c86 rgb(69,60,134)
```
#4c4294
```
#4c4294 rgb(76,66,148)
```
#5348a1
```
#5348a1 rgb(83,72,161)
```
#5a4eaf
```
#5a4eaf rgb(90,78,175)
```

Shade Color Variation

#665bb6
```
#665bb6 rgb(102,91,182)
```
#7368bc
```
#7368bc rgb(115,104,188)
```
#7f76c2
```
#7f76c2 rgb(127,118,194)
```
#8c84c8
```
#8c84c8 rgb(140,132,200)
```
#9991ce
```
#9991ce rgb(153,145,206)
```
#a59fd4
```
#a59fd4 rgb(165,159,212)
```
#b2acda
```
#b2acda rgb(178,172,218)
```
#bebae0
```
#bebae0 rgb(190,186,224)
```
#cbc7e6
```
#cbc7e6 rgb(203,199,230)
```
#d8d5ec
```
#d8d5ec rgb(216,213,236)
```
#e4e2f2
```
#e4e2f2 rgb(228,226,242)
```
#f1f0f8
```
#f1f0f8 rgb(241,240,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5a68 is the less saturated color, while #1800c2 is the most saturated one.

#5c5a68
```
#5c5a68 rgb(92,90,104)
```
#565270
```
#565270 rgb(86,82,112)
```
#504b77
```
#504b77 rgb(80,75,119)
```
#4b437f
```
#4b437f rgb(75,67,127)
```
#453c86
```
#453c86 rgb(69,60,134)
```
#3f358d
```
#3f358d rgb(63,53,141)
```
#3a2d95
```
#3a2d95 rgb(58,45,149)
```
#34269c
```
#34269c rgb(52,38,156)
```
#2e1ea4
```
#2e1ea4 rgb(46,30,164)
```
#2917ab
```
#2917ab rgb(41,23,171)
```
#230fb3
```
#230fb3 rgb(35,15,179)
```
#1d08ba
```
#1d08ba rgb(29,8,186)
```
#1800c2
```
#1800c2 rgb(24,0,194)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#474554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f4d93 Protanopia 1% of men
#0a5187 Deuteranopia 1% of men
#3c5359 Tritanopia 0.001% of the population

Trichromacy

#2d478e Protanomaly 1% of men, 0.01% of women
#1f4987 Deuteranomaly 6% of men, 0.4% of women
#3f4b69 Tritanomaly 0.01% of the population