#456ec2 hex color

In a RGB color space, hex #456ec2 is composed of 27.1% red, 43.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 43.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 220.3 degrees, a saturation of 50.6% and a lightness of 51.6%. #456ec2 color hex could be obtained by blending #8adcff with #000085. Closest websafe color is: #3366cc.

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

● #456ec2 color description : Moderate blue.

The hexadecimal color #456ec2 has RGB values of R:69, G:110, B:194 and CMYK values of C:0.64, M:0.43, Y:0, K:0.24. Its decimal value is 4550338.

Hex triplet	456ec2	`#456ec2`
RGB Decimal	69, 110, 194	`rgb(69,110,194)`
RGB Percent	27.1, 43.1, 76.1	`rgb(27.1%,43.1%,76.1%)`
CMYK	64, 43, 0, 24
HSL	220.3°, 50.6, 51.6	`hsl(220.3,50.6%,51.6%)`
HSV (or HSB)	220.3°, 64.4, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.38, 12.691, -48.296
XYZ	17.766, 16.311, 53.248
xyY	0.203, 0.187, 16.311
CIE-LCH	47.38, 49.936, 284.723
CIE-LUV	47.38, -18.179, -74.292
Hunter-Lab	40.387, 7.843, -49.9
Binary	01000101, 01101110, 11000010

#456ec2
```
#456ec2 rgb(69,110,194)
```
#c29945
```
#c29945 rgb(194,153,69)
```

Complementary Color

#45adc2
```
#45adc2 rgb(69,173,194)
```
#456ec2
```
#456ec2 rgb(69,110,194)
```
#5a45c2
```
#5a45c2 rgb(90,69,194)
```

Analogous Color

#adc245
```
#adc245 rgb(173,194,69)
```
#456ec2
```
#456ec2 rgb(69,110,194)
```
#c25a45
```
#c25a45 rgb(194,90,69)
```

Split Complementary Color

#6ec245
```
#6ec245 rgb(110,194,69)
```
#456ec2
```
#456ec2 rgb(69,110,194)
```
#c2456e
```
#c2456e rgb(194,69,110)
```

Triadic Color

#45c299
```
#45c299 rgb(69,194,153)
```
#456ec2
```
#456ec2 rgb(69,110,194)
```
#c2456e
```
#c2456e rgb(194,69,110)
```
#c29945
```
#c29945 rgb(194,153,69)
```

Tetradic Color

#2e4d8c
```
#2e4d8c rgb(46,77,140)
```
#3458a0
```
#3458a0 rgb(52,88,160)
```
#3b62b3
```
#3b62b3 rgb(59,98,179)
```
#456ec2
```
#456ec2 rgb(69,110,194)
```
#587dc8
```
#587dc8 rgb(88,125,200)
```
#6b8ccf
```
#6b8ccf rgb(107,140,207)
```
#7f9bd5
```
#7f9bd5 rgb(127,155,213)
```

Monochromatic Color

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

#458dc2
```
#458dc2 rgb(69,141,194)
```
#4583c2
```
#4583c2 rgb(69,131,194)
```
#4578c2
```
#4578c2 rgb(69,120,194)
```
#456ec2
```
#456ec2 rgb(69,110,194)
```
#4564c2
```
#4564c2 rgb(69,100,194)
```
#4559c2
```
#4559c2 rgb(69,89,194)
```
#454fc2
```
#454fc2 rgb(69,79,194)
```

Similar Colors

Text with hexadecimal color #456ec2

This text has a font color of #456ec2.

<span style="color:#456ec2;">Text here</span>

#456ec2 background color

This paragraph has a background color of #456ec2.

<p style="background-color:#456ec2;">Content here</p>

#456ec2 border color

This element has a border color of #456ec2.

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

CSS codes

.text {color:#456ec2;}

.background {background-color:#456ec2;}

.border {border:1px solid #456ec2;}

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 #f6f8fc is the lightest one.

#020306
```
#020306 rgb(2,3,6)
```
#070b15
```
#070b15 rgb(7,11,21)
```
#0c1424
```
#0c1424 rgb(12,20,36)
```
#111c32
```
#111c32 rgb(17,28,50)
```
#152441
```
#152441 rgb(21,36,65)
```
#1a2c50
```
#1a2c50 rgb(26,44,80)
```
#1f345f
```
#1f345f rgb(31,52,95)
```
#243c6d
```
#243c6d rgb(36,60,109)
```
#29447c
```
#29447c rgb(41,68,124)
```
#2e4c8b
```
#2e4c8b rgb(46,76,139)
```
#32549a
```
#32549a rgb(50,84,154)
```
#375ca9
```
#375ca9 rgb(55,92,169)
```
#3c65b7
```
#3c65b7 rgb(60,101,183)
```

Shade Color Variation

#456ec2
```
#456ec2 rgb(69,110,194)
```
#547ac7
```
#547ac7 rgb(84,122,199)
```
#6385cc
```
#6385cc rgb(99,133,204)
```
#7191d1
```
#7191d1 rgb(113,145,209)
```
#809cd5
```
#809cd5 rgb(128,156,213)
```
#8fa8da
```
#8fa8da rgb(143,168,218)
```
#9eb3df
```
#9eb3df rgb(158,179,223)
```
#acbfe4
```
#acbfe4 rgb(172,191,228)
```
#bbcae9
```
#bbcae9 rgb(187,202,233)
```
#cad6ee
```
#cad6ee rgb(202,214,238)
```
#d9e1f2
```
#d9e1f2 rgb(217,225,242)
```
#e7edf7
```
#e7edf7 rgb(231,237,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#7e8289
```
#7e8289 rgb(126,130,137)
```
#757e93
```
#757e93 rgb(117,126,147)
```
#6b7b9c
```
#6b7b9c rgb(107,123,156)
```
#6278a6
```
#6278a6 rgb(98,120,166)
```
#5875af
```
#5875af rgb(88,117,175)
```
#4f71b9
```
#4f71b9 rgb(79,113,185)
```
#456ec2
```
#456ec2 rgb(69,110,194)
```
#3c6bcc
```
#3c6bcc rgb(60,107,204)
```
#3267d5
```
#3267d5 rgb(50,103,213)
```
#2964df
```
#2964df rgb(41,100,223)
```
#1f61e8
```
#1f61e8 rgb(31,97,232)
```
#165ef2
```
#165ef2 rgb(22,94,242)
```
#0c5afb
```
#0c5afb rgb(12,90,251)
```

Tone Color Variation

Below, you can see how #456ec2 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

#6b6b6b Achromatopsia 0.005% of the population
#636c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5175c4 Protanopia 1% of men
#3679c3 Deuteranopia 1% of men
#1f828c Tritanopia 0.001% of the population

Trichromacy

#4c72c3 Protanomaly 1% of men, 0.01% of women
#3b75c3 Deuteranomaly 6% of men, 0.4% of women
#2d7b9f Tritanomaly 0.01% of the population

#456ec2 hex color

#456ec2 Color Information

#456ec2 Color Conversion

Color Schemes with #456ec2

Alternatives to #456ec2

#456ec2 Preview

Shades and Tints of #456ec2

Tones of #456ec2

Color Blindness Simulator