#674ecb hex color

In a RGB color space, hex #674ecb is composed of 40.4% red, 30.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 61.6% magenta, 0% yellow and 20.4% black. It has a hue angle of 252 degrees, a saturation of 54.6% and a lightness of 55.1%. #674ecb color hex could be obtained by blending #ce9cff with #000097. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 40
- G 31
- B 80
RGB color chart
- C 49
- M 62
- Y 0
- K 20
CMYK color chart

● #674ecb color description : Moderate blue.

The hexadecimal color #674ecb has RGB values of R:103, G:78, B:203 and CMYK values of C:0.49, M:0.62, Y:0, K:0.2. Its decimal value is 6770379.

Hex triplet	674ecb	`#674ecb`
RGB Decimal	103, 78, 203	`rgb(103,78,203)`
RGB Percent	40.4, 30.6, 79.6	`rgb(40.4%,30.6%,79.6%)`
CMYK	49, 62, 0, 20
HSL	252°, 54.6, 55.1	`hsl(252,54.6%,55.1%)`
HSV (or HSB)	252°, 61.6, 79.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.221, 41.888, -61.68
XYZ	19.095, 12.644, 57.931
xyY	0.213, 0.141, 12.644
CIE-LCH	42.221, 74.559, 304.181
CIE-LUV	42.221, 1.003, -93.788
Hunter-Lab	35.558, 33.632, -71.704
Binary	01100111, 01001110, 11001011

#674ecb
```
#674ecb rgb(103,78,203)
```
#b2cb4e
```
#b2cb4e rgb(178,203,78)
```

Complementary Color

#4e74cb
```
#4e74cb rgb(78,116,203)
```
#674ecb
```
#674ecb rgb(103,78,203)
```
#a64ecb
```
#a64ecb rgb(166,78,203)
```

Analogous Color

#74cb4e
```
#74cb4e rgb(116,203,78)
```
#674ecb
```
#674ecb rgb(103,78,203)
```
#cba64e
```
#cba64e rgb(203,166,78)
```

Split Complementary Color

#4ecb67
```
#4ecb67 rgb(78,203,103)
```
#674ecb
```
#674ecb rgb(103,78,203)
```
#cb674e
```
#cb674e rgb(203,103,78)
```

Triadic Color

#4eb2cb
```
#4eb2cb rgb(78,178,203)
```
#674ecb
```
#674ecb rgb(103,78,203)
```
#cb674e
```
#cb674e rgb(203,103,78)
```
#b2cb4e
```
#b2cb4e rgb(178,203,78)
```

Tetradic Color

#452e9e
```
#452e9e rgb(69,46,158)
```
#4d34b2
```
#4d34b2 rgb(77,52,178)
```
#563ac5
```
#563ac5 rgb(86,58,197)
```
#674ecb
```
#674ecb rgb(103,78,203)
```
#7862d1
```
#7862d1 rgb(120,98,209)
```
#8975d7
```
#8975d7 rgb(137,117,215)
```
#9a89dc
```
#9a89dc rgb(154,137,220)
```

Monochromatic Color

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

#4e54cb
```
#4e54cb rgb(78,84,203)
```
#524ecb
```
#524ecb rgb(82,78,203)
```
#5d4ecb
```
#5d4ecb rgb(93,78,203)
```
#674ecb
```
#674ecb rgb(103,78,203)
```
#714ecb
```
#714ecb rgb(113,78,203)
```
#7c4ecb
```
#7c4ecb rgb(124,78,203)
```
#864ecb
```
#864ecb rgb(134,78,203)
```

Similar Colors

Text with hexadecimal color #674ecb

This text has a font color of #674ecb.

<span style="color:#674ecb;">Text here</span>

#674ecb background color

This paragraph has a background color of #674ecb.

<p style="background-color:#674ecb;">Content here</p>

#674ecb border color

This element has a border color of #674ecb.

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

CSS codes

.text {color:#674ecb;}

.background {background-color:#674ecb;}

.border {border:1px solid #674ecb;}

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

#020105
```
#020105 rgb(2,1,5)
```
#090614
```
#090614 rgb(9,6,20)
```
#0f0a23
```
#0f0a23 rgb(15,10,35)
```
#160f32
```
#160f32 rgb(22,15,50)
```
#1d1342
```
#1d1342 rgb(29,19,66)
```
#231851
```
#231851 rgb(35,24,81)
```
#2a1c60
```
#2a1c60 rgb(42,28,96)
```
#30216f
```
#30216f rgb(48,33,111)
```
#37257e
```
#37257e rgb(55,37,126)
```
#3e2a8d
```
#3e2a8d rgb(62,42,141)
```
#442e9d
```
#442e9d rgb(68,46,157)
```
#4b32ac
```
#4b32ac rgb(75,50,172)
```
#5137bb
```
#5137bb rgb(81,55,187)
```

Shade Color Variation

#5a3fc7
```
#5a3fc7 rgb(90,63,199)
```
#674ecb
```
#674ecb rgb(103,78,203)
```
#745dcf
```
#745dcf rgb(116,93,207)
```
#816cd4
```
#816cd4 rgb(129,108,212)
```
#8e7bd8
```
#8e7bd8 rgb(142,123,216)
```
#9b8bdd
```
#9b8bdd rgb(155,139,221)
```
#a89ae1
```
#a89ae1 rgb(168,154,225)
```
#b5a9e6
```
#b5a9e6 rgb(181,169,230)
```
#c2b8ea
```
#c2b8ea rgb(194,184,234)
```
#cfc7ef
```
#cfc7ef rgb(207,199,239)
```
#dcd6f3
```
#dcd6f3 rgb(220,214,243)
```
#e9e6f8
```
#e9e6f8 rgb(233,230,248)
```
#f6f5fc
```
#f6f5fc rgb(246,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c8d is the less saturated color, while #4d22f7 is the most saturated one.

#8c8c8d
```
#8c8c8d rgb(140,140,141)
```
#878396
```
#878396 rgb(135,131,150)
```
#817a9f
```
#817a9f rgb(129,122,159)
```
#7c71a8
```
#7c71a8 rgb(124,113,168)
```
#7768b1
```
#7768b1 rgb(119,104,177)
```
#7260b9
```
#7260b9 rgb(114,96,185)
```
#6c57c2
```
#6c57c2 rgb(108,87,194)
```
#674ecb
```
#674ecb rgb(103,78,203)
```
#6245d4
```
#6245d4 rgb(98,69,212)
```
#5c3cdd
```
#5c3cdd rgb(92,60,221)
```
#5734e5
```
#5734e5 rgb(87,52,229)
```
#522bee
```
#522bee rgb(82,43,238)
```
#4d22f7
```
#4d22f7 rgb(77,34,247)
```

Tone Color Variation

Below, you can see how #674ecb 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

#646464 Achromatopsia 0.005% of the population
#656079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006db4 Deuteranopia 1% of men
#4f7179 Tritanopia 0.001% of the population

Trichromacy

#255ecb Protanomaly 1% of men, 0.01% of women
#2562bc Deuteranomaly 6% of men, 0.4% of women
#576496 Tritanomaly 0.01% of the population

#674ecb hex color

#674ecb Color Information

#674ecb Color Conversion

Color Schemes with #674ecb

Alternatives to #674ecb

#674ecb Preview

Shades and Tints of #674ecb

Tones of #674ecb

Color Blindness Simulator