#454ef2 hex color

In a RGB color space, hex #454ef2 is composed of 27.1% red, 30.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 67.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 236.9 degrees, a saturation of 86.9% and a lightness of 61%. #454ef2 color hex could be obtained by blending #8a9cff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 27
- G 31
- B 95
RGB color chart
- C 71
- M 68
- Y 0
- K 5
CMYK color chart

● #454ef2 color description : Bright blue.

The hexadecimal color #454ef2 has RGB values of R:69, G:78, B:242 and CMYK values of C:0.71, M:0.68, Y:0, K:0.05. Its decimal value is 4542194.

Hex triplet	454ef2	`#454ef2`
RGB Decimal	69, 78, 242	`rgb(69,78,242)`
RGB Percent	27.1, 30.6, 94.9	`rgb(27.1%,30.6%,94.9%)`
CMYK	71, 68, 0, 5
HSL	236.9°, 86.9, 61	`hsl(236.9,86.9%,61%)`
HSV (or HSB)	236.9°, 71.5, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.949, 49.15, -82.818
XYZ	21.202, 13.124, 85.415
xyY	0.177, 0.11, 13.124
CIE-LCH	42.949, 96.305, 300.688
CIE-LUV	42.949, -10.625, -122.45
Hunter-Lab	36.226, 41.075, -114.436
Binary	01000101, 01001110, 11110010

#454ef2
```
#454ef2 rgb(69,78,242)
```
#f2e945
```
#f2e945 rgb(242,233,69)
```

Complementary Color

#45a5f2
```
#45a5f2 rgb(69,165,242)
```
#454ef2
```
#454ef2 rgb(69,78,242)
```
#9345f2
```
#9345f2 rgb(147,69,242)
```

Analogous Color

#a5f245
```
#a5f245 rgb(165,242,69)
```
#454ef2
```
#454ef2 rgb(69,78,242)
```
#f29345
```
#f29345 rgb(242,147,69)
```

Split Complementary Color

#4ef245
```
#4ef245 rgb(78,242,69)
```
#454ef2
```
#454ef2 rgb(69,78,242)
```
#f2454e
```
#f2454e rgb(242,69,78)
```

Triadic Color

#45f2e9
```
#45f2e9 rgb(69,242,233)
```
#454ef2
```
#454ef2 rgb(69,78,242)
```
#f2454e
```
#f2454e rgb(242,69,78)
```
#f2e945
```
#f2e945 rgb(242,233,69)
```

Tetradic Color

#0f1adb
```
#0f1adb rgb(15,26,219)
```
#1521ef
```
#1521ef rgb(21,33,239)
```
#2d37f0
```
#2d37f0 rgb(45,55,240)
```
#454ef2
```
#454ef2 rgb(69,78,242)
```
#5d65f4
```
#5d65f4 rgb(93,101,244)
```
#757bf5
```
#757bf5 rgb(117,123,245)
```
#8d92f7
```
#8d92f7 rgb(141,146,247)
```

Monochromatic Color

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

#4579f2
```
#4579f2 rgb(69,121,242)
```
#456bf2
```
#456bf2 rgb(69,107,242)
```
#455cf2
```
#455cf2 rgb(69,92,242)
```
#454ef2
```
#454ef2 rgb(69,78,242)
```
#4a45f2
```
#4a45f2 rgb(74,69,242)
```
#5945f2
```
#5945f2 rgb(89,69,242)
```
#6745f2
```
#6745f2 rgb(103,69,242)
```

Similar Colors

Text with hexadecimal color #454ef2

This text has a font color of #454ef2.

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

#454ef2 background color

This paragraph has a background color of #454ef2.

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

#454ef2 border color

This element has a border color of #454ef2.

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

CSS codes

.text {color:#454ef2;}

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

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

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

#010210
```
#010210 rgb(1,2,16)
```
#020422
```
#020422 rgb(2,4,34)
```
#040634
```
#040634 rgb(4,6,52)
```
#050847
```
#050847 rgb(5,8,71)
```
#060b59
```
#060b59 rgb(6,11,89)
```
#080d6b
```
#080d6b rgb(8,13,107)
```
#090f7e
```
#090f7e rgb(9,15,126)
```
#0a1190
```
#0a1190 rgb(10,17,144)
```
#0b13a2
```
#0b13a2 rgb(11,19,162)
```
#0d15b5
```
#0d15b5 rgb(13,21,181)
```
#0e18c7
```
#0e18c7 rgb(14,24,199)
```
#0f1ad9
```
#0f1ad9 rgb(15,26,217)
```
#101cec
```
#101cec rgb(16,28,236)
```

Shade Color Variation

#202bef
```
#202bef rgb(32,43,239)
```
#333df1
```
#333df1 rgb(51,61,241)
```
#454ef2
```
#454ef2 rgb(69,78,242)
```
#575ff3
```
#575ff3 rgb(87,95,243)
```
#6a71f5
```
#6a71f5 rgb(106,113,245)
```
#7c82f6
```
#7c82f6 rgb(124,130,246)
```
#8e94f7
```
#8e94f7 rgb(142,148,247)
```
#a1a5f8
```
#a1a5f8 rgb(161,165,248)
```
#b3b7fa
```
#b3b7fa rgb(179,183,250)
```
#c5c8fb
```
#c5c8fb rgb(197,200,251)
```
#d8dafc
```
#d8dafc rgb(216,218,252)
```
#eaebfe
```
#eaebfe rgb(234,235,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99999e is the less saturated color, while #3d47fa is the most saturated one.

#99999e
```
#99999e rgb(153,153,158)
```
#9293a5
```
#9293a5 rgb(146,147,165)
```
#8a8cad
```
#8a8cad rgb(138,140,173)
```
#8285b5
```
#8285b5 rgb(130,133,181)
```
#7b7ebc
```
#7b7ebc rgb(123,126,188)
```
#7377c4
```
#7377c4 rgb(115,119,196)
```
#6b70cc
```
#6b70cc rgb(107,112,204)
```
#6469d3
```
#6469d3 rgb(100,105,211)
```
#5c63db
```
#5c63db rgb(92,99,219)
```
#545ce3
```
#545ce3 rgb(84,92,227)
```
#4d55ea
```
#4d55ea rgb(77,85,234)
```
#454ef2
```
#454ef2 rgb(69,78,242)
```
#3d47fa
```
#3d47fa rgb(61,71,250)
```

Tone Color Variation

Below, you can see how #454ef2 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
#595b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#195fdb Protanomaly 1% of men, 0.01% of women
#1963ca Deuteranomaly 6% of men, 0.4% of women
#1968a8 Tritanomaly 0.01% of the population

#454ef2 hex color

#454ef2 Color Information

#454ef2 Color Conversion

Color Schemes with #454ef2

Alternatives to #454ef2

#454ef2 Preview

Shades and Tints of #454ef2

Tones of #454ef2

Color Blindness Simulator