#6674dc hex color

In a RGB color space, hex #6674dc is composed of 40% red, 45.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 47.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 232.9 degrees, a saturation of 62.8% and a lightness of 63.1%. #6674dc color hex could be obtained by blending #cce8ff with #0000b9. Closest websafe color is: #6666cc.

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

● #6674dc color description : Soft blue.

The hexadecimal color #6674dc has RGB values of R:102, G:116, B:220 and CMYK values of C:0.54, M:0.47, Y:0, K:0.14. Its decimal value is 6714588.

Hex triplet	6674dc	`#6674dc`
RGB Decimal	102, 116, 220	`rgb(102,116,220)`
RGB Percent	40, 45.5, 86.3	`rgb(40%,45.5%,86.3%)`
CMYK	54, 47, 0, 14
HSL	232.9°, 62.8, 63.1	`hsl(232.9,62.8%,63.1%)`
HSV (or HSB)	232.9°, 53.6, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.378, 24.085, -55.018
XYZ	24.641, 20.482, 70.361
xyY	0.213, 0.177, 20.482
CIE-LCH	52.378, 60.059, 293.642
CIE-LUV	52.378, -11.105, -87.72
Hunter-Lab	45.257, 17.986, -60.499
Binary	01100110, 01110100, 11011100

#6674dc
```
#6674dc rgb(102,116,220)
```
#dcce66
```
#dcce66 rgb(220,206,102)
```

Complementary Color

#66afdc
```
#66afdc rgb(102,175,220)
```
#6674dc
```
#6674dc rgb(102,116,220)
```
#9366dc
```
#9366dc rgb(147,102,220)
```

Analogous Color

#afdc66
```
#afdc66 rgb(175,220,102)
```
#6674dc
```
#6674dc rgb(102,116,220)
```
#dc9366
```
#dc9366 rgb(220,147,102)
```

Split Complementary Color

#74dc66
```
#74dc66 rgb(116,220,102)
```
#6674dc
```
#6674dc rgb(102,116,220)
```
#dc6674
```
#dc6674 rgb(220,102,116)
```

Triadic Color

#66dcce
```
#66dcce rgb(102,220,206)
```
#6674dc
```
#6674dc rgb(102,116,220)
```
#dc6674
```
#dc6674 rgb(220,102,116)
```
#dcce66
```
#dcce66 rgb(220,206,102)
```

Tetradic Color

#2e40c8
```
#2e40c8 rgb(46,64,200)
```
#3c4ed3
```
#3c4ed3 rgb(60,78,211)
```
#5161d7
```
#5161d7 rgb(81,97,215)
```
#6674dc
```
#6674dc rgb(102,116,220)
```
#7b87e1
```
#7b87e1 rgb(123,135,225)
```
#909ae5
```
#909ae5 rgb(144,154,229)
```
#a4adea
```
#a4adea rgb(164,173,234)
```

Monochromatic Color

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

#6692dc
```
#6692dc rgb(102,146,220)
```
#6688dc
```
#6688dc rgb(102,136,220)
```
#667edc
```
#667edc rgb(102,126,220)
```
#6674dc
```
#6674dc rgb(102,116,220)
```
#666adc
```
#666adc rgb(102,106,220)
```
#6c66dc
```
#6c66dc rgb(108,102,220)
```
#7666dc
```
#7666dc rgb(118,102,220)
```

Similar Colors

Text with hexadecimal color #6674dc

This text has a font color of #6674dc.

<span style="color:#6674dc;">Text here</span>

#6674dc background color

This paragraph has a background color of #6674dc.

<p style="background-color:#6674dc;">Content here</p>

#6674dc border color

This element has a border color of #6674dc.

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

CSS codes

.text {color:#6674dc;}

.background {background-color:#6674dc;}

.border {border:1px solid #6674dc;}

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

#020207
```
#020207 rgb(2,2,7)
```
#050717
```
#050717 rgb(5,7,23)
```
#090c27
```
#090c27 rgb(9,12,39)
```
#0c1137
```
#0c1137 rgb(12,17,55)
```
#101746
```
#101746 rgb(16,23,70)
```
#141c56
```
#141c56 rgb(20,28,86)
```
#172166
```
#172166 rgb(23,33,102)
```
#1b2676
```
#1b2676 rgb(27,38,118)
```
#1f2b86
```
#1f2b86 rgb(31,43,134)
```
#223096
```
#223096 rgb(34,48,150)
```
#2635a6
```
#2635a6 rgb(38,53,166)
```
#2a3ab6
```
#2a3ab6 rgb(42,58,182)
```
#2d3fc6
```
#2d3fc6 rgb(45,63,198)
```

Shade Color Variation

#3648d1
```
#3648d1 rgb(54,72,209)
```
#4657d5
```
#4657d5 rgb(70,87,213)
```
#5665d8
```
#5665d8 rgb(86,101,216)
```
#6674dc
```
#6674dc rgb(102,116,220)
```
#7683e0
```
#7683e0 rgb(118,131,224)
```
#8691e3
```
#8691e3 rgb(134,145,227)
```
#96a0e7
```
#96a0e7 rgb(150,160,231)
```
#a6aeeb
```
#a6aeeb rgb(166,174,235)
```
#b6bdee
```
#b6bdee rgb(182,189,238)
```
#c6cbf2
```
#c6cbf2 rgb(198,203,242)
```
#d6daf6
```
#d6daf6 rgb(214,218,246)
```
#e6e8f9
```
#e6e8f9 rgb(230,232,249)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

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

#a0a0a2
```
#a0a0a2 rgb(160,160,162)
```
#999ba9
```
#999ba9 rgb(153,155,169)
```
#9195b1
```
#9195b1 rgb(145,149,177)
```
#8a90b8
```
#8a90b8 rgb(138,144,184)
```
#838abf
```
#838abf rgb(131,138,191)
```
#7c85c6
```
#7c85c6 rgb(124,133,198)
```
#747fce
```
#747fce rgb(116,127,206)
```
#6d7ad5
```
#6d7ad5 rgb(109,122,213)
```
#6674dc
```
#6674dc rgb(102,116,220)
```
#5f6ee3
```
#5f6ee3 rgb(95,110,227)
```
#5869ea
```
#5869ea rgb(88,105,234)
```
#5063f2
```
#5063f2 rgb(80,99,242)
```
#495ef9
```
#495ef9 rgb(73,94,249)
```

Tone Color Variation

Below, you can see how #6674dc 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

#7c7c7c Achromatopsia 0.005% of the population
#787a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e80e2 Protanopia 1% of men
#3385d9 Deuteranopia 1% of men
#4d8c97 Tritanopia 0.001% of the population

Trichromacy

#567be0 Protanomaly 1% of men, 0.01% of women
#457fda Deuteranomaly 6% of men, 0.4% of women
#5683b0 Tritanomaly 0.01% of the population

#6674dc hex color

#6674dc Color Information

#6674dc Color Conversion

Color Schemes with #6674dc

Alternatives to #6674dc

#6674dc Preview

Shades and Tints of #6674dc

Tones of #6674dc

Color Blindness Simulator