colorhexa.com

#4d42f8 hex color

In a RGB color space, hex #4d42f8 is composed of 30.2% red, 25.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 73.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 243.6 degrees, a saturation of 92.9% and a lightness of 61.6%. #4d42f8 color hex could be obtained by blending #9a84ff with #0000f1. Closest websafe color is: #6633ff.

- R 30
- G 26
- B 97
RGB color chart
- C 69
- M 73
- Y 0
- K 3
CMYK color chart

● #4d42f8 color description : Bright blue.

The hexadecimal color #4d42f8 has RGB values of R:77, G:66, B:248 and CMYK values of C:0.69, M:0.73, Y:0, K:0.03. Its decimal value is 5063416.

Hex triplet	4d42f8	`#4d42f8`
RGB Decimal	77, 66, 248	`rgb(77,66,248)`
RGB Percent	30.2, 25.9, 97.3	`rgb(30.2%,25.9%,97.3%)`
CMYK	69, 73, 0, 3
HSL	243.6°, 92.9, 61.6	`hsl(243.6,92.9%,61.6%)`
HSV (or HSB)	243.6°, 73.4, 97.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.611, 58.432, -88.374
XYZ	21.949, 12.25, 90.01
xyY	0.177, 0.099, 12.25
CIE-LCH	41.611, 105.945, 303.472
CIE-LUV	41.611, -7.191, -127.978
Hunter-Lab	35.001, 50.686, -127.974
Binary	01001101, 01000010, 11111000

#4d42f8
```
#4d42f8 rgb(77,66,248)
```
#edf842
```
#edf842 rgb(237,248,66)
```

Complementary Color

#4292f8
```
#4292f8 rgb(66,146,248)
```
#4d42f8
```
#4d42f8 rgb(77,66,248)
```
#a842f8
```
#a842f8 rgb(168,66,248)
```

Analogous Color

#92f842
```
#92f842 rgb(146,248,66)
```
#4d42f8
```
#4d42f8 rgb(77,66,248)
```
#f8a842
```
#f8a842 rgb(248,168,66)
```

Split Complementary Color

#42f84d
```
#42f84d rgb(66,248,77)
```
#4d42f8
```
#4d42f8 rgb(77,66,248)
```
#f84d42
```
#f84d42 rgb(248,77,66)
```

Triadic Color

#42edf8
```
#42edf8 rgb(66,237,248)
```
#4d42f8
```
#4d42f8 rgb(77,66,248)
```
#f84d42
```
#f84d42 rgb(248,77,66)
```
#edf842
```
#edf842 rgb(237,248,66)
```

Tetradic Color

#1608e5
```
#1608e5 rgb(22,8,229)
```
#1f11f6
```
#1f11f6 rgb(31,17,246)
```
#3629f7
```
#3629f7 rgb(54,41,247)
```
#4d42f8
```
#4d42f8 rgb(77,66,248)
```
#645bf9
```
#645bf9 rgb(100,91,249)
```
#7b73fa
```
#7b73fa rgb(123,115,250)
```
#928cfb
```
#928cfb rgb(146,140,251)
```

Monochromatic Color

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

#4265f8
```
#4265f8 rgb(66,101,248)
```
#4255f8
```
#4255f8 rgb(66,85,248)
```
#4246f8
```
#4246f8 rgb(66,70,248)
```
#4d42f8
```
#4d42f8 rgb(77,66,248)
```
#5c42f8
```
#5c42f8 rgb(92,66,248)
```
#6b42f8
```
#6b42f8 rgb(107,66,248)
```
#7b42f8
```
#7b42f8 rgb(123,66,248)
```

Similar Colors

Text with hexadecimal color #4d42f8

This text has a font color of #4d42f8.

<span style="color:#4d42f8;">Text here</span>

#4d42f8 background color

This paragraph has a background color of #4d42f8.

<p style="background-color:#4d42f8;">Content here</p>

#4d42f8 border color

This element has a border color of #4d42f8.

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

CSS codes

.text {color:#4d42f8;}

.background {background-color:#4d42f8;}

.border {border:1px solid #4d42f8;}

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

#000000
```
#000000 rgb(0,0,0)
```
#020113
```
#020113 rgb(2,1,19)
```
#040126
```
#040126 rgb(4,1,38)
```
#050239
```
#050239 rgb(5,2,57)
```
#07034c
```
#07034c rgb(7,3,76)
```
#09045f
```
#09045f rgb(9,4,95)
```
#0b0472
```
#0b0472 rgb(11,4,114)
```
#0d0585
```
#0d0585 rgb(13,5,133)
```
#0e0697
```
#0e0697 rgb(14,6,151)
```
#1006aa
```
#1006aa rgb(16,6,170)
```
#1207bd
```
#1207bd rgb(18,7,189)
```
#1408d0
```
#1408d0 rgb(20,8,208)
```
#1608e3
```
#1608e3 rgb(22,8,227)
```

Shade Color Variation

#1809f6
```
#1809f6 rgb(24,9,246)
```
#291cf7
```
#291cf7 rgb(41,28,247)
```
#3b2ff7
```
#3b2ff7 rgb(59,47,247)
```
#4d42f8
```
#4d42f8 rgb(77,66,248)
```
#5f55f9
```
#5f55f9 rgb(95,85,249)
```
#7168f9
```
#7168f9 rgb(113,104,249)
```
#827bfa
```
#827bfa rgb(130,123,250)
```
#948efb
```
#948efb rgb(148,142,251)
```
#a6a1fc
```
#a6a1fc rgb(166,161,252)
```
#b8b3fc
```
#b8b3fc rgb(184,179,252)
```
#cac6fd
```
#cac6fd rgb(202,198,253)
```
#dcd9fe
```
#dcd9fe rgb(220,217,254)
```
#edecfe
```
#edecfe rgb(237,236,254)
```

Tint Color Variation

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

#9d9c9e
```
#9d9c9e rgb(157,156,158)
```
#9695a5
```
#9695a5 rgb(150,149,165)
```
#8f8dad
```
#8f8dad rgb(143,141,173)
```
#8986b4
```
#8986b4 rgb(137,134,180)
```
#827ebc
```
#827ebc rgb(130,126,188)
```
#7b77c3
```
#7b77c3 rgb(123,119,195)
```
#756fcb
```
#756fcb rgb(117,111,203)
```
#6e68d2
```
#6e68d2 rgb(110,104,210)
```
#6860da
```
#6860da rgb(104,96,218)
```
#6159e1
```
#6159e1 rgb(97,89,225)
```
#5a51e9
```
#5a51e9 rgb(90,81,233)
```
#544af0
```
#544af0 rgb(84,74,240)
```
#4d42f8
```
#4d42f8 rgb(77,66,248)
```

Tone Color Variation

Below, you can see how #4d42f8 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

#5a5a5a Achromatopsia 0.005% of the population
#57557a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1c59da Protanomaly 1% of men, 0.01% of women
#1c5dc9 Deuteranomaly 6% of men, 0.4% of women
#1c62a8 Tritanomaly 0.01% of the population