#4542ff hex color

In a RGB color space, hex #4542ff is composed of 27.1% red, 25.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 74.1% magenta, 0% yellow and 0% black. It has a hue angle of 241 degrees, a saturation of 100% and a lightness of 62.9%. #4542ff color hex could be obtained by blending #8a84ff with #0000ff. Closest websafe color is: #3333ff.

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

● #4542ff color description : Light blue.

The hexadecimal color #4542ff has RGB values of R:69, G:66, B:255 and CMYK values of C:0.73, M:0.74, Y:0, K:0. Its decimal value is 4539135.

Hex triplet	4542ff	`#4542ff`
RGB Decimal	69, 66, 255	`rgb(69,66,255)`
RGB Percent	27.1, 25.9, 100	`rgb(27.1%,25.9%,100%)`
CMYK	73, 74, 0, 0
HSL	241°, 100, 62.9	`hsl(241,100%,62.9%)`
HSV (or HSB)	241°, 74.1, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.814, 59.87, -91.972
XYZ	22.449, 12.38, 95.809
xyY	0.172, 0.095, 12.38
CIE-LCH	41.814, 109.741, 303.062
CIE-LUV	41.814, -9.049, -132.365
Hunter-Lab	35.186, 52.31, -136.814
Binary	01000101, 01000010, 11111111

#4542ff
```
#4542ff rgb(69,66,255)
```
#fcff42
```
#fcff42 rgb(252,255,66)
```

Complementary Color

#429eff
```
#429eff rgb(66,158,255)
```
#4542ff
```
#4542ff rgb(69,66,255)
```
#a442ff
```
#a442ff rgb(164,66,255)
```

Analogous Color

#9eff42
```
#9eff42 rgb(158,255,66)
```
#4542ff
```
#4542ff rgb(69,66,255)
```
#ffa442
```
#ffa442 rgb(255,164,66)
```

Split Complementary Color

#42ff45
```
#42ff45 rgb(66,255,69)
```
#4542ff
```
#4542ff rgb(69,66,255)
```
#ff4542
```
#ff4542 rgb(255,69,66)
```

Triadic Color

#42fcff
```
#42fcff rgb(66,252,255)
```
#4542ff
```
#4542ff rgb(69,66,255)
```
#ff4542
```
#ff4542 rgb(255,69,66)
```
#fcff42
```
#fcff42 rgb(252,255,66)
```

Tetradic Color

#0400f5
```
#0400f5 rgb(4,0,245)
```
#130fff
```
#130fff rgb(19,15,255)
```
#2c29ff
```
#2c29ff rgb(44,41,255)
```
#4542ff
```
#4542ff rgb(69,66,255)
```
#5e5cff
```
#5e5cff rgb(94,92,255)
```
#7775ff
```
#7775ff rgb(119,117,255)
```
#908fff
```
#908fff rgb(144,143,255)
```

Monochromatic Color

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

#426eff
```
#426eff rgb(66,110,255)
```
#425fff
```
#425fff rgb(66,95,255)
```
#424fff
```
#424fff rgb(66,79,255)
```
#4542ff
```
#4542ff rgb(69,66,255)
```
#5542ff
```
#5542ff rgb(85,66,255)
```
#6542ff
```
#6542ff rgb(101,66,255)
```
#7442ff
```
#7442ff rgb(116,66,255)
```

Similar Colors

Text with hexadecimal color #4542ff

This text has a font color of #4542ff.

<span style="color:#4542ff;">Text here</span>

#4542ff background color

This paragraph has a background color of #4542ff.

<p style="background-color:#4542ff;">Content here</p>

#4542ff border color

This element has a border color of #4542ff.

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

CSS codes

.text {color:#4542ff;}

.background {background-color:#4542ff;}

.border {border:1px solid #4542ff;}

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

#000007
```
#000007 rgb(0,0,7)
```
#00001b
```
#00001b rgb(0,0,27)
```
#01002e
```
#01002e rgb(1,0,46)
```
#010042
```
#010042 rgb(1,0,66)
```
#010056
```
#010056 rgb(1,0,86)
```
#020069
```
#020069 rgb(2,0,105)
```
#02007d
```
#02007d rgb(2,0,125)
```
#020090
```
#020090 rgb(2,0,144)
```
#0300a4
```
#0300a4 rgb(3,0,164)
```
#0300b8
```
#0300b8 rgb(3,0,184)
```
#0300cb
```
#0300cb rgb(3,0,203)
```
#0400df
```
#0400df rgb(4,0,223)
```
#0400f3
```
#0400f3 rgb(4,0,243)
```

Shade Color Variation

#0b07ff
```
#0b07ff rgb(11,7,255)
```
#1e1bff
```
#1e1bff rgb(30,27,255)
```
#322eff
```
#322eff rgb(50,46,255)
```
#4542ff
```
#4542ff rgb(69,66,255)
```
#5856ff
```
#5856ff rgb(88,86,255)
```
#6c69ff
```
#6c69ff rgb(108,105,255)
```
#7f7dff
```
#7f7dff rgb(127,125,255)
```
#9290ff
```
#9290ff rgb(146,144,255)
```
#a6a4ff
```
#a6a4ff rgb(166,164,255)
```
#b9b8ff
```
#b9b8ff rgb(185,184,255)
```
#cccbff
```
#cccbff rgb(204,203,255)
```
#dfdfff
```
#dfdfff rgb(223,223,255)
```
#f3f3ff
```
#f3f3ff rgb(243,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9999a8 is the less saturated color, while #4542ff is the most saturated one.

#9999a8
```
#9999a8 rgb(153,153,168)
```
#9292af
```
#9292af rgb(146,146,175)
```
#8b8bb6
```
#8b8bb6 rgb(139,139,182)
```
#8483be
```
#8483be rgb(132,131,190)
```
#7d7cc5
```
#7d7cc5 rgb(125,124,197)
```
#7675cc
```
#7675cc rgb(118,117,204)
```
#6f6ed3
```
#6f6ed3 rgb(111,110,211)
```
#6866db
```
#6866db rgb(104,102,219)
```
#615fe2
```
#615fe2 rgb(97,95,226)
```
#5a58e9
```
#5a58e9 rgb(90,88,233)
```
#5351f0
```
#5351f0 rgb(83,81,240)
```
#4c49f8
```
#4c49f8 rgb(76,73,248)
```
#4542ff
```
#4542ff rgb(69,66,255)
```

Tone Color Variation

Below, you can see how #4542ff 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

#585858 Achromatopsia 0.005% of the population
#545479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#195add Protanomaly 1% of men, 0.01% of women
#195dcb Deuteranomaly 6% of men, 0.4% of women
#1962ab Tritanomaly 0.01% of the population

#4542ff hex color

#4542ff Color Information

#4542ff Color Conversion

Color Schemes with #4542ff

Alternatives to #4542ff

#4542ff Preview

Shades and Tints of #4542ff

Tones of #4542ff

Color Blindness Simulator