#749cf3 hex color

In a RGB color space, hex #749cf3 is composed of 45.5% red, 61.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 35.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 221.1 degrees, a saturation of 84.1% and a lightness of 70.4%. #749cf3 color hex could be obtained by blending #e8ffff with #0039e7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 61
- B 95
RGB color chart
- C 52
- M 36
- Y 0
- K 5
CMYK color chart

● #749cf3 color description : Soft blue.

The hexadecimal color #749cf3 has RGB values of R:116, G:156, B:243 and CMYK values of C:0.52, M:0.36, Y:0, K:0.05. Its decimal value is 7642355.

Hex triplet	749cf3	`#749cf3`
RGB Decimal	116, 156, 243	`rgb(116,156,243)`
RGB Percent	45.5, 61.2, 95.3	`rgb(45.5%,61.2%,95.3%)`
CMYK	52, 36, 0, 5
HSL	221.1°, 84.1, 70.4	`hsl(221.1,84.1%,70.4%)`
HSV (or HSB)	221.1°, 52.3, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.93, 10.448, -47.804
XYZ	35.265, 33.959, 89.486
xyY	0.222, 0.214, 33.959
CIE-LCH	64.93, 48.932, 282.328
CIE-LUV	64.93, -20.56, -78.04
Hunter-Lab	58.275, 6.039, -50.253
Binary	01110100, 10011100, 11110011

#749cf3
```
#749cf3 rgb(116,156,243)
```
#f3cb74
```
#f3cb74 rgb(243,203,116)
```

Complementary Color

#74dcf3
```
#74dcf3 rgb(116,220,243)
```
#749cf3
```
#749cf3 rgb(116,156,243)
```
#8c74f3
```
#8c74f3 rgb(140,116,243)
```

Analogous Color

#dcf374
```
#dcf374 rgb(220,243,116)
```
#749cf3
```
#749cf3 rgb(116,156,243)
```
#f38c74
```
#f38c74 rgb(243,140,116)
```

Split Complementary Color

#9cf374
```
#9cf374 rgb(156,243,116)
```
#749cf3
```
#749cf3 rgb(116,156,243)
```
#f3749c
```
#f3749c rgb(243,116,156)
```

Triadic Color

#74f3cb
```
#74f3cb rgb(116,243,203)
```
#749cf3
```
#749cf3 rgb(116,156,243)
```
#f3749c
```
#f3749c rgb(243,116,156)
```
#f3cb74
```
#f3cb74 rgb(243,203,116)
```

Tetradic Color

#2e6aed
```
#2e6aed rgb(46,106,237)
```
#457bef
```
#457bef rgb(69,123,239)
```
#5d8bf1
```
#5d8bf1 rgb(93,139,241)
```
#749cf3
```
#749cf3 rgb(116,156,243)
```
#8badf5
```
#8badf5 rgb(139,173,245)
```
#a3bdf7
```
#a3bdf7 rgb(163,189,247)
```
#bacef9
```
#bacef9 rgb(186,206,249)
```

Monochromatic Color

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

#74bcf3
```
#74bcf3 rgb(116,188,243)
```
#74b1f3
```
#74b1f3 rgb(116,177,243)
```
#74a7f3
```
#74a7f3 rgb(116,167,243)
```
#749cf3
```
#749cf3 rgb(116,156,243)
```
#7491f3
```
#7491f3 rgb(116,145,243)
```
#7487f3
```
#7487f3 rgb(116,135,243)
```
#747cf3
```
#747cf3 rgb(116,124,243)
```

Similar Colors

Text with hexadecimal color #749cf3

This text has a font color of #749cf3.

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

#749cf3 background color

This paragraph has a background color of #749cf3.

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

#749cf3 border color

This element has a border color of #749cf3.

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

CSS codes

.text {color:#749cf3;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020918
```
#020918 rgb(2,9,24)
```
#04102a
```
#04102a rgb(4,16,42)
```
#05163c
```
#05163c rgb(5,22,60)
```
#071d4e
```
#071d4e rgb(7,29,78)
```
#082460
```
#082460 rgb(8,36,96)
```
#0a2b72
```
#0a2b72 rgb(10,43,114)
```
#0b3184
```
#0b3184 rgb(11,49,132)
```
#0d3896
```
#0d3896 rgb(13,56,150)
```
#0f3fa8
```
#0f3fa8 rgb(15,63,168)
```
#1046ba
```
#1046ba rgb(16,70,186)
```
#124ccc
```
#124ccc rgb(18,76,204)
```
#1353de
```
#1353de rgb(19,83,222)
```

Shade Color Variation

#1a5ceb
```
#1a5ceb rgb(26,92,235)
```
#2c69ed
```
#2c69ed rgb(44,105,237)
```
#3e75ee
```
#3e75ee rgb(62,117,238)
```
#5082f0
```
#5082f0 rgb(80,130,240)
```
#628ff1
```
#628ff1 rgb(98,143,241)
```
#749cf3
```
#749cf3 rgb(116,156,243)
```
#86a9f5
```
#86a9f5 rgb(134,169,245)
```
#98b6f6
```
#98b6f6 rgb(152,182,246)
```
#aac3f8
```
#aac3f8 rgb(170,195,248)
```
#bccff9
```
#bccff9 rgb(188,207,249)
```
#cedcfb
```
#cedcfb rgb(206,220,251)
```
#e0e9fc
```
#e0e9fc rgb(224,233,252)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

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

#aeb1b9
```
#aeb1b9 rgb(174,177,185)
```
#a8afbf
```
#a8afbf rgb(168,175,191)
```
#a2adc5
```
#a2adc5 rgb(162,173,197)
```
#9dabca
```
#9dabca rgb(157,171,202)
```
#97a9d0
```
#97a9d0 rgb(151,169,208)
```
#91a7d6
```
#91a7d6 rgb(145,167,214)
```
#8ba5dc
```
#8ba5dc rgb(139,165,220)
```
#85a2e2
```
#85a2e2 rgb(133,162,226)
```
#80a0e7
```
#80a0e7 rgb(128,160,231)
```
#7a9eed
```
#7a9eed rgb(122,158,237)
```
#749cf3
```
#749cf3 rgb(116,156,243)
```
#6e9af9
```
#6e9af9 rgb(110,154,249)
```
#6898ff
```
#6898ff rgb(104,152,255)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#929aac Atypical Achromatopsia 0.001% of the population

Dichromacy

#819ff2 Protanopia 1% of men
#74a2f3 Deuteranopia 1% of men
#61adba Tritanopia 0.001% of the population

Trichromacy

#7c9ef2 Protanomaly 1% of men, 0.01% of women
#74a0f3 Deuteranomaly 6% of men, 0.4% of women
#68a7ce Tritanomaly 0.01% of the population

#749cf3 hex color

#749cf3 Color Information

#749cf3 Color Conversion

Color Schemes with #749cf3

Alternatives to #749cf3

#749cf3 Preview

Shades and Tints of #749cf3

Tones of #749cf3

Color Blindness Simulator