#6674fd hex color

In a RGB color space, hex #6674fd is composed of 40% red, 45.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 54.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 234.4 degrees, a saturation of 97.4% and a lightness of 69.6%. #6674fd color hex could be obtained by blending #cce8ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 40
- G 45
- B 99
RGB color chart
- C 60
- M 54
- Y 0
- K 1
CMYK color chart

● #6674fd color description : Soft blue.

The hexadecimal color #6674fd has RGB values of R:102, G:116, B:253 and CMYK values of C:0.6, M:0.54, Y:0, K:0.01. Its decimal value is 6714621.

Hex triplet	6674fd	`#6674fd`
RGB Decimal	102, 116, 253	`rgb(102,116,253)`
RGB Percent	40, 45.5, 99.2	`rgb(40%,45.5%,99.2%)`
CMYK	60, 54, 0, 1
HSL	234.4°, 97.4, 69.6	`hsl(234.4,97.4%,69.6%)`
HSV (or HSB)	234.4°, 59.7, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.455, 34.657, -70.102
XYZ	29.451, 22.406, 95.696
xyY	0.2, 0.152, 22.406
CIE-LCH	54.455, 78.201, 296.307
CIE-LUV	54.455, -12.271, -112.806
Hunter-Lab	47.335, 28.223, -86.731
Binary	01100110, 01110100, 11111101

#6674fd
```
#6674fd rgb(102,116,253)
```
#fdef66
```
#fdef66 rgb(253,239,102)
```

Complementary Color

#66c0fd
```
#66c0fd rgb(102,192,253)
```
#6674fd
```
#6674fd rgb(102,116,253)
```
#a466fd
```
#a466fd rgb(164,102,253)
```

Analogous Color

#c0fd66
```
#c0fd66 rgb(192,253,102)
```
#6674fd
```
#6674fd rgb(102,116,253)
```
#fda466
```
#fda466 rgb(253,164,102)
```

Split Complementary Color

#74fd66
```
#74fd66 rgb(116,253,102)
```
#6674fd
```
#6674fd rgb(102,116,253)
```
#fd6674
```
#fd6674 rgb(253,102,116)
```

Triadic Color

#66fdef
```
#66fdef rgb(102,253,239)
```
#6674fd
```
#6674fd rgb(102,116,253)
```
#fd6674
```
#fd6674 rgb(253,102,116)
```
#fdef66
```
#fdef66 rgb(253,239,102)
```

Tetradic Color

#1a2ffc
```
#1a2ffc rgb(26,47,252)
```
#3446fc
```
#3446fc rgb(52,70,252)
```
#4d5dfd
```
#4d5dfd rgb(77,93,253)
```
#6674fd
```
#6674fd rgb(102,116,253)
```
#7f8bfd
```
#7f8bfd rgb(127,139,253)
```
#98a2fe
```
#98a2fe rgb(152,162,254)
```
#b2b9fe
```
#b2b9fe rgb(178,185,254)
```

Monochromatic Color

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

#669afd
```
#669afd rgb(102,154,253)
```
#668dfd
```
#668dfd rgb(102,141,253)
```
#6681fd
```
#6681fd rgb(102,129,253)
```
#6674fd
```
#6674fd rgb(102,116,253)
```
#6667fd
```
#6667fd rgb(102,103,253)
```
#7166fd
```
#7166fd rgb(113,102,253)
```
#7e66fd
```
#7e66fd rgb(126,102,253)
```

Similar Colors

Text with hexadecimal color #6674fd

This text has a font color of #6674fd.

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

#6674fd background color

This paragraph has a background color of #6674fd.

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

#6674fd border color

This element has a border color of #6674fd.

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

CSS codes

.text {color:#6674fd;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000215
```
#000215 rgb(0,2,21)
```
#010429
```
#010429 rgb(1,4,41)
```
#01063c
```
#01063c rgb(1,6,60)
```
#01084f
```
#01084f rgb(1,8,79)
```
#010a63
```
#010a63 rgb(1,10,99)
```
#020c76
```
#020c76 rgb(2,12,118)
```
#020e89
```
#020e89 rgb(2,14,137)
```
#02109d
```
#02109d rgb(2,16,157)
```
#0212b0
```
#0212b0 rgb(2,18,176)
```
#0314c4
```
#0314c4 rgb(3,20,196)
```
#0316d7
```
#0316d7 rgb(3,22,215)
```
#0318ea
```
#0318ea rgb(3,24,234)
```

Shade Color Variation

#051cfc
```
#051cfc rgb(5,28,252)
```
#192efc
```
#192efc rgb(25,46,252)
```
#2c3ffc
```
#2c3ffc rgb(44,63,252)
```
#3f51fc
```
#3f51fc rgb(63,81,252)
```
#5362fd
```
#5362fd rgb(83,98,253)
```
#6674fd
```
#6674fd rgb(102,116,253)
```
#7986fd
```
#7986fd rgb(121,134,253)
```
#8d97fe
```
#8d97fe rgb(141,151,254)
```
#a0a9fe
```
#a0a9fe rgb(160,169,254)
```
#b3bafe
```
#b3bafe rgb(179,186,254)
```
#c7ccfe
```
#c7ccfe rgb(199,204,254)
```
#dadeff
```
#dadeff rgb(218,222,255)
```
#eeefff
```
#eeefff rgb(238,239,255)
```

Tint Color Variation

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

#aeaeb5
```
#aeaeb5 rgb(174,174,181)
```
#a8a9bb
```
#a8a9bb rgb(168,169,187)
```
#a2a5c1
```
#a2a5c1 rgb(162,165,193)
```
#9ca0c7
```
#9ca0c7 rgb(156,160,199)
```
#969bcd
```
#969bcd rgb(150,155,205)
```
#9096d3
```
#9096d3 rgb(144,150,211)
```
#8a91d9
```
#8a91d9 rgb(138,145,217)
```
#848cdf
```
#848cdf rgb(132,140,223)
```
#7e87e5
```
#7e87e5 rgb(126,135,229)
```
#7883eb
```
#7883eb rgb(120,131,235)
```
#727ef1
```
#727ef1 rgb(114,126,241)
```
#6c79f7
```
#6c79f7 rgb(108,121,247)
```
#6674fd
```
#6674fd rgb(102,116,253)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#7a7d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a84ff Protanopia 1% of men
#008be5 Deuteranopia 1% of men
#2f949f Tritanopia 0.001% of the population

Trichromacy

#3f7efe Protanomaly 1% of men, 0.01% of women
#2582ed Deuteranomaly 6% of men, 0.4% of women
#4388c1 Tritanomaly 0.01% of the population

#6674fd hex color

#6674fd Color Information

#6674fd Color Conversion

Color Schemes with #6674fd

Alternatives to #6674fd

#6674fd Preview

Shades and Tints of #6674fd

Tones of #6674fd

Color Blindness Simulator