#749fdc hex color

In a RGB color space, hex #749fdc is composed of 45.5% red, 62.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 27.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 215.2 degrees, a saturation of 59.8% and a lightness of 65.9%. #749fdc color hex could be obtained by blending #e8ffff with #003fb9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 62
- B 86
RGB color chart
- C 47
- M 28
- Y 0
- K 14
CMYK color chart

● #749fdc color description : Soft blue.

The hexadecimal color #749fdc has RGB values of R:116, G:159, B:220 and CMYK values of C:0.47, M:0.28, Y:0, K:0.14. Its decimal value is 7643100.

Hex triplet	749fdc	`#749fdc`
RGB Decimal	116, 159, 220	`rgb(116,159,220)`
RGB Percent	45.5, 62.4, 86.3	`rgb(45.5%,62.4%,86.3%)`
CMYK	47, 28, 0, 14
HSL	215.2°, 59.8, 65.9	`hsl(215.2,59.8%,65.9%)`
HSV (or HSB)	215.2°, 47.3, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.704, 1.834, -35.495
XYZ	32.516, 33.675, 72.493
xyY	0.234, 0.243, 33.675
CIE-LCH	64.704, 35.542, 272.957
CIE-LUV	64.704, -21.531, -56.336
Hunter-Lab	58.03, -1.534, -33.445
Binary	01110100, 10011111, 11011100

#749fdc
```
#749fdc rgb(116,159,220)
```
#dcb174
```
#dcb174 rgb(220,177,116)
```

Complementary Color

#74d3dc
```
#74d3dc rgb(116,211,220)
```
#749fdc
```
#749fdc rgb(116,159,220)
```
#7d74dc
```
#7d74dc rgb(125,116,220)
```

Analogous Color

#d3dc74
```
#d3dc74 rgb(211,220,116)
```
#749fdc
```
#749fdc rgb(116,159,220)
```
#dc7d74
```
#dc7d74 rgb(220,125,116)
```

Split Complementary Color

#9fdc74
```
#9fdc74 rgb(159,220,116)
```
#749fdc
```
#749fdc rgb(116,159,220)
```
#dc749f
```
#dc749f rgb(220,116,159)
```

Triadic Color

#74dcb1
```
#74dcb1 rgb(116,220,177)
```
#749fdc
```
#749fdc rgb(116,159,220)
```
#dc749f
```
#dc749f rgb(220,116,159)
```
#dcb174
```
#dcb174 rgb(220,177,116)
```

Tetradic Color

#3775cd
```
#3775cd rgb(55,117,205)
```
#4b83d2
```
#4b83d2 rgb(75,131,210)
```
#6091d7
```
#6091d7 rgb(96,145,215)
```
#749fdc
```
#749fdc rgb(116,159,220)
```
#88ade1
```
#88ade1 rgb(136,173,225)
```
#9dbbe6
```
#9dbbe6 rgb(157,187,230)
```
#b1c9eb
```
#b1c9eb rgb(177,201,235)
```

Monochromatic Color

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

#74b9dc
```
#74b9dc rgb(116,185,220)
```
#74b0dc
```
#74b0dc rgb(116,176,220)
```
#74a8dc
```
#74a8dc rgb(116,168,220)
```
#749fdc
```
#749fdc rgb(116,159,220)
```
#7496dc
```
#7496dc rgb(116,150,220)
```
#748edc
```
#748edc rgb(116,142,220)
```
#7485dc
```
#7485dc rgb(116,133,220)
```

Similar Colors

Text with hexadecimal color #749fdc

This text has a font color of #749fdc.

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

#749fdc background color

This paragraph has a background color of #749fdc.

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

#749fdc border color

This element has a border color of #749fdc.

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

CSS codes

.text {color:#749fdc;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#040a12
```
#040a12 rgb(4,10,18)
```
#081321
```
#081321 rgb(8,19,33)
```
#0c1c31
```
#0c1c31 rgb(12,28,49)
```
#102441
```
#102441 rgb(16,36,65)
```
#142d50
```
#142d50 rgb(20,45,80)
```
#183660
```
#183660 rgb(24,54,96)
```
#1c3f70
```
#1c3f70 rgb(28,63,112)
```
#20477f
```
#20477f rgb(32,71,127)
```
#24508f
```
#24508f rgb(36,80,143)
```
#28599f
```
#28599f rgb(40,89,159)
```
#2c62ae
```
#2c62ae rgb(44,98,174)
```
#306bbe
```
#306bbe rgb(48,107,190)
```

Shade Color Variation

#3574cc
```
#3574cc rgb(53,116,204)
```
#457fd0
```
#457fd0 rgb(69,127,208)
```
#5589d4
```
#5589d4 rgb(85,137,212)
```
#6494d8
```
#6494d8 rgb(100,148,216)
```
#749fdc
```
#749fdc rgb(116,159,220)
```
#84aae0
```
#84aae0 rgb(132,170,224)
```
#93b5e4
```
#93b5e4 rgb(147,181,228)
```
#a3bfe8
```
#a3bfe8 rgb(163,191,232)
```
#b3caec
```
#b3caec rgb(179,202,236)
```
#c2d5f0
```
#c2d5f0 rgb(194,213,240)
```
#d2e0f4
```
#d2e0f4 rgb(210,224,244)
```
#e2ebf8
```
#e2ebf8 rgb(226,235,248)
```
#f1f6fc
```
#f1f6fc rgb(241,246,252)
```

Tint Color Variation

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

#a3a7ad
```
#a3a7ad rgb(163,167,173)
```
#9ca6b4
```
#9ca6b4 rgb(156,166,180)
```
#95a5bb
```
#95a5bb rgb(149,165,187)
```
#8fa4c1
```
#8fa4c1 rgb(143,164,193)
```
#88a2c8
```
#88a2c8 rgb(136,162,200)
```
#81a1cf
```
#81a1cf rgb(129,161,207)
```
#7ba0d5
```
#7ba0d5 rgb(123,160,213)
```
#749fdc
```
#749fdc rgb(116,159,220)
```
#6d9ee3
```
#6d9ee3 rgb(109,158,227)
```
#679de9
```
#679de9 rgb(103,157,233)
```
#609cf0
```
#609cf0 rgb(96,156,240)
```
#599af7
```
#599af7 rgb(89,154,247)
```
#5399fd
```
#5399fd rgb(83,153,253)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#929aa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea0db Protanopia 1% of men
#89a0df Deuteranopia 1% of men
#6cabb8 Tritanopia 0.001% of the population

Trichromacy

#859fdb Protanomaly 1% of men, 0.01% of women
#81a0dd Deuteranomaly 6% of men, 0.4% of women
#6fa6c5 Tritanomaly 0.01% of the population

#749fdc hex color

#749fdc Color Information

#749fdc Color Conversion

Color Schemes with #749fdc

Alternatives to #749fdc

#749fdc Preview

Shades and Tints of #749fdc

Tones of #749fdc

Color Blindness Simulator