#674cdd hex color

In a RGB color space, hex #674cdd is composed of 40.4% red, 29.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 65.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 251.2 degrees, a saturation of 68.1% and a lightness of 58.2%. #674cdd color hex could be obtained by blending #ce98ff with #0000bb. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 40
- G 30
- B 87
RGB color chart
- C 53
- M 66
- Y 0
- K 13
CMYK color chart

● #674cdd color description : Soft blue.

The hexadecimal color #674cdd has RGB values of R:103, G:76, B:221 and CMYK values of C:0.53, M:0.66, Y:0, K:0.13. Its decimal value is 6769885.

Hex triplet	674cdd	`#674cdd`
RGB Decimal	103, 76, 221	`rgb(103,76,221)`
RGB Percent	40.4, 29.8, 86.7	`rgb(40.4%,29.8%,86.7%)`
CMYK	53, 66, 0, 13
HSL	251.2°, 68.1, 58.2	`hsl(251.2,68.1%,58.2%)`
HSV (or HSB)	251.2°, 65.6, 86.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	43.171, 48.309, -70.469
XYZ	21.227, 13.272, 69.846
xyY	0.203, 0.127, 13.272
CIE-LCH	43.171, 85.438, 304.432
CIE-LUV	43.171, -0.176, -106.882
Hunter-Lab	36.431, 40.249, -88.169
Binary	01100111, 01001100, 11011101

#674cdd
```
#674cdd rgb(103,76,221)
```
#c2dd4c
```
#c2dd4c rgb(194,221,76)
```

Complementary Color

#4c7add
```
#4c7add rgb(76,122,221)
```
#674cdd
```
#674cdd rgb(103,76,221)
```
#b04cdd
```
#b04cdd rgb(176,76,221)
```

Analogous Color

#7add4c
```
#7add4c rgb(122,221,76)
```
#674cdd
```
#674cdd rgb(103,76,221)
```
#ddb04c
```
#ddb04c rgb(221,176,76)
```

Split Complementary Color

#4cdd67
```
#4cdd67 rgb(76,221,103)
```
#674cdd
```
#674cdd rgb(103,76,221)
```
#dd674c
```
#dd674c rgb(221,103,76)
```

Triadic Color

#4cc2dd
```
#4cc2dd rgb(76,194,221)
```
#674cdd
```
#674cdd rgb(103,76,221)
```
#dd674c
```
#dd674c rgb(221,103,76)
```
#c2dd4c
```
#c2dd4c rgb(194,221,76)
```

Tetradic Color

#3f23b9
```
#3f23b9 rgb(63,35,185)
```
#4627cf
```
#4627cf rgb(70,39,207)
```
#5537d9
```
#5537d9 rgb(85,55,217)
```
#674cdd
```
#674cdd rgb(103,76,221)
```
#7961e1
```
#7961e1 rgb(121,97,225)
```
#8b77e5
```
#8b77e5 rgb(139,119,229)
```
#9e8ce9
```
#9e8ce9 rgb(158,140,233)
```

Monochromatic Color

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

#4c55dd
```
#4c55dd rgb(76,85,221)
```
#4f4cdd
```
#4f4cdd rgb(79,76,221)
```
#5b4cdd
```
#5b4cdd rgb(91,76,221)
```
#674cdd
```
#674cdd rgb(103,76,221)
```
#734cdd
```
#734cdd rgb(115,76,221)
```
#7f4cdd
```
#7f4cdd rgb(127,76,221)
```
#8b4cdd
```
#8b4cdd rgb(139,76,221)
```

Similar Colors

Text with hexadecimal color #674cdd

This text has a font color of #674cdd.

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

#674cdd background color

This paragraph has a background color of #674cdd.

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

#674cdd border color

This element has a border color of #674cdd.

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

CSS codes

.text {color:#674cdd;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#060413
```
#060413 rgb(6,4,19)
```
#0c0723
```
#0c0723 rgb(12,7,35)
```
#120a34
```
#120a34 rgb(18,10,52)
```
#170d44
```
#170d44 rgb(23,13,68)
```
#1d1055
```
#1d1055 rgb(29,16,85)
```
#221365
```
#221365 rgb(34,19,101)
```
#281676
```
#281676 rgb(40,22,118)
```
#2e1986
```
#2e1986 rgb(46,25,134)
```
#331d97
```
#331d97 rgb(51,29,151)
```
#3920a7
```
#3920a7 rgb(57,32,167)
```
#3f23b8
```
#3f23b8 rgb(63,35,184)
```
#4426c8
```
#4426c8 rgb(68,38,200)
```

Shade Color Variation

#4b2bd7
```
#4b2bd7 rgb(75,43,215)
```
#593cda
```
#593cda rgb(89,60,218)
```
#674cdd
```
#674cdd rgb(103,76,221)
```
#755ce0
```
#755ce0 rgb(117,92,224)
```
#836de3
```
#836de3 rgb(131,109,227)
```
#917de6
```
#917de6 rgb(145,125,230)
```
#9f8eea
```
#9f8eea rgb(159,142,234)
```
#ad9eed
```
#ad9eed rgb(173,158,237)
```
#bbaff0
```
#bbaff0 rgb(187,175,240)
```
#c9bff3
```
#c9bff3 rgb(201,191,243)
```
#d7d0f6
```
#d7d0f6 rgb(215,208,246)
```
#e5e0f9
```
#e5e0f9 rgb(229,224,249)
```
#f3f1fc
```
#f3f1fc rgb(243,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #908e9b is the less saturated color, while #522bfe is the most saturated one.

#908e9b
```
#908e9b rgb(144,142,155)
```
#8b85a4
```
#8b85a4 rgb(139,133,164)
```
#867dac
```
#867dac rgb(134,125,172)
```
#8175b4
```
#8175b4 rgb(129,117,180)
```
#7c6dbc
```
#7c6dbc rgb(124,109,188)
```
#7665c4
```
#7665c4 rgb(118,101,196)
```
#715ccd
```
#715ccd rgb(113,92,205)
```
#6c54d5
```
#6c54d5 rgb(108,84,213)
```
#674cdd
```
#674cdd rgb(103,76,221)
```
#6244e5
```
#6244e5 rgb(98,68,229)
```
#5d3ced
```
#5d3ced rgb(93,60,237)
```
#5833f6
```
#5833f6 rgb(88,51,246)
```
#522bfe
```
#522bfe rgb(82,43,254)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#65607d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b6 Deuteranopia 1% of men
#43757d Tritanopia 0.001% of the population

Trichromacy

#255fd4 Protanomaly 1% of men, 0.01% of women
#2563c4 Deuteranomaly 6% of men, 0.4% of women
#5066a0 Tritanomaly 0.01% of the population

#674cdd hex color

#674cdd Color Information

#674cdd Color Conversion

Color Schemes with #674cdd

Alternatives to #674cdd

#674cdd Preview

Shades and Tints of #674cdd

Tones of #674cdd

Color Blindness Simulator