colorhexa.com

#6675fd hex color

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

- R 40
- G 46
- B 99
RGB color chart
- C 60
- M 54
- Y 0
- K 1
CMYK color chart

● #6675fd color description : Soft blue.

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

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

CIE-LAB	54.697, 34.056, -69.71
XYZ	29.567, 22.638, 95.735
xyY	0.2, 0.153, 22.638
CIE-LCH	54.697, 77.584, 296.037
CIE-LUV	54.697, -12.548, -112.289
Hunter-Lab	47.579, 27.66, -85.993
Binary	01100110, 01110101, 11111101

#6675fd
```
#6675fd rgb(102,117,253)
```
#fdee66
```
#fdee66 rgb(253,238,102)
```

Complementary Color

#66c1fd
```
#66c1fd rgb(102,193,253)
```
#6675fd
```
#6675fd rgb(102,117,253)
```
#a366fd
```
#a366fd rgb(163,102,253)
```

Analogous Color

#c1fd66
```
#c1fd66 rgb(193,253,102)
```
#6675fd
```
#6675fd rgb(102,117,253)
```
#fda366
```
#fda366 rgb(253,163,102)
```

Split Complementary Color

#75fd66
```
#75fd66 rgb(117,253,102)
```
#6675fd
```
#6675fd rgb(102,117,253)
```
#fd6675
```
#fd6675 rgb(253,102,117)
```

Triadic Color

#66fdee
```
#66fdee rgb(102,253,238)
```
#6675fd
```
#6675fd rgb(102,117,253)
```
#fd6675
```
#fd6675 rgb(253,102,117)
```
#fdee66
```
#fdee66 rgb(253,238,102)
```

Tetradic Color

#1a31fc
```
#1a31fc rgb(26,49,252)
```
#3448fc
```
#3448fc rgb(52,72,252)
```
#4d5efd
```
#4d5efd rgb(77,94,253)
```
#6675fd
```
#6675fd rgb(102,117,253)
```
#7f8cfd
```
#7f8cfd rgb(127,140,253)
```
#98a2fe
```
#98a2fe rgb(152,162,254)
```
#b2b9fe
```
#b2b9fe rgb(178,185,254)
```

Monochromatic Color

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

#669bfd
```
#669bfd rgb(102,155,253)
```
#668efd
```
#668efd rgb(102,142,253)
```
#6682fd
```
#6682fd rgb(102,130,253)
```
#6675fd
```
#6675fd rgb(102,117,253)
```
#6668fd
```
#6668fd rgb(102,104,253)
```
#7066fd
```
#7066fd rgb(112,102,253)
```
#7d66fd
```
#7d66fd rgb(125,102,253)
```

Similar Colors

Text with hexadecimal color #6675fd

This text has a font color of #6675fd.

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

#6675fd background color

This paragraph has a background color of #6675fd.

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

#6675fd border color

This element has a border color of #6675fd.

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

CSS codes

.text {color:#6675fd;}

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

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

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)
```
#010529
```
#010529 rgb(1,5,41)
```
#01073c
```
#01073c rgb(1,7,60)
```
#01094f
```
#01094f rgb(1,9,79)
```
#010b63
```
#010b63 rgb(1,11,99)
```
#020d76
```
#020d76 rgb(2,13,118)
```
#020f89
```
#020f89 rgb(2,15,137)
```
#02119d
```
#02119d rgb(2,17,157)
```
#0214b0
```
#0214b0 rgb(2,20,176)
```
#0316c4
```
#0316c4 rgb(3,22,196)
```
#0318d7
```
#0318d7 rgb(3,24,215)
```
#031aea
```
#031aea rgb(3,26,234)
```

Shade Color Variation

#051efc
```
#051efc rgb(5,30,252)
```
#192ffc
```
#192ffc rgb(25,47,252)
```
#2c41fc
```
#2c41fc rgb(44,65,252)
```
#3f52fc
```
#3f52fc rgb(63,82,252)
```
#5364fd
```
#5364fd rgb(83,100,253)
```
#6675fd
```
#6675fd rgb(102,117,253)
```
#7986fd
```
#7986fd rgb(121,134,253)
```
#8d98fe
```
#8d98fe rgb(141,152,254)
```
#a0a9fe
```
#a0a9fe rgb(160,169,254)
```
#b3bbfe
```
#b3bbfe rgb(179,187,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 #6675fd is the most saturated one.

#aeaeb5
```
#aeaeb5 rgb(174,174,181)
```
#a8aabb
```
#a8aabb rgb(168,170,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)
```
#8a92d9
```
#8a92d9 rgb(138,146,217)
```
#848ddf
```
#848ddf rgb(132,141,223)
```
#7e88e5
```
#7e88e5 rgb(126,136,229)
```
#7883eb
```
#7883eb rgb(120,131,235)
```
#727ff1
```
#727ff1 rgb(114,127,241)
```
#6c7af7
```
#6c7af7 rgb(108,122,247)
```
#6675fd
```
#6675fd rgb(102,117,253)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#7b7e99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d85ff Protanopia 1% of men
#008ce6 Deuteranopia 1% of men
#2f95a0 Tritanopia 0.001% of the population

Trichromacy

#427ffe Protanomaly 1% of men, 0.01% of women
#2583ee Deuteranomaly 6% of men, 0.4% of women
#4389c2 Tritanomaly 0.01% of the population