#455bec hex color

In a RGB color space, hex #455bec is composed of 27.1% red, 35.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 61.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 232.1 degrees, a saturation of 81.5% and a lightness of 59.8%. #455bec color hex could be obtained by blending #8ab6ff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 27
- G 36
- B 93
RGB color chart
- C 71
- M 61
- Y 0
- K 7
CMYK color chart

● #455bec color description : Bright blue.

The hexadecimal color #455bec has RGB values of R:69, G:91, B:236 and CMYK values of C:0.71, M:0.61, Y:0, K:0.07. Its decimal value is 4545516.

Hex triplet	455bec	`#455bec`
RGB Decimal	69, 91, 236	`rgb(69,91,236)`
RGB Percent	27.1, 35.7, 92.5	`rgb(27.1%,35.7%,92.5%)`
CMYK	71, 61, 0, 7
HSL	232.1°, 81.5, 59.8	`hsl(232.1,81.5%,59.8%)`
HSV (or HSB)	232.1°, 70.8, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.362, 39.367, -75.486
XYZ	21.333, 14.802, 81.085
xyY	0.182, 0.126, 14.802
CIE-LCH	45.362, 85.135, 297.542
CIE-LUV	45.362, -13.261, -114.74
Hunter-Lab	38.474, 31.644, -98.025
Binary	01000101, 01011011, 11101100

#455bec
```
#455bec rgb(69,91,236)
```
#ecd645
```
#ecd645 rgb(236,214,69)
```

Complementary Color

#45afec
```
#45afec rgb(69,175,236)
```
#455bec
```
#455bec rgb(69,91,236)
```
#8345ec
```
#8345ec rgb(131,69,236)
```

Analogous Color

#afec45
```
#afec45 rgb(175,236,69)
```
#455bec
```
#455bec rgb(69,91,236)
```
#ec8345
```
#ec8345 rgb(236,131,69)
```

Split Complementary Color

#5bec45
```
#5bec45 rgb(91,236,69)
```
#455bec
```
#455bec rgb(69,91,236)
```
#ec455b
```
#ec455b rgb(236,69,91)
```

Triadic Color

#45ecd6
```
#45ecd6 rgb(69,236,214)
```
#455bec
```
#455bec rgb(69,91,236)
```
#ec455b
```
#ec455b rgb(236,69,91)
```
#ecd645
```
#ecd645 rgb(236,214,69)
```

Tetradic Color

#152ecf
```
#152ecf rgb(21,46,207)
```
#1833e6
```
#1833e6 rgb(24,51,230)
```
#2e47ea
```
#2e47ea rgb(46,71,234)
```
#455bec
```
#455bec rgb(69,91,236)
```
#5c6fee
```
#5c6fee rgb(92,111,238)
```
#7384f1
```
#7384f1 rgb(115,132,241)
```
#8a98f3
```
#8a98f3 rgb(138,152,243)
```

Monochromatic Color

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

#4585ec
```
#4585ec rgb(69,133,236)
```
#4577ec
```
#4577ec rgb(69,119,236)
```
#4569ec
```
#4569ec rgb(69,105,236)
```
#455bec
```
#455bec rgb(69,91,236)
```
#454dec
```
#454dec rgb(69,77,236)
```
#4b45ec
```
#4b45ec rgb(75,69,236)
```
#5945ec
```
#5945ec rgb(89,69,236)
```

Similar Colors

Text with hexadecimal color #455bec

This text has a font color of #455bec.

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

#455bec background color

This paragraph has a background color of #455bec.

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

#455bec border color

This element has a border color of #455bec.

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

CSS codes

.text {color:#455bec;}

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

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

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, #01020a is the darkest color, while #f7f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#03061c
```
#03061c rgb(3,6,28)
```
#050a2d
```
#050a2d rgb(5,10,45)
```
#060e3f
```
#060e3f rgb(6,14,63)
```
#081251
```
#081251 rgb(8,18,81)
```
#0a1663
```
#0a1663 rgb(10,22,99)
```
#0c1a75
```
#0c1a75 rgb(12,26,117)
```
#0e1e86
```
#0e1e86 rgb(14,30,134)
```
#102298
```
#102298 rgb(16,34,152)
```
#1125aa
```
#1125aa rgb(17,37,170)
```
#1329bc
```
#1329bc rgb(19,41,188)
```
#152dce
```
#152dce rgb(21,45,206)
```
#1731df
```
#1731df rgb(23,49,223)
```

Shade Color Variation

#213ce8
```
#213ce8 rgb(33,60,232)
```
#334bea
```
#334bea rgb(51,75,234)
```
#455bec
```
#455bec rgb(69,91,236)
```
#576bee
```
#576bee rgb(87,107,238)
```
#697af0
```
#697af0 rgb(105,122,240)
```
#7a8af1
```
#7a8af1 rgb(122,138,241)
```
#8c9af3
```
#8c9af3 rgb(140,154,243)
```
#9ea9f5
```
#9ea9f5 rgb(158,169,245)
```
#b0b9f7
```
#b0b9f7 rgb(176,185,247)
```
#c2c9f9
```
#c2c9f9 rgb(194,201,249)
```
#d3d9fb
```
#d3d9fb rgb(211,217,251)
```
#e5e8fc
```
#e5e8fc rgb(229,232,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94959d is the less saturated color, while #354ffc is the most saturated one.

#94959d
```
#94959d rgb(148,149,157)
```
#8c8fa5
```
#8c8fa5 rgb(140,143,165)
```
#8489ad
```
#8489ad rgb(132,137,173)
```
#7c84b5
```
#7c84b5 rgb(124,132,181)
```
#747ebd
```
#747ebd rgb(116,126,189)
```
#6c78c5
```
#6c78c5 rgb(108,120,197)
```
#6572cc
```
#6572cc rgb(101,114,204)
```
#5d6cd4
```
#5d6cd4 rgb(93,108,212)
```
#5567dc
```
#5567dc rgb(85,103,220)
```
#4d61e4
```
#4d61e4 rgb(77,97,228)
```
#455bec
```
#455bec rgb(69,91,236)
```
#3d55f4
```
#3d55f4 rgb(61,85,244)
```
#354ffc
```
#354ffc rgb(53,79,252)
```

Tone Color Variation

Below, you can see how #455bec 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
#5f6380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0075be Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#1968e0 Protanomaly 1% of men, 0.01% of women
#196cce Deuteranomaly 6% of men, 0.4% of women
#1971ab Tritanomaly 0.01% of the population

#455bec hex color

#455bec Color Information

#455bec Color Conversion

Color Schemes with #455bec

Alternatives to #455bec

#455bec Preview

Shades and Tints of #455bec

Tones of #455bec

Color Blindness Simulator