#455de2 hex color

In a RGB color space, hex #455de2 is composed of 27.1% red, 36.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 58.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 230.8 degrees, a saturation of 73% and a lightness of 57.8%. #455de2 color hex could be obtained by blending #8abaff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 27
- G 36
- B 89
RGB color chart
- C 69
- M 59
- Y 0
- K 11
CMYK color chart

● #455de2 color description : Soft blue.

The hexadecimal color #455de2 has RGB values of R:69, G:93, B:226 and CMYK values of C:0.69, M:0.59, Y:0, K:0.11. Its decimal value is 4546018.

Hex triplet	455de2	`#455de2`
RGB Decimal	69, 93, 226	`rgb(69,93,226)`
RGB Percent	27.1, 36.5, 88.6	`rgb(27.1%,36.5%,88.6%)`
CMYK	69, 59, 0, 11
HSL	230.8°, 73, 57.8	`hsl(230.8,73%,57.8%)`
HSV (or HSB)	230.8°, 69.5, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.059, 34.673, -70.332
XYZ	20.093, 14.584, 73.703
xyY	0.185, 0.135, 14.584
CIE-LCH	45.059, 78.415, 296.243
CIE-LUV	45.059, -13.531, -107.181
Hunter-Lab	38.189, 27.089, -87.697
Binary	01000101, 01011101, 11100010

#455de2
```
#455de2 rgb(69,93,226)
```
#e2ca45
```
#e2ca45 rgb(226,202,69)
```

Complementary Color

#45ace2
```
#45ace2 rgb(69,172,226)
```
#455de2
```
#455de2 rgb(69,93,226)
```
#7c45e2
```
#7c45e2 rgb(124,69,226)
```

Analogous Color

#ace245
```
#ace245 rgb(172,226,69)
```
#455de2
```
#455de2 rgb(69,93,226)
```
#e27c45
```
#e27c45 rgb(226,124,69)
```

Split Complementary Color

#5de245
```
#5de245 rgb(93,226,69)
```
#455de2
```
#455de2 rgb(69,93,226)
```
#e2455d
```
#e2455d rgb(226,69,93)
```

Triadic Color

#45e2ca
```
#45e2ca rgb(69,226,202)
```
#455de2
```
#455de2 rgb(69,93,226)
```
#e2455d
```
#e2455d rgb(226,69,93)
```
#e2ca45
```
#e2ca45 rgb(226,202,69)
```

Tetradic Color

#1d36bd
```
#1d36bd rgb(29,54,189)
```
#213cd3
```
#213cd3 rgb(33,60,211)
```
#2f4adf
```
#2f4adf rgb(47,74,223)
```
#455de2
```
#455de2 rgb(69,93,226)
```
#5b70e5
```
#5b70e5 rgb(91,112,229)
```
#7183e9
```
#7183e9 rgb(113,131,233)
```
#8797ec
```
#8797ec rgb(135,151,236)
```

Monochromatic Color

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

#4584e2
```
#4584e2 rgb(69,132,226)
```
#4577e2
```
#4577e2 rgb(69,119,226)
```
#456ae2
```
#456ae2 rgb(69,106,226)
```
#455de2
```
#455de2 rgb(69,93,226)
```
#4550e2
```
#4550e2 rgb(69,80,226)
```
#4745e2
```
#4745e2 rgb(71,69,226)
```
#5445e2
```
#5445e2 rgb(84,69,226)
```

Similar Colors

Text with hexadecimal color #455de2

This text has a font color of #455de2.

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

#455de2 background color

This paragraph has a background color of #455de2.

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

#455de2 border color

This element has a border color of #455de2.

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

CSS codes

.text {color:#455de2;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030512
```
#030512 rgb(3,5,18)
```
#050a23
```
#050a23 rgb(5,10,35)
```
#080f34
```
#080f34 rgb(8,15,52)
```
#0b1445
```
#0b1445 rgb(11,20,69)
```
#0d1856
```
#0d1856 rgb(13,24,86)
```
#101d66
```
#101d66 rgb(16,29,102)
```
#132277
```
#132277 rgb(19,34,119)
```
#152788
```
#152788 rgb(21,39,136)
```
#182c99
```
#182c99 rgb(24,44,153)
```
#1b31aa
```
#1b31aa rgb(27,49,170)
```
#1d35bb
```
#1d35bb rgb(29,53,187)
```
#203acc
```
#203acc rgb(32,58,204)
```

Shade Color Variation

#233fdd
```
#233fdd rgb(35,63,221)
```
#344edf
```
#344edf rgb(52,78,223)
```
#455de2
```
#455de2 rgb(69,93,226)
```
#566ce5
```
#566ce5 rgb(86,108,229)
```
#677be7
```
#677be7 rgb(103,123,231)
```
#7889ea
```
#7889ea rgb(120,137,234)
```
#8998ed
```
#8998ed rgb(137,152,237)
```
#9aa7ef
```
#9aa7ef rgb(154,167,239)
```
#abb6f2
```
#abb6f2 rgb(171,182,242)
```
#bcc4f5
```
#bcc4f5 rgb(188,196,245)
```
#cdd3f7
```
#cdd3f7 rgb(205,211,247)
```
#dee2fa
```
#dee2fa rgb(222,226,250)
```
#eff1fc
```
#eff1fc rgb(239,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9198 is the less saturated color, while #2c4cfb is the most saturated one.

#8f9198
```
#8f9198 rgb(143,145,152)
```
#878ba0
```
#878ba0 rgb(135,139,160)
```
#7f85a8
```
#7f85a8 rgb(127,133,168)
```
#777fb0
```
#777fb0 rgb(119,127,176)
```
#6e7ab9
```
#6e7ab9 rgb(110,122,185)
```
#6674c1
```
#6674c1 rgb(102,116,193)
```
#5e6ec9
```
#5e6ec9 rgb(94,110,201)
```
#5668d1
```
#5668d1 rgb(86,104,209)
```
#4d63da
```
#4d63da rgb(77,99,218)
```
#455de2
```
#455de2 rgb(69,93,226)
```
#3d57ea
```
#3d57ea rgb(61,87,234)
```
#3452f3
```
#3452f3 rgb(52,82,243)
```
#2c4cfb
```
#2c4cfb rgb(44,76,251)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5f637e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#1968dc Protanomaly 1% of men, 0.01% of women
#196cca Deuteranomaly 6% of men, 0.4% of women
#1971a7 Tritanomaly 0.01% of the population

#455de2 hex color

#455de2 Color Information

#455de2 Color Conversion

Color Schemes with #455de2

Alternatives to #455de2

#455de2 Preview

Shades and Tints of #455de2

Tones of #455de2

Color Blindness Simulator