#455eb2 hex color

In a RGB color space, hex #455eb2 is composed of 27.1% red, 36.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 47.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 226.2 degrees, a saturation of 44.1% and a lightness of 48.4%. #455eb2 color hex could be obtained by blending #8abcff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 37
- B 70
RGB color chart
- C 61
- M 47
- Y 0
- K 30
CMYK color chart

● #455eb2 color description : Dark moderate blue.

The hexadecimal color #455eb2 has RGB values of R:69, G:94, B:178 and CMYK values of C:0.61, M:0.47, Y:0, K:0.3. Its decimal value is 4546226.

Hex triplet	455eb2	`#455eb2`
RGB Decimal	69, 94, 178	`rgb(69,94,178)`
RGB Percent	27.1, 36.9, 69.8	`rgb(27.1%,36.9%,69.8%)`
CMYK	61, 47, 0, 30
HSL	226.2°, 44.1, 48.4	`hsl(226.2,44.1%,48.4%)`
HSV (or HSB)	226.2°, 61.2, 69.8
Web Safe	336699	`#336699`

CIE-LAB	41.976, 17.216, -47.64
XYZ	14.491, 12.484, 43.763
xyY	0.205, 0.176, 12.484
CIE-LCH	41.976, 50.655, 289.869
CIE-LUV	41.976, -12.984, -71.468
Hunter-Lab	35.333, 11.376, -48.703
Binary	01000101, 01011110, 10110010

#455eb2
```
#455eb2 rgb(69,94,178)
```
#b29945
```
#b29945 rgb(178,153,69)
```

Complementary Color

#4595b2
```
#4595b2 rgb(69,149,178)
```
#455eb2
```
#455eb2 rgb(69,94,178)
```
#6345b2
```
#6345b2 rgb(99,69,178)
```

Analogous Color

#95b245
```
#95b245 rgb(149,178,69)
```
#455eb2
```
#455eb2 rgb(69,94,178)
```
#b26345
```
#b26345 rgb(178,99,69)
```

Split Complementary Color

#5eb245
```
#5eb245 rgb(94,178,69)
```
#455eb2
```
#455eb2 rgb(69,94,178)
```
#b2455e
```
#b2455e rgb(178,69,94)
```

Triadic Color

#45b299
```
#45b299 rgb(69,178,153)
```
#455eb2
```
#455eb2 rgb(69,94,178)
```
#b2455e
```
#b2455e rgb(178,69,94)
```
#b29945
```
#b29945 rgb(178,153,69)
```

Tetradic Color

#30417b
```
#30417b rgb(48,65,123)
```
#374b8d
```
#374b8d rgb(55,75,141)
```
#3e54a0
```
#3e54a0 rgb(62,84,160)
```
#455eb2
```
#455eb2 rgb(69,94,178)
```
#546cbd
```
#546cbd rgb(84,108,189)
```
#667cc4
```
#667cc4 rgb(102,124,196)
```
#798bcb
```
#798bcb rgb(121,139,203)
```

Monochromatic Color

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

#4579b2
```
#4579b2 rgb(69,121,178)
```
#4570b2
```
#4570b2 rgb(69,112,178)
```
#4567b2
```
#4567b2 rgb(69,103,178)
```
#455eb2
```
#455eb2 rgb(69,94,178)
```
#4555b2
```
#4555b2 rgb(69,85,178)
```
#454cb2
```
#454cb2 rgb(69,76,178)
```
#4745b2
```
#4745b2 rgb(71,69,178)
```

Similar Colors

Text with hexadecimal color #455eb2

This text has a font color of #455eb2.

<span style="color:#455eb2;">Text here</span>

#455eb2 background color

This paragraph has a background color of #455eb2.

<p style="background-color:#455eb2;">Content here</p>

#455eb2 border color

This element has a border color of #455eb2.

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

CSS codes

.text {color:#455eb2;}

.background {background-color:#455eb2;}

.border {border:1px solid #455eb2;}

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, #030408 is the darkest color, while #f9fafd is the lightest one.

#030408
```
#030408 rgb(3,4,8)
```
#090c17
```
#090c17 rgb(9,12,23)
```
#0e1325
```
#0e1325 rgb(14,19,37)
```
#141b33
```
#141b33 rgb(20,27,51)
```
#192241
```
#192241 rgb(25,34,65)
```
#1f2a4f
```
#1f2a4f rgb(31,42,79)
```
#24315d
```
#24315d rgb(36,49,93)
```
#2a396b
```
#2a396b rgb(42,57,107)
```
#2f4079
```
#2f4079 rgb(47,64,121)
```
#354888
```
#354888 rgb(53,72,136)
```
#3a4f96
```
#3a4f96 rgb(58,79,150)
```
#4057a4
```
#4057a4 rgb(64,87,164)
```
#455eb2
```
#455eb2 rgb(69,94,178)
```

Shade Color Variation

#5068bb
```
#5068bb rgb(80,104,187)
```
#5e74c0
```
#5e74c0 rgb(94,116,192)
```
#6c81c6
```
#6c81c6 rgb(108,129,198)
```
#7a8dcb
```
#7a8dcb rgb(122,141,203)
```
#8899d1
```
#8899d1 rgb(136,153,209)
```
#96a5d6
```
#96a5d6 rgb(150,165,214)
```
#a4b1dc
```
#a4b1dc rgb(164,177,220)
```
#b3bde1
```
#b3bde1 rgb(179,189,225)
```
#c1c9e7
```
#c1c9e7 rgb(193,201,231)
```
#cfd6ec
```
#cfd6ec rgb(207,214,236)
```
#dde2f2
```
#dde2f2 rgb(221,226,242)
```
#ebeef7
```
#ebeef7 rgb(235,238,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#757883
```
#757883 rgb(117,120,131)
```
#6b738c
```
#6b738c rgb(107,115,140)
```
#626d96
```
#626d96 rgb(98,109,150)
```
#58689f
```
#58689f rgb(88,104,159)
```
#4f63a9
```
#4f63a9 rgb(79,99,169)
```
#455eb2
```
#455eb2 rgb(69,94,178)
```
#3c59bc
```
#3c59bc rgb(60,89,188)
```
#3254c5
```
#3254c5 rgb(50,84,197)
```
#294fcf
```
#294fcf rgb(41,79,207)
```
#1f49d8
```
#1f49d8 rgb(31,73,216)
```
#1644e2
```
#1644e2 rgb(22,68,226)
```
#0c3feb
```
#0c3feb rgb(12,63,235)
```
#023af5
```
#023af5 rgb(2,58,245)
```

Tone Color Variation

Below, you can see how #455eb2 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

#606060 Achromatopsia 0.005% of the population
#5b6070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f68b7 Protanopia 1% of men
#206cb3 Deuteranopia 1% of men
#29747c Tritanopia 0.001% of the population

Trichromacy

#4164b5 Protanomaly 1% of men, 0.01% of women
#2d67b2 Deuteranomaly 6% of men, 0.4% of women
#336c90 Tritanomaly 0.01% of the population

#455eb2 hex color

#455eb2 Color Information

#455eb2 Color Conversion

Color Schemes with #455eb2

Alternatives to #455eb2

#455eb2 Preview

Shades and Tints of #455eb2

Tones of #455eb2

Color Blindness Simulator