#749efd hex color

In a RGB color space, hex #749efd is composed of 45.5% red, 62% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 37.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 221.6 degrees, a saturation of 97.2% and a lightness of 72.4%. #749efd color hex could be obtained by blending #e8ffff with #003dfb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 62
- B 99
RGB color chart
- C 54
- M 38
- Y 0
- K 1
CMYK color chart

● #749efd color description : Soft blue.

The hexadecimal color #749efd has RGB values of R:116, G:158, B:253 and CMYK values of C:0.54, M:0.38, Y:0, K:0.01. Its decimal value is 7642877.

Hex triplet	749efd	`#749efd`
RGB Decimal	116, 158, 253	`rgb(116,158,253)`
RGB Percent	45.5, 62, 99.2	`rgb(45.5%,62%,99.2%)`
CMYK	54, 38, 0, 1
HSL	221.6°, 97.2, 72.4	`hsl(221.6,97.2%,72.4%)`
HSV (or HSB)	221.6°, 54.2, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.948, 12.368, -51.661
XYZ	37.155, 35.257, 97.77
xyY	0.218, 0.207, 35.257
CIE-LCH	65.948, 53.121, 283.463
CIE-LUV	65.948, -21.337, -84.942
Hunter-Lab	59.377, 7.785, -56.062
Binary	01110100, 10011110, 11111101

#749efd
```
#749efd rgb(116,158,253)
```
#fdd374
```
#fdd374 rgb(253,211,116)
```

Complementary Color

#74e3fd
```
#74e3fd rgb(116,227,253)
```
#749efd
```
#749efd rgb(116,158,253)
```
#8f74fd
```
#8f74fd rgb(143,116,253)
```

Analogous Color

#e3fd74
```
#e3fd74 rgb(227,253,116)
```
#749efd
```
#749efd rgb(116,158,253)
```
#fd8f74
```
#fd8f74 rgb(253,143,116)
```

Split Complementary Color

#9efd74
```
#9efd74 rgb(158,253,116)
```
#749efd
```
#749efd rgb(116,158,253)
```
#fd749e
```
#fd749e rgb(253,116,158)
```

Triadic Color

#74fdd3
```
#74fdd3 rgb(116,253,211)
```
#749efd
```
#749efd rgb(116,158,253)
```
#fd749e
```
#fd749e rgb(253,116,158)
```
#fdd374
```
#fdd374 rgb(253,211,116)
```

Tetradic Color

#2969fc
```
#2969fc rgb(41,105,252)
```
#427bfc
```
#427bfc rgb(66,123,252)
```
#5b8cfd
```
#5b8cfd rgb(91,140,253)
```
#749efd
```
#749efd rgb(116,158,253)
```
#8db0fd
```
#8db0fd rgb(141,176,253)
```
#a6c1fe
```
#a6c1fe rgb(166,193,254)
```
#bfd3fe
```
#bfd3fe rgb(191,211,254)
```

Monochromatic Color

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

#74c0fd
```
#74c0fd rgb(116,192,253)
```
#74b5fd
```
#74b5fd rgb(116,181,253)
```
#74a9fd
```
#74a9fd rgb(116,169,253)
```
#749efd
```
#749efd rgb(116,158,253)
```
#7493fd
```
#7493fd rgb(116,147,253)
```
#7487fd
```
#7487fd rgb(116,135,253)
```
#747cfd
```
#747cfd rgb(116,124,253)
```

Similar Colors

Text with hexadecimal color #749efd

This text has a font color of #749efd.

<span style="color:#749efd;">Text here</span>

#749efd background color

This paragraph has a background color of #749efd.

<p style="background-color:#749efd;">Content here</p>

#749efd border color

This element has a border color of #749efd.

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

CSS codes

.text {color:#749efd;}

.background {background-color:#749efd;}

.border {border:1px solid #749efd;}

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

#000510
```
#000510 rgb(0,5,16)
```
#010b23
```
#010b23 rgb(1,11,35)
```
#011136
```
#011136 rgb(1,17,54)
```
#01174a
```
#01174a rgb(1,23,74)
```
#011d5d
```
#011d5d rgb(1,29,93)
```
#022470
```
#022470 rgb(2,36,112)
```
#022a84
```
#022a84 rgb(2,42,132)
```
#023097
```
#023097 rgb(2,48,151)
```
#0236aa
```
#0236aa rgb(2,54,170)
```
#033cbe
```
#033cbe rgb(3,60,190)
```
#0342d1
```
#0342d1 rgb(3,66,209)
```
#0348e4
```
#0348e4 rgb(3,72,228)
```
#044ef8
```
#044ef8 rgb(4,78,248)
```

Shade Color Variation

#135bfc
```
#135bfc rgb(19,91,252)
```
#2768fc
```
#2768fc rgb(39,104,252)
```
#3a76fc
```
#3a76fc rgb(58,118,252)
```
#4d83fc
```
#4d83fc rgb(77,131,252)
```
#6191fd
```
#6191fd rgb(97,145,253)
```
#749efd
```
#749efd rgb(116,158,253)
```
#87abfd
```
#87abfd rgb(135,171,253)
```
#9bb9fe
```
#9bb9fe rgb(155,185,254)
```
#aec6fe
```
#aec6fe rgb(174,198,254)
```
#c1d4fe
```
#c1d4fe rgb(193,212,254)
```
#d5e1fe
```
#d5e1fe rgb(213,225,254)
```
#e8efff
```
#e8efff rgb(232,239,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b5b7bc is the less saturated color, while #749efd is the most saturated one.

#b5b7bc
```
#b5b7bc rgb(181,183,188)
```
#b0b5c1
```
#b0b5c1 rgb(176,181,193)
```
#aab3c7
```
#aab3c7 rgb(170,179,199)
```
#a5b1cc
```
#a5b1cc rgb(165,177,204)
```
#9fafd2
```
#9fafd2 rgb(159,175,210)
```
#9aadd7
```
#9aadd7 rgb(154,173,215)
```
#95abdc
```
#95abdc rgb(149,171,220)
```
#8fa8e2
```
#8fa8e2 rgb(143,168,226)
```
#8aa6e7
```
#8aa6e7 rgb(138,166,231)
```
#84a4ed
```
#84a4ed rgb(132,164,237)
```
#7fa2f2
```
#7fa2f2 rgb(127,162,242)
```
#79a0f8
```
#79a0f8 rgb(121,160,248)
```
#749efd
```
#749efd rgb(116,158,253)
```

Tone Color Variation

Below, you can see how #749efd 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

#9c9c9c Achromatopsia 0.005% of the population
#949caf Atypical Achromatopsia 0.001% of the population

Dichromacy

#7fa2fc Protanopia 1% of men
#6ea5fc Deuteranopia 1% of men
#5cb1be Tritanopia 0.001% of the population

Trichromacy

#7ba0fc Protanomaly 1% of men, 0.01% of women
#70a2fc Deuteranomaly 6% of men, 0.4% of women
#65aad4 Tritanomaly 0.01% of the population

#749efd hex color

#749efd Color Information

#749efd Color Conversion

Color Schemes with #749efd

Alternatives to #749efd

#749efd Preview

Shades and Tints of #749efd

Tones of #749efd

Color Blindness Simulator