#4545f2 hex color

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

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

● #4545f2 color description : Bright blue.

The hexadecimal color #4545f2 has RGB values of R:69, G:69, B:242 and CMYK values of C:0.71, M:0.71, Y:0, K:0.05. Its decimal value is 4539890.

Hex triplet	4545f2	`#4545f2`
RGB Decimal	69, 69, 242	`rgb(69,69,242)`
RGB Percent	27.1, 27.1, 94.9	`rgb(27.1%,27.1%,94.9%)`
CMYK	71, 71, 0, 5
HSL	240°, 86.9, 61	`hsl(240,86.9%,61%)`
HSV (or HSB)	240°, 71.5, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.106, 54.222, -85.852
XYZ	20.606, 11.931, 85.217
xyY	0.175, 0.101, 11.931
CIE-LCH	41.106, 101.541, 302.276
CIE-LUV	41.106, -8.964, -124.218
Hunter-Lab	34.541, 46.04, -122.095
Binary	01000101, 01000101, 11110010

#4545f2
```
#4545f2 rgb(69,69,242)
```
#f2f245
```
#f2f245 rgb(242,242,69)
```

Complementary Color

#459cf2
```
#459cf2 rgb(69,156,242)
```
#4545f2
```
#4545f2 rgb(69,69,242)
```
#9c45f2
```
#9c45f2 rgb(156,69,242)
```

Analogous Color

#9cf245
```
#9cf245 rgb(156,242,69)
```
#4545f2
```
#4545f2 rgb(69,69,242)
```
#f29c45
```
#f29c45 rgb(242,156,69)
```

Split Complementary Color

#45f245
```
#45f245 rgb(69,242,69)
```
#4545f2
```
#4545f2 rgb(69,69,242)
```
#f24545
```
#f24545 rgb(242,69,69)
```

Triadic Color

#45f2f2
```
#45f2f2 rgb(69,242,242)
```
#4545f2
```
#4545f2 rgb(69,69,242)
```
#f24545
```
#f24545 rgb(242,69,69)
```
#f2f245
```
#f2f245 rgb(242,242,69)
```

Tetradic Color

#0f0fdb
```
#0f0fdb rgb(15,15,219)
```
#1515ef
```
#1515ef rgb(21,21,239)
```
#2d2df0
```
#2d2df0 rgb(45,45,240)
```
#4545f2
```
#4545f2 rgb(69,69,242)
```
#5d5df4
```
#5d5df4 rgb(93,93,244)
```
#7575f5
```
#7575f5 rgb(117,117,245)
```
#8d8df7
```
#8d8df7 rgb(141,141,247)
```

Monochromatic Color

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

#4570f2
```
#4570f2 rgb(69,112,242)
```
#4562f2
```
#4562f2 rgb(69,98,242)
```
#4553f2
```
#4553f2 rgb(69,83,242)
```
#4545f2
```
#4545f2 rgb(69,69,242)
```
#5345f2
```
#5345f2 rgb(83,69,242)
```
#6245f2
```
#6245f2 rgb(98,69,242)
```
#7045f2
```
#7045f2 rgb(112,69,242)
```

Similar Colors

Text with hexadecimal color #4545f2

This text has a font color of #4545f2.

<span style="color:#4545f2;">Text here</span>

#4545f2 background color

This paragraph has a background color of #4545f2.

<p style="background-color:#4545f2;">Content here</p>

#4545f2 border color

This element has a border color of #4545f2.

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

CSS codes

.text {color:#4545f2;}

.background {background-color:#4545f2;}

.border {border:1px solid #4545f2;}

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

#010110
```
#010110 rgb(1,1,16)
```
#020222
```
#020222 rgb(2,2,34)
```
#040434
```
#040434 rgb(4,4,52)
```
#050547
```
#050547 rgb(5,5,71)
```
#060659
```
#060659 rgb(6,6,89)
```
#08086b
```
#08086b rgb(8,8,107)
```
#09097e
```
#09097e rgb(9,9,126)
```
#0a0a90
```
#0a0a90 rgb(10,10,144)
```
#0b0ba2
```
#0b0ba2 rgb(11,11,162)
```
#0d0db5
```
#0d0db5 rgb(13,13,181)
```
#0e0ec7
```
#0e0ec7 rgb(14,14,199)
```
#0f0fd9
```
#0f0fd9 rgb(15,15,217)
```
#1010ec
```
#1010ec rgb(16,16,236)
```

Shade Color Variation

#2020ef
```
#2020ef rgb(32,32,239)
```
#3333f1
```
#3333f1 rgb(51,51,241)
```
#4545f2
```
#4545f2 rgb(69,69,242)
```
#5757f3
```
#5757f3 rgb(87,87,243)
```
#6a6af5
```
#6a6af5 rgb(106,106,245)
```
#7c7cf6
```
#7c7cf6 rgb(124,124,246)
```
#8e8ef7
```
#8e8ef7 rgb(142,142,247)
```
#a1a1f8
```
#a1a1f8 rgb(161,161,248)
```
#b3b3fa
```
#b3b3fa rgb(179,179,250)
```
#c5c5fb
```
#c5c5fb rgb(197,197,251)
```
#d8d8fc
```
#d8d8fc rgb(216,216,252)
```
#eaeafe
```
#eaeafe rgb(234,234,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 #3d3dfa is the most saturated one.

#99999e
```
#99999e rgb(153,153,158)
```
#9292a5
```
#9292a5 rgb(146,146,165)
```
#8a8aad
```
#8a8aad rgb(138,138,173)
```
#8282b5
```
#8282b5 rgb(130,130,181)
```
#7b7bbc
```
#7b7bbc rgb(123,123,188)
```
#7373c4
```
#7373c4 rgb(115,115,196)
```
#6b6bcc
```
#6b6bcc rgb(107,107,204)
```
#6464d3
```
#6464d3 rgb(100,100,211)
```
#5c5cdb
```
#5c5cdb rgb(92,92,219)
```
#5454e3
```
#5454e3 rgb(84,84,227)
```
#4d4dea
```
#4d4dea rgb(77,77,234)
```
#4545f2
```
#4545f2 rgb(69,69,242)
```
#3d3dfa
```
#3d3dfa rgb(61,61,250)
```

Tone Color Variation

Below, you can see how #4545f2 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

#595959 Achromatopsia 0.005% of the population
#555578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#195ad6 Protanomaly 1% of men, 0.01% of women
#195dc5 Deuteranomaly 6% of men, 0.4% of women
#1962a5 Tritanomaly 0.01% of the population

#4545f2 hex color

#4545f2 Color Information

#4545f2 Color Conversion

Color Schemes with #4545f2

Alternatives to #4545f2

#4545f2 Preview

Shades and Tints of #4545f2

Tones of #4545f2

Color Blindness Simulator