#4ba4ed hex color

In a RGB color space, hex #4ba4ed is composed of 29.4% red, 64.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 30.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 207 degrees, a saturation of 81.8% and a lightness of 61.2%. #4ba4ed color hex could be obtained by blending #96ffff with #0049db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 29
- G 64
- B 93
RGB color chart
- C 68
- M 31
- Y 0
- K 7
CMYK color chart

● #4ba4ed color description : Soft blue.

The hexadecimal color #4ba4ed has RGB values of R:75, G:164, B:237 and CMYK values of C:0.68, M:0.31, Y:0, K:0.07. Its decimal value is 4957421.

Hex triplet	4ba4ed	`#4ba4ed`
RGB Decimal	75, 164, 237	`rgb(75,164,237)`
RGB Percent	29.4, 64.3, 92.9	`rgb(29.4%,64.3%,92.9%)`
CMYK	68, 31, 0, 7
HSL	207°, 81.8, 61.2	`hsl(207,81.8%,61.2%)`
HSV (or HSB)	207°, 68.4, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.088, -3.653, -44.384
XYZ	31.46, 34.159, 85.051
xyY	0.209, 0.227, 34.159
CIE-LCH	65.088, 44.534, 265.295
CIE-LUV	65.088, -34.138, -70.71
Hunter-Lab	58.446, -6.198, -45.368
Binary	01001011, 10100100, 11101101

#4ba4ed
```
#4ba4ed rgb(75,164,237)
```
#ed944b
```
#ed944b rgb(237,148,75)
```

Complementary Color

#4bede5
```
#4bede5 rgb(75,237,229)
```
#4ba4ed
```
#4ba4ed rgb(75,164,237)
```
#4b53ed
```
#4b53ed rgb(75,83,237)
```

Analogous Color

#ede54b
```
#ede54b rgb(237,229,75)
```
#4ba4ed
```
#4ba4ed rgb(75,164,237)
```
#ed4b53
```
#ed4b53 rgb(237,75,83)
```

Split Complementary Color

#a4ed4b
```
#a4ed4b rgb(164,237,75)
```
#4ba4ed
```
#4ba4ed rgb(75,164,237)
```
#ed4ba4
```
#ed4ba4 rgb(237,75,164)
```

Triadic Color

#4bed94
```
#4bed94 rgb(75,237,148)
```
#4ba4ed
```
#4ba4ed rgb(75,164,237)
```
#ed4ba4
```
#ed4ba4 rgb(237,75,164)
```
#ed944b
```
#ed944b rgb(237,148,75)
```

Tetradic Color

#157fd6
```
#157fd6 rgb(21,127,214)
```
#1d8de8
```
#1d8de8 rgb(29,141,232)
```
#3498eb
```
#3498eb rgb(52,152,235)
```
#4ba4ed
```
#4ba4ed rgb(75,164,237)
```
#62b0ef
```
#62b0ef rgb(98,176,239)
```
#79bbf2
```
#79bbf2 rgb(121,187,242)
```
#91c7f4
```
#91c7f4 rgb(145,199,244)
```

Monochromatic Color

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

#4bcded
```
#4bcded rgb(75,205,237)
```
#4bbfed
```
#4bbfed rgb(75,191,237)
```
#4bb2ed
```
#4bb2ed rgb(75,178,237)
```
#4ba4ed
```
#4ba4ed rgb(75,164,237)
```
#4b97ed
```
#4b97ed rgb(75,151,237)
```
#4b89ed
```
#4b89ed rgb(75,137,237)
```
#4b7ced
```
#4b7ced rgb(75,124,237)
```

Similar Colors

Text with hexadecimal color #4ba4ed

This text has a font color of #4ba4ed.

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

#4ba4ed background color

This paragraph has a background color of #4ba4ed.

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

#4ba4ed border color

This element has a border color of #4ba4ed.

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

CSS codes

.text {color:#4ba4ed;}

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

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

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, #020a10 is the darkest color, while #fdfeff is the lightest one.

#020a10
```
#020a10 rgb(2,10,16)
```
#031422
```
#031422 rgb(3,20,34)
```
#051f34
```
#051f34 rgb(5,31,52)
```
#072946
```
#072946 rgb(7,41,70)
```
#093457
```
#093457 rgb(9,52,87)
```
#0b3f69
```
#0b3f69 rgb(11,63,105)
```
#0c497b
```
#0c497b rgb(12,73,123)
```
#0e548d
```
#0e548d rgb(14,84,141)
```
#105e9f
```
#105e9f rgb(16,94,159)
```
#1269b1
```
#1269b1 rgb(18,105,177)
```
#1374c2
```
#1374c2 rgb(19,116,194)
```
#157ed4
```
#157ed4 rgb(21,126,212)
```
#1789e6
```
#1789e6 rgb(23,137,230)
```

Shade Color Variation

#2792e9
```
#2792e9 rgb(39,146,233)
```
#399beb
```
#399beb rgb(57,155,235)
```
#4ba4ed
```
#4ba4ed rgb(75,164,237)
```
#5dadef
```
#5dadef rgb(93,173,239)
```
#6fb6f1
```
#6fb6f1 rgb(111,182,241)
```
#80bff2
```
#80bff2 rgb(128,191,242)
```
#92c8f4
```
#92c8f4 rgb(146,200,244)
```
#a4d1f6
```
#a4d1f6 rgb(164,209,246)
```
#b6daf8
```
#b6daf8 rgb(182,218,248)
```
#c8e3f9
```
#c8e3f9 rgb(200,227,249)
```
#daecfb
```
#daecfb rgb(218,236,251)
```
#ebf5fd
```
#ebf5fd rgb(235,245,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979ca1 is the less saturated color, while #3ca6fc is the most saturated one.

#979ca1
```
#979ca1 rgb(151,156,161)
```
#909da8
```
#909da8 rgb(144,157,168)
```
#889eb0
```
#889eb0 rgb(136,158,176)
```
#809fb8
```
#809fb8 rgb(128,159,184)
```
#799fbf
```
#799fbf rgb(121,159,191)
```
#71a0c7
```
#71a0c7 rgb(113,160,199)
```
#69a1cf
```
#69a1cf rgb(105,161,207)
```
#62a2d6
```
#62a2d6 rgb(98,162,214)
```
#5aa2de
```
#5aa2de rgb(90,162,222)
```
#53a3e5
```
#53a3e5 rgb(83,163,229)
```
#4ba4ed
```
#4ba4ed rgb(75,164,237)
```
#43a5f5
```
#43a5f5 rgb(67,165,245)
```
#3ca6fc
```
#3ca6fc rgb(60,166,252)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8496a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a0e7 Protanopia 1% of men
#79a2f0 Deuteranopia 1% of men
#25b2bf Tritanopia 0.001% of the population

Trichromacy

#72a1e9 Protanomaly 1% of men, 0.01% of women
#68a3ef Deuteranomaly 6% of men, 0.4% of women
#32add0 Tritanomaly 0.01% of the population

#4ba4ed hex color

#4ba4ed Color Information

#4ba4ed Color Conversion

Color Schemes with #4ba4ed

Alternatives to #4ba4ed

#4ba4ed Preview

Shades and Tints of #4ba4ed

Tones of #4ba4ed

Color Blindness Simulator