colorhexa.com

#4b58ff hex color

In a RGB color space, hex #4b58ff is composed of 29.4% red, 34.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 65.5% magenta, 0% yellow and 0% black. It has a hue angle of 235.7 degrees, a saturation of 100% and a lightness of 64.7%. #4b58ff color hex could be obtained by blending #96b0ff with #0000ff. Closest websafe color is: #3366ff.

- R 29
- G 35
- B 100
RGB color chart
- C 71
- M 65
- Y 0
- K 0
CMYK color chart

● #4b58ff color description : Light blue.

The hexadecimal color #4b58ff has RGB values of R:75, G:88, B:255 and CMYK values of C:0.71, M:0.65, Y:0, K:0. Its decimal value is 4937983.

Hex triplet	4b58ff	`#4b58ff`
RGB Decimal	75, 88, 255	`rgb(75,88,255)`
RGB Percent	29.4, 34.5, 100	`rgb(29.4%,34.5%,100%)`
CMYK	71, 65, 0, 0
HSL	235.7°, 100, 64.7	`hsl(235.7,100%,64.7%)`
HSV (or HSB)	235.7°, 70.6, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.57, 48.24, -84.128
XYZ	24.438, 15.694, 96.344
xyY	0.179, 0.115, 15.694
CIE-LCH	46.57, 96.977, 299.831
CIE-LUV	46.57, -11.955, -127.743
Hunter-Lab	39.615, 40.785, -116.461
Binary	01001011, 01011000, 11111111

#4b58ff
```
#4b58ff rgb(75,88,255)
```
#fff24b
```
#fff24b rgb(255,242,75)
```

Complementary Color

#4bb2ff
```
#4bb2ff rgb(75,178,255)
```
#4b58ff
```
#4b58ff rgb(75,88,255)
```
#984bff
```
#984bff rgb(152,75,255)
```

Analogous Color

#b2ff4b
```
#b2ff4b rgb(178,255,75)
```
#4b58ff
```
#4b58ff rgb(75,88,255)
```
#ff984b
```
#ff984b rgb(255,152,75)
```

Split Complementary Color

#58ff4b
```
#58ff4b rgb(88,255,75)
```
#4b58ff
```
#4b58ff rgb(75,88,255)
```
#ff4b58
```
#ff4b58 rgb(255,75,88)
```

Triadic Color

#4bfff2
```
#4bfff2 rgb(75,255,242)
```
#4b58ff
```
#4b58ff rgb(75,88,255)
```
#ff4b58
```
#ff4b58 rgb(255,75,88)
```
#fff24b
```
#fff24b rgb(255,242,75)
```

Tetradic Color

#0012fe
```
#0012fe rgb(0,18,254)
```
#1829ff
```
#1829ff rgb(24,41,255)
```
#3240ff
```
#3240ff rgb(50,64,255)
```
#4b58ff
```
#4b58ff rgb(75,88,255)
```
#6570ff
```
#6570ff rgb(101,112,255)
```
#7e87ff
```
#7e87ff rgb(126,135,255)
```
#989fff
```
#989fff rgb(152,159,255)
```

Monochromatic Color

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

#4b85ff
```
#4b85ff rgb(75,133,255)
```
#4b76ff
```
#4b76ff rgb(75,118,255)
```
#4b67ff
```
#4b67ff rgb(75,103,255)
```
#4b58ff
```
#4b58ff rgb(75,88,255)
```
#4d4bff
```
#4d4bff rgb(77,75,255)
```
#5c4bff
```
#5c4bff rgb(92,75,255)
```
#6b4bff
```
#6b4bff rgb(107,75,255)
```

Similar Colors

Text with hexadecimal color #4b58ff

This text has a font color of #4b58ff.

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

#4b58ff background color

This paragraph has a background color of #4b58ff.

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

#4b58ff border color

This element has a border color of #4b58ff.

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

CSS codes

.text {color:#4b58ff;}

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

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

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

#000110
```
#000110 rgb(0,1,16)
```
#000324
```
#000324 rgb(0,3,36)
```
#000437
```
#000437 rgb(0,4,55)
```
#00054b
```
#00054b rgb(0,5,75)
```
#00075f
```
#00075f rgb(0,7,95)
```
#000872
```
#000872 rgb(0,8,114)
```
#000a86
```
#000a86 rgb(0,10,134)
```
#000b99
```
#000b99 rgb(0,11,153)
```
#000dad
```
#000dad rgb(0,13,173)
```
#000ec1
```
#000ec1 rgb(0,14,193)
```
#000fd4
```
#000fd4 rgb(0,15,212)
```
#0011e8
```
#0011e8 rgb(0,17,232)
```
#0012fc
```
#0012fc rgb(0,18,252)
```

Shade Color Variation

#1021ff
```
#1021ff rgb(16,33,255)
```
#2434ff
```
#2434ff rgb(36,52,255)
```
#3746ff
```
#3746ff rgb(55,70,255)
```
#4b58ff
```
#4b58ff rgb(75,88,255)
```
#5f6aff
```
#5f6aff rgb(95,106,255)
```
#727cff
```
#727cff rgb(114,124,255)
```
#868fff
```
#868fff rgb(134,143,255)
```
#99a1ff
```
#99a1ff rgb(153,161,255)
```
#adb3ff
```
#adb3ff rgb(173,179,255)
```
#c1c5ff
```
#c1c5ff rgb(193,197,255)
```
#d4d7ff
```
#d4d7ff rgb(212,215,255)
```
#e8eaff
```
#e8eaff rgb(232,234,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#9e9fac
```
#9e9fac rgb(158,159,172)
```
#9799b3
```
#9799b3 rgb(151,153,179)
```
#9093ba
```
#9093ba rgb(144,147,186)
```
#898dc1
```
#898dc1 rgb(137,141,193)
```
#8287c8
```
#8287c8 rgb(130,135,200)
```
#7b81cf
```
#7b81cf rgb(123,129,207)
```
#757cd5
```
#757cd5 rgb(117,124,213)
```
#6e76dc
```
#6e76dc rgb(110,118,220)
```
#6770e3
```
#6770e3 rgb(103,112,227)
```
#606aea
```
#606aea rgb(96,106,234)
```
#5964f1
```
#5964f1 rgb(89,100,241)
```
#525ef8
```
#525ef8 rgb(82,94,248)
```
#4b58ff
```
#4b58ff rgb(75,88,255)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#616485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#1b68ea Protanomaly 1% of men, 0.01% of women
#1b6cd8 Deuteranomaly 6% of men, 0.4% of women
#1b72b3 Tritanomaly 0.01% of the population