#749cde hex color

In a RGB color space, hex #749cde is composed of 45.5% red, 61.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 29.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 217.4 degrees, a saturation of 61.6% and a lightness of 66.3%. #749cde color hex could be obtained by blending #e8ffff with #0039bd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 61
- B 87
RGB color chart
- C 48
- M 30
- Y 0
- K 13
CMYK color chart

● #749cde color description : Soft blue.

The hexadecimal color #749cde has RGB values of R:116, G:156, B:222 and CMYK values of C:0.48, M:0.3, Y:0, K:0.13. Its decimal value is 7642334.

Hex triplet	749cde	`#749cde`
RGB Decimal	116, 156, 222	`rgb(116,156,222)`
RGB Percent	45.5, 61.2, 87.1	`rgb(45.5%,61.2%,87.1%)`
CMYK	48, 30, 0, 13
HSL	217.4°, 61.6, 66.3	`hsl(217.4,61.6%,66.3%)`
HSV (or HSB)	217.4°, 47.7, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.968, 4.131, -37.748
XYZ	32.273, 32.762, 73.726
xyY	0.233, 0.236, 32.762
CIE-LCH	63.968, 37.974, 276.246
CIE-LUV	63.968, -20.404, -60.281
Hunter-Lab	57.238, 0.477, -36.302
Binary	01110100, 10011100, 11011110

#749cde
```
#749cde rgb(116,156,222)
```
#deb674
```
#deb674 rgb(222,182,116)
```

Complementary Color

#74d1de
```
#74d1de rgb(116,209,222)
```
#749cde
```
#749cde rgb(116,156,222)
```
#8174de
```
#8174de rgb(129,116,222)
```

Analogous Color

#d1de74
```
#d1de74 rgb(209,222,116)
```
#749cde
```
#749cde rgb(116,156,222)
```
#de8174
```
#de8174 rgb(222,129,116)
```

Split Complementary Color

#9cde74
```
#9cde74 rgb(156,222,116)
```
#749cde
```
#749cde rgb(116,156,222)
```
#de749c
```
#de749c rgb(222,116,156)
```

Triadic Color

#74deb6
```
#74deb6 rgb(116,222,182)
```
#749cde
```
#749cde rgb(116,156,222)
```
#de749c
```
#de749c rgb(222,116,156)
```
#deb674
```
#deb674 rgb(222,182,116)
```

Tetradic Color

#3670cf
```
#3670cf rgb(54,112,207)
```
#4b7fd4
```
#4b7fd4 rgb(75,127,212)
```
#5f8dd9
```
#5f8dd9 rgb(95,141,217)
```
#749cde
```
#749cde rgb(116,156,222)
```
#89abe3
```
#89abe3 rgb(137,171,227)
```
#9db9e8
```
#9db9e8 rgb(157,185,232)
```
#b2c8ed
```
#b2c8ed rgb(178,200,237)
```

Monochromatic Color

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

#74b7de
```
#74b7de rgb(116,183,222)
```
#74aede
```
#74aede rgb(116,174,222)
```
#74a5de
```
#74a5de rgb(116,165,222)
```
#749cde
```
#749cde rgb(116,156,222)
```
#7493de
```
#7493de rgb(116,147,222)
```
#748ade
```
#748ade rgb(116,138,222)
```
#7482de
```
#7482de rgb(116,130,222)
```

Similar Colors

Text with hexadecimal color #749cde

This text has a font color of #749cde.

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

#749cde background color

This paragraph has a background color of #749cde.

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

#749cde border color

This element has a border color of #749cde.

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

CSS codes

.text {color:#749cde;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050a14
```
#050a14 rgb(5,10,20)
```
#081323
```
#081323 rgb(8,19,35)
```
#0c1b33
```
#0c1b33 rgb(12,27,51)
```
#102343
```
#102343 rgb(16,35,67)
```
#142c53
```
#142c53 rgb(20,44,83)
```
#173463
```
#173463 rgb(23,52,99)
```
#1b3c73
```
#1b3c73 rgb(27,60,115)
```
#1f4582
```
#1f4582 rgb(31,69,130)
```
#234d92
```
#234d92 rgb(35,77,146)
```
#2755a2
```
#2755a2 rgb(39,85,162)
```
#2a5eb2
```
#2a5eb2 rgb(42,94,178)
```
#2e66c2
```
#2e66c2 rgb(46,102,194)
```

Shade Color Variation

#356fcf
```
#356fcf rgb(53,111,207)
```
#447ad3
```
#447ad3 rgb(68,122,211)
```
#5485d6
```
#5485d6 rgb(84,133,214)
```
#6491da
```
#6491da rgb(100,145,218)
```
#749cde
```
#749cde rgb(116,156,222)
```
#84a7e2
```
#84a7e2 rgb(132,167,226)
```
#94b3e6
```
#94b3e6 rgb(148,179,230)
```
#a4bee9
```
#a4bee9 rgb(164,190,233)
```
#b3c9ed
```
#b3c9ed rgb(179,201,237)
```
#c3d4f1
```
#c3d4f1 rgb(195,212,241)
```
#d3e0f5
```
#d3e0f5 rgb(211,224,245)
```
#e3ebf8
```
#e3ebf8 rgb(227,235,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#a9a9a9
```
#a9a9a9 rgb(169,169,169)
```
#a2a7b0
```
#a2a7b0 rgb(162,167,176)
```
#9ca6b6
```
#9ca6b6 rgb(156,166,182)
```
#95a4bd
```
#95a4bd rgb(149,164,189)
```
#8ea2c4
```
#8ea2c4 rgb(142,162,196)
```
#88a1ca
```
#88a1ca rgb(136,161,202)
```
#819fd1
```
#819fd1 rgb(129,159,209)
```
#7b9ed7
```
#7b9ed7 rgb(123,158,215)
```
#749cde
```
#749cde rgb(116,156,222)
```
#6d9ae5
```
#6d9ae5 rgb(109,154,229)
```
#6799eb
```
#6799eb rgb(103,153,235)
```
#6097f2
```
#6097f2 rgb(96,151,242)
```
#5a96f8
```
#5a96f8 rgb(90,150,248)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9199a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a9edd Protanopia 1% of men
#849fe0 Deuteranopia 1% of men
#6ba9b6 Tritanopia 0.001% of the population

Trichromacy

#829ddd Protanomaly 1% of men, 0.01% of women
#7e9ddf Deuteranomaly 6% of men, 0.4% of women
#6ea4c4 Tritanomaly 0.01% of the population

#749cde hex color

#749cde Color Information

#749cde Color Conversion

Color Schemes with #749cde

Alternatives to #749cde

#749cde Preview

Shades and Tints of #749cde

Tones of #749cde

Color Blindness Simulator