#4b81f5 hex color

In a RGB color space, hex #4b81f5 is composed of 29.4% red, 50.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 47.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 220.9 degrees, a saturation of 89.5% and a lightness of 62.7%. #4b81f5 color hex could be obtained by blending #96ffff with #0003eb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 29
- G 51
- B 96
RGB color chart
- C 69
- M 47
- Y 0
- K 4
CMYK color chart

● #4b81f5 color description : Soft blue.

The hexadecimal color #4b81f5 has RGB values of R:75, G:129, B:245 and CMYK values of C:0.69, M:0.47, Y:0, K:0.04. Its decimal value is 4948469.

Hex triplet	4b81f5	`#4b81f5`
RGB Decimal	75, 129, 245	`rgb(75,129,245)`
RGB Percent	29.4, 50.6, 96.1	`rgb(29.4%,50.6%,96.1%)`
CMYK	69, 47, 0, 4
HSL	220.9°, 89.5, 62.7	`hsl(220.9,89.5%,62.7%)`
HSV (or HSB)	220.9°, 69.4, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.874, 19.812, -63.454
XYZ	27.23, 23.787, 89.538
xyY	0.194, 0.169, 23.787
CIE-LCH	55.874, 66.475, 287.34
CIE-LUV	55.874, -22.482, -101.918
Hunter-Lab	48.772, 14.307, -74.706
Binary	01001011, 10000001, 11110101

#4b81f5
```
#4b81f5 rgb(75,129,245)
```
#f5bf4b
```
#f5bf4b rgb(245,191,75)
```

Complementary Color

#4bd6f5
```
#4bd6f5 rgb(75,214,245)
```
#4b81f5
```
#4b81f5 rgb(75,129,245)
```
#6a4bf5
```
#6a4bf5 rgb(106,75,245)
```

Analogous Color

#d6f54b
```
#d6f54b rgb(214,245,75)
```
#4b81f5
```
#4b81f5 rgb(75,129,245)
```
#f56a4b
```
#f56a4b rgb(245,106,75)
```

Split Complementary Color

#81f54b
```
#81f54b rgb(129,245,75)
```
#4b81f5
```
#4b81f5 rgb(75,129,245)
```
#f54b81
```
#f54b81 rgb(245,75,129)
```

Triadic Color

#4bf5bf
```
#4bf5bf rgb(75,245,191)
```
#4b81f5
```
#4b81f5 rgb(75,129,245)
```
#f54b81
```
#f54b81 rgb(245,75,129)
```
#f5bf4b
```
#f5bf4b rgb(245,191,75)
```

Tetradic Color

#0d52e7
```
#0d52e7 rgb(13,82,231)
```
#1b5ff2
```
#1b5ff2 rgb(27,95,242)
```
#3370f4
```
#3370f4 rgb(51,112,244)
```
#4b81f5
```
#4b81f5 rgb(75,129,245)
```
#6392f6
```
#6392f6 rgb(99,146,246)
```
#7ba3f8
```
#7ba3f8 rgb(123,163,248)
```
#93b4f9
```
#93b4f9 rgb(147,180,249)
```

Monochromatic Color

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

#4bacf5
```
#4bacf5 rgb(75,172,245)
```
#4b9df5
```
#4b9df5 rgb(75,157,245)
```
#4b8ff5
```
#4b8ff5 rgb(75,143,245)
```
#4b81f5
```
#4b81f5 rgb(75,129,245)
```
#4b73f5
```
#4b73f5 rgb(75,115,245)
```
#4b65f5
```
#4b65f5 rgb(75,101,245)
```
#4b56f5
```
#4b56f5 rgb(75,86,245)
```

Similar Colors

Text with hexadecimal color #4b81f5

This text has a font color of #4b81f5.

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

#4b81f5 background color

This paragraph has a background color of #4b81f5.

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

#4b81f5 border color

This element has a border color of #4b81f5.

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

CSS codes

.text {color:#4b81f5;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#010918
```
#010918 rgb(1,9,24)
```
#020f2b
```
#020f2b rgb(2,15,43)
```
#03163e
```
#03163e rgb(3,22,62)
```
#041d50
```
#041d50 rgb(4,29,80)
```
#052363
```
#052363 rgb(5,35,99)
```
#072a75
```
#072a75 rgb(7,42,117)
```
#083088
```
#083088 rgb(8,48,136)
```
#09379a
```
#09379a rgb(9,55,154)
```
#0a3ead
```
#0a3ead rgb(10,62,173)
```
#0b44c0
```
#0b44c0 rgb(11,68,192)
```
#0c4bd2
```
#0c4bd2 rgb(12,75,210)
```
#0d51e5
```
#0d51e5 rgb(13,81,229)
```

Shade Color Variation

#135af2
```
#135af2 rgb(19,90,242)
```
#2667f3
```
#2667f3 rgb(38,103,243)
```
#3874f4
```
#3874f4 rgb(56,116,244)
```
#4b81f5
```
#4b81f5 rgb(75,129,245)
```
#5e8ef6
```
#5e8ef6 rgb(94,142,246)
```
#709bf7
```
#709bf7 rgb(112,155,247)
```
#83a8f8
```
#83a8f8 rgb(131,168,248)
```
#95b5f9
```
#95b5f9 rgb(149,181,249)
```
#a8c2fa
```
#a8c2fa rgb(168,194,250)
```
#bacffb
```
#bacffb rgb(186,207,251)
```
#cddcfc
```
#cddcfc rgb(205,220,252)
```
#e0e9fd
```
#e0e9fd rgb(224,233,253)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

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

#9b9ea5
```
#9b9ea5 rgb(155,158,165)
```
#949cac
```
#949cac rgb(148,156,172)
```
#8d99b3
```
#8d99b3 rgb(141,153,179)
```
#8596bb
```
#8596bb rgb(133,150,187)
```
#7e94c2
```
#7e94c2 rgb(126,148,194)
```
#7791c9
```
#7791c9 rgb(119,145,201)
```
#708ed0
```
#708ed0 rgb(112,142,208)
```
#688cd8
```
#688cd8 rgb(104,140,216)
```
#6189df
```
#6189df rgb(97,137,223)
```
#5a86e6
```
#5a86e6 rgb(90,134,230)
```
#5284ee
```
#5284ee rgb(82,132,238)
```
#4b81f5
```
#4b81f5 rgb(75,129,245)
```
#447efc
```
#447efc rgb(68,126,252)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#747f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b88f6 Protanopia 1% of men
#008eec Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#4b85f5 Protanomaly 1% of men, 0.01% of women
#1b89ef Deuteranomaly 6% of men, 0.4% of women
#1b90c1 Tritanomaly 0.01% of the population

#4b81f5 hex color

#4b81f5 Color Information

#4b81f5 Color Conversion

Color Schemes with #4b81f5

Alternatives to #4b81f5

#4b81f5 Preview

Shades and Tints of #4b81f5

Tones of #4b81f5

Color Blindness Simulator