#455bae hex color

In a RGB color space, hex #455bae is composed of 27.1% red, 35.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 47.7% magenta, 0% yellow and 31.8% black. It has a hue angle of 227.4 degrees, a saturation of 43.2% and a lightness of 47.6%. #455bae color hex could be obtained by blending #8ab6ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 36
- B 68
RGB color chart
- C 60
- M 48
- Y 0
- K 32
CMYK color chart

● #455bae color description : Dark moderate blue.

The hexadecimal color #455bae has RGB values of R:69, G:91, B:174 and CMYK values of C:0.6, M:0.48, Y:0, K:0.32. Its decimal value is 4545454.

Hex triplet	455bae	`#455bae`
RGB Decimal	69, 91, 174	`rgb(69,91,174)`
RGB Percent	27.1, 35.7, 68.2	`rgb(27.1%,35.7%,68.2%)`
CMYK	60, 48, 0, 32
HSL	227.4°, 43.2, 47.6	`hsl(227.4,43.2%,47.6%)`
HSV (or HSB)	227.4°, 60.3, 68.2
Web Safe	336699	`#336699`

CIE-LAB	40.901, 17.747, -47.01
XYZ	13.834, 11.803, 41.591
xyY	0.206, 0.176, 11.803
CIE-LCH	40.901, 50.248, 290.682
CIE-LUV	40.901, -11.981, -70.084
Hunter-Lab	34.355, 11.755, -47.73
Binary	01000101, 01011011, 10101110

#455bae
```
#455bae rgb(69,91,174)
```
#ae9845
```
#ae9845 rgb(174,152,69)
```

Complementary Color

#4590ae
```
#4590ae rgb(69,144,174)
```
#455bae
```
#455bae rgb(69,91,174)
```
#6445ae
```
#6445ae rgb(100,69,174)
```

Analogous Color

#90ae45
```
#90ae45 rgb(144,174,69)
```
#455bae
```
#455bae rgb(69,91,174)
```
#ae6445
```
#ae6445 rgb(174,100,69)
```

Split Complementary Color

#5bae45
```
#5bae45 rgb(91,174,69)
```
#455bae
```
#455bae rgb(69,91,174)
```
#ae455b
```
#ae455b rgb(174,69,91)
```

Triadic Color

#45ae98
```
#45ae98 rgb(69,174,152)
```
#455bae
```
#455bae rgb(69,91,174)
```
#ae455b
```
#ae455b rgb(174,69,91)
```
#ae9845
```
#ae9845 rgb(174,152,69)
```

Tetradic Color

#2f3e77
```
#2f3e77 rgb(47,62,119)
```
#374889
```
#374889 rgb(55,72,137)
```
#3e519c
```
#3e519c rgb(62,81,156)
```
#455bae
```
#455bae rgb(69,91,174)
```
#5268ba
```
#5268ba rgb(82,104,186)
```
#6478c2
```
#6478c2 rgb(100,120,194)
```
#7788c9
```
#7788c9 rgb(119,136,201)
```

Monochromatic Color

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

#4575ae
```
#4575ae rgb(69,117,174)
```
#456dae
```
#456dae rgb(69,109,174)
```
#4564ae
```
#4564ae rgb(69,100,174)
```
#455bae
```
#455bae rgb(69,91,174)
```
#4552ae
```
#4552ae rgb(69,82,174)
```
#454aae
```
#454aae rgb(69,74,174)
```
#4945ae
```
#4945ae rgb(73,69,174)
```

Similar Colors

Text with hexadecimal color #455bae

This text has a font color of #455bae.

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

#455bae background color

This paragraph has a background color of #455bae.

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

#455bae border color

This element has a border color of #455bae.

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

CSS codes

.text {color:#455bae;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080a13
```
#080a13 rgb(8,10,19)
```
#0d1222
```
#0d1222 rgb(13,18,34)
```
#131930
```
#131930 rgb(19,25,48)
```
#18203e
```
#18203e rgb(24,32,62)
```
#1e284c
```
#1e284c rgb(30,40,76)
```
#242f5a
```
#242f5a rgb(36,47,90)
```
#293668
```
#293668 rgb(41,54,104)
```
#2f3e76
```
#2f3e76 rgb(47,62,118)
```
#344584
```
#344584 rgb(52,69,132)
```
#3a4c92
```
#3a4c92 rgb(58,76,146)
```
#3f54a0
```
#3f54a0 rgb(63,84,160)
```
#455bae
```
#455bae rgb(69,91,174)
```

Shade Color Variation

#4e64b9
```
#4e64b9 rgb(78,100,185)
```
#5c71be
```
#5c71be rgb(92,113,190)
```
#6a7dc4
```
#6a7dc4 rgb(106,125,196)
```
#7889c9
```
#7889c9 rgb(120,137,201)
```
#8695cf
```
#8695cf rgb(134,149,207)
```
#94a2d5
```
#94a2d5 rgb(148,162,213)
```
#a2aeda
```
#a2aeda rgb(162,174,218)
```
#b0bae0
```
#b0bae0 rgb(176,186,224)
```
#bec6e5
```
#bec6e5 rgb(190,198,229)
```
#ccd3eb
```
#ccd3eb rgb(204,211,235)
```
#dadff0
```
#dadff0 rgb(218,223,240)
```
#e8ebf6
```
#e8ebf6 rgb(232,235,246)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74767f is the less saturated color, while #0435ef is the most saturated one.

#74767f
```
#74767f rgb(116,118,127)
```
#6a7189
```
#6a7189 rgb(106,113,137)
```
#616b92
```
#616b92 rgb(97,107,146)
```
#58669b
```
#58669b rgb(88,102,155)
```
#4e60a5
```
#4e60a5 rgb(78,96,165)
```
#455bae
```
#455bae rgb(69,91,174)
```
#3c56b7
```
#3c56b7 rgb(60,86,183)
```
#3250c1
```
#3250c1 rgb(50,80,193)
```
#294bca
```
#294bca rgb(41,75,202)
```
#2045d3
```
#2045d3 rgb(32,69,211)
```
#1640dd
```
#1640dd rgb(22,64,221)
```
#0d3ae6
```
#0d3ae6 rgb(13,58,230)
```
#0435ef
```
#0435ef rgb(4,53,239)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#595d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d66b4 Protanopia 1% of men
#1e6aaf Deuteranopia 1% of men
#2c7179 Tritanopia 0.001% of the population

Trichromacy

#4062b2 Protanomaly 1% of men, 0.01% of women
#2c64ae Deuteranomaly 6% of men, 0.4% of women
#35698c Tritanomaly 0.01% of the population

#455bae hex color

#455bae Color Information

#455bae Color Conversion

Color Schemes with #455bae

Alternatives to #455bae

#455bae Preview

Shades and Tints of #455bae

Tones of #455bae

Color Blindness Simulator