#4b82d6 hex color

In a RGB color space, hex #4b82d6 is composed of 29.4% red, 51% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 39.3% magenta, 0% yellow and 16.1% black. It has a hue angle of 216.3 degrees, a saturation of 62.9% and a lightness of 56.7%. #4b82d6 color hex could be obtained by blending #96ffff with #0005ad. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 51
- B 84
RGB color chart
- C 65
- M 39
- Y 0
- K 16
CMYK color chart

● #4b82d6 color description : Moderate blue.

The hexadecimal color #4b82d6 has RGB values of R:75, G:130, B:214 and CMYK values of C:0.65, M:0.39, Y:0, K:0.16. Its decimal value is 4948694.

Hex triplet	4b82d6	`#4b82d6`
RGB Decimal	75, 130, 214	`rgb(75,130,214)`
RGB Percent	29.4, 51, 83.9	`rgb(29.4%,51%,83.9%)`
CMYK	65, 39, 0, 16
HSL	216.3°, 62.9, 56.7	`hsl(216.3,62.9%,56.7%)`
HSV (or HSB)	216.3°, 65, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.359, 8.392, -48.556
XYZ	23.019, 22.315, 66.709
xyY	0.205, 0.199, 22.315
CIE-LCH	54.359, 49.276, 279.805
CIE-LUV	54.359, -23.17, -76.558
Hunter-Lab	47.238, 4.315, -50.661
Binary	01001011, 10000010, 11010110

#4b82d6
```
#4b82d6 rgb(75,130,214)
```
#d69f4b
```
#d69f4b rgb(214,159,75)
```

Complementary Color

#4bc8d6
```
#4bc8d6 rgb(75,200,214)
```
#4b82d6
```
#4b82d6 rgb(75,130,214)
```
#5a4bd6
```
#5a4bd6 rgb(90,75,214)
```

Analogous Color

#c8d64b
```
#c8d64b rgb(200,214,75)
```
#4b82d6
```
#4b82d6 rgb(75,130,214)
```
#d65a4b
```
#d65a4b rgb(214,90,75)
```

Split Complementary Color

#82d64b
```
#82d64b rgb(130,214,75)
```
#4b82d6
```
#4b82d6 rgb(75,130,214)
```
#d64b82
```
#d64b82 rgb(214,75,130)
```

Triadic Color

#4bd69f
```
#4bd69f rgb(75,214,159)
```
#4b82d6
```
#4b82d6 rgb(75,130,214)
```
#d64b82
```
#d64b82 rgb(214,75,130)
```
#d69f4b
```
#d69f4b rgb(214,159,75)
```

Tetradic Color

#275cad
```
#275cad rgb(39,92,173)
```
#2c67c2
```
#2c67c2 rgb(44,103,194)
```
#3674d1
```
#3674d1 rgb(54,116,209)
```
#4b82d6
```
#4b82d6 rgb(75,130,214)
```
#6090db
```
#6090db rgb(96,144,219)
```
#759fdf
```
#759fdf rgb(117,159,223)
```
#89ade4
```
#89ade4 rgb(137,173,228)
```

Monochromatic Color

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

#4ba5d6
```
#4ba5d6 rgb(75,165,214)
```
#4b99d6
```
#4b99d6 rgb(75,153,214)
```
#4b8ed6
```
#4b8ed6 rgb(75,142,214)
```
#4b82d6
```
#4b82d6 rgb(75,130,214)
```
#4b76d6
```
#4b76d6 rgb(75,118,214)
```
#4b6bd6
```
#4b6bd6 rgb(75,107,214)
```
#4b5fd6
```
#4b5fd6 rgb(75,95,214)
```

Similar Colors

Text with hexadecimal color #4b82d6

This text has a font color of #4b82d6.

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

#4b82d6 background color

This paragraph has a background color of #4b82d6.

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

#4b82d6 border color

This element has a border color of #4b82d6.

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

CSS codes

.text {color:#4b82d6;}

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

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

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, #03060c is the darkest color, while #fbfcfe is the lightest one.

#03060c
```
#03060c rgb(3,6,12)
```
#060f1c
```
#060f1c rgb(6,15,28)
```
#0a172c
```
#0a172c rgb(10,23,44)
```
#0e203c
```
#0e203c rgb(14,32,60)
```
#11284c
```
#11284c rgb(17,40,76)
```
#15315c
```
#15315c rgb(21,49,92)
```
#19396c
```
#19396c rgb(25,57,108)
```
#1c427c
```
#1c427c rgb(28,66,124)
```
#204a8c
```
#204a8c rgb(32,74,140)
```
#23539c
```
#23539c rgb(35,83,156)
```
#275bab
```
#275bab rgb(39,91,171)
```
#2b64bb
```
#2b64bb rgb(43,100,187)
```
#2e6ccb
```
#2e6ccb rgb(46,108,203)
```

Shade Color Variation

#3b77d2
```
#3b77d2 rgb(59,119,210)
```
#4b82d6
```
#4b82d6 rgb(75,130,214)
```
#5b8dda
```
#5b8dda rgb(91,141,218)
```
#6b98dd
```
#6b98dd rgb(107,152,221)
```
#7ba3e1
```
#7ba3e1 rgb(123,163,225)
```
#8baee5
```
#8baee5 rgb(139,174,229)
```
#9bb9e8
```
#9bb9e8 rgb(155,185,232)
```
#abc5ec
```
#abc5ec rgb(171,197,236)
```
#bbd0ef
```
#bbd0ef rgb(187,208,239)
```
#cbdbf3
```
#cbdbf3 rgb(203,219,243)
```
#dbe6f7
```
#dbe6f7 rgb(219,230,247)
```
#ebf1fa
```
#ebf1fa rgb(235,241,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9092 is the less saturated color, while #297bf8 is the most saturated one.

#8f9092
```
#8f9092 rgb(143,144,146)
```
#878e9b
```
#878e9b rgb(135,142,155)
```
#7e8da3
```
#7e8da3 rgb(126,141,163)
```
#768bac
```
#768bac rgb(118,139,172)
```
#6d89b4
```
#6d89b4 rgb(109,137,180)
```
#6587bd
```
#6587bd rgb(101,135,189)
```
#5c86c5
```
#5c86c5 rgb(92,134,197)
```
#5484ce
```
#5484ce rgb(84,132,206)
```
#4b82d6
```
#4b82d6 rgb(75,130,214)
```
#4380df
```
#4380df rgb(67,128,223)
```
#3a7ee7
```
#3a7ee7 rgb(58,126,231)
```
#317df0
```
#317df0 rgb(49,125,240)
```
#297bf8
```
#297bf8 rgb(41,123,248)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#717c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6585d6 Protanopia 1% of men
#4e89d7 Deuteranopia 1% of men
#2495a0 Tritanopia 0.001% of the population

Trichromacy

#5b84d6 Protanomaly 1% of men, 0.01% of women
#4d86d7 Deuteranomaly 6% of men, 0.4% of women
#328eb3 Tritanomaly 0.01% of the population

#4b82d6 hex color

#4b82d6 Color Information

#4b82d6 Color Conversion

Color Schemes with #4b82d6

Alternatives to #4b82d6

#4b82d6 Preview

Shades and Tints of #4b82d6

Tones of #4b82d6

Color Blindness Simulator