#454aff hex color

In a RGB color space, hex #454aff is composed of 27.1% red, 29% green and 100% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 71% magenta, 0% yellow and 0% black. It has a hue angle of 238.4 degrees, a saturation of 100% and a lightness of 63.5%. #454aff color hex could be obtained by blending #8a94ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 27
- G 29
- B 100
RGB color chart
- C 73
- M 71
- Y 0
- K 0
CMYK color chart

● #454aff color description : Light blue.

The hexadecimal color #454aff has RGB values of R:69, G:74, B:255 and CMYK values of C:0.73, M:0.71, Y:0, K:0. Its decimal value is 4541183.

Hex triplet	454aff	`#454aff`
RGB Decimal	69, 74, 255	`rgb(69,74,255)`
RGB Percent	27.1, 29, 100	`rgb(27.1%,29%,100%)`
CMYK	73, 71, 0, 0
HSL	238.4°, 100, 63.5	`hsl(238.4,100%,63.5%)`
HSV (or HSB)	238.4°, 72.9, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	43.332, 55.606, -89.465
XYZ	22.949, 13.381, 95.976
xyY	0.173, 0.101, 13.381
CIE-LCH	43.332, 105.338, 301.863
CIE-LUV	43.332, -10.369, -131.215
Hunter-Lab	36.581, 47.969, -129.952
Binary	01000101, 01001010, 11111111

#454aff
```
#454aff rgb(69,74,255)
```
#fffa45
```
#fffa45 rgb(255,250,69)
```

Complementary Color

#45a7ff
```
#45a7ff rgb(69,167,255)
```
#454aff
```
#454aff rgb(69,74,255)
```
#9d45ff
```
#9d45ff rgb(157,69,255)
```

Analogous Color

#a7ff45
```
#a7ff45 rgb(167,255,69)
```
#454aff
```
#454aff rgb(69,74,255)
```
#ff9d45
```
#ff9d45 rgb(255,157,69)
```

Split Complementary Color

#4aff45
```
#4aff45 rgb(74,255,69)
```
#454aff
```
#454aff rgb(69,74,255)
```
#ff454a
```
#ff454a rgb(255,69,74)
```

Triadic Color

#45fffa
```
#45fffa rgb(69,255,250)
```
#454aff
```
#454aff rgb(69,74,255)
```
#ff454a
```
#ff454a rgb(255,69,74)
```
#fffa45
```
#fffa45 rgb(255,250,69)
```

Tetradic Color

#0007f8
```
#0007f8 rgb(0,7,248)
```
#1218ff
```
#1218ff rgb(18,24,255)
```
#2c31ff
```
#2c31ff rgb(44,49,255)
```
#454aff
```
#454aff rgb(69,74,255)
```
#5f63ff
```
#5f63ff rgb(95,99,255)
```
#787cff
```
#787cff rgb(120,124,255)
```
#9294ff
```
#9294ff rgb(146,148,255)
```

Monochromatic Color

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

#4579ff
```
#4579ff rgb(69,121,255)
```
#4569ff
```
#4569ff rgb(69,105,255)
```
#455aff
```
#455aff rgb(69,90,255)
```
#454aff
```
#454aff rgb(69,74,255)
```
#4f45ff
```
#4f45ff rgb(79,69,255)
```
#5f45ff
```
#5f45ff rgb(95,69,255)
```
#6f45ff
```
#6f45ff rgb(111,69,255)
```

Similar Colors

Text with hexadecimal color #454aff

This text has a font color of #454aff.

<span style="color:#454aff;">Text here</span>

#454aff background color

This paragraph has a background color of #454aff.

<p style="background-color:#454aff;">Content here</p>

#454aff border color

This element has a border color of #454aff.

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

CSS codes

.text {color:#454aff;}

.background {background-color:#454aff;}

.border {border:1px solid #454aff;}

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

#00000a
```
#00000a rgb(0,0,10)
```
#00011e
```
#00011e rgb(0,1,30)
```
#000131
```
#000131 rgb(0,1,49)
```
#000245
```
#000245 rgb(0,2,69)
```
#000259
```
#000259 rgb(0,2,89)
```
#00036c
```
#00036c rgb(0,3,108)
```
#000380
```
#000380 rgb(0,3,128)
```
#000493
```
#000493 rgb(0,4,147)
```
#0004a7
```
#0004a7 rgb(0,4,167)
```
#0005bb
```
#0005bb rgb(0,5,187)
```
#0006ce
```
#0006ce rgb(0,6,206)
```
#0006e2
```
#0006e2 rgb(0,6,226)
```
#0007f6
```
#0007f6 rgb(0,7,246)
```

Shade Color Variation

#0a11ff
```
#0a11ff rgb(10,17,255)
```
#1e24ff
```
#1e24ff rgb(30,36,255)
```
#3137ff
```
#3137ff rgb(49,55,255)
```
#454aff
```
#454aff rgb(69,74,255)
```
#595dff
```
#595dff rgb(89,93,255)
```
#6c70ff
```
#6c70ff rgb(108,112,255)
```
#8083ff
```
#8083ff rgb(128,131,255)
```
#9396ff
```
#9396ff rgb(147,150,255)
```
#a7a9ff
```
#a7a9ff rgb(167,169,255)
```
#bbbdff
```
#bbbdff rgb(187,189,255)
```
#ced0ff
```
#ced0ff rgb(206,208,255)
```
#e2e3ff
```
#e2e3ff rgb(226,227,255)
```
#f6f6ff
```
#f6f6ff rgb(246,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9ba9 is the less saturated color, while #454aff is the most saturated one.

#9b9ba9
```
#9b9ba9 rgb(155,155,169)
```
#9494b0
```
#9494b0 rgb(148,148,176)
```
#8d8eb7
```
#8d8eb7 rgb(141,142,183)
```
#8587bf
```
#8587bf rgb(133,135,191)
```
#7e80c6
```
#7e80c6 rgb(126,128,198)
```
#7779cd
```
#7779cd rgb(119,121,205)
```
#7073d4
```
#7073d4 rgb(112,115,212)
```
#696cdb
```
#696cdb rgb(105,108,219)
```
#6265e2
```
#6265e2 rgb(98,101,226)
```
#5a5eea
```
#5a5eea rgb(90,94,234)
```
#5358f1
```
#5358f1 rgb(83,88,241)
```
#4c51f8
```
#4c51f8 rgb(76,81,248)
```
#454aff
```
#454aff rgb(69,74,255)
```

Tone Color Variation

Below, you can see how #454aff 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

#5d5d5d Achromatopsia 0.005% of the population
#58597d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd0 Protanopia 1% of men
#0071b4 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#195fe1 Protanomaly 1% of men, 0.01% of women
#1963cf Deuteranomaly 6% of men, 0.4% of women
#1968ad Tritanomaly 0.01% of the population

#454aff hex color

#454aff Color Information

#454aff Color Conversion

Color Schemes with #454aff

Alternatives to #454aff

#454aff Preview

Shades and Tints of #454aff

Tones of #454aff

Color Blindness Simulator