#675bfd hex color

In a RGB color space, hex #675bfd is composed of 40.4% red, 35.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 64% magenta, 0% yellow and 0.8% black. It has a hue angle of 244.4 degrees, a saturation of 97.6% and a lightness of 67.5%. #675bfd color hex could be obtained by blending #ceb6ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 40
- G 36
- B 99
RGB color chart
- C 59
- M 64
- Y 0
- K 1
CMYK color chart

● #675bfd color description : Soft blue.

The hexadecimal color #675bfd has RGB values of R:103, G:91, B:253 and CMYK values of C:0.59, M:0.64, Y:0, K:0.01. Its decimal value is 6773757.

Hex triplet	675bfd	`#675bfd`
RGB Decimal	103, 91, 253	`rgb(103,91,253)`
RGB Percent	40.4, 35.7, 99.2	`rgb(40.4%,35.7%,99.2%)`
CMYK	59, 64, 0, 1
HSL	244.4°, 97.6, 67.5	`hsl(244.4,97.6%,67.5%)`
HSV (or HSB)	244.4°, 64, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.83, 49.49, -79.245
XYZ	27.061, 17.456, 94.867
xyY	0.194, 0.125, 17.456
CIE-LCH	48.83, 93.429, 301.986
CIE-LUV	48.83, -5.777, -123.399
Hunter-Lab	41.781, 42.495, -105.375
Binary	01100111, 01011011, 11111101

#675bfd
```
#675bfd rgb(103,91,253)
```
#f1fd5b
```
#f1fd5b rgb(241,253,91)
```

Complementary Color

#5ba0fd
```
#5ba0fd rgb(91,160,253)
```
#675bfd
```
#675bfd rgb(103,91,253)
```
#b85bfd
```
#b85bfd rgb(184,91,253)
```

Analogous Color

#a0fd5b
```
#a0fd5b rgb(160,253,91)
```
#675bfd
```
#675bfd rgb(103,91,253)
```
#fdb85b
```
#fdb85b rgb(253,184,91)
```

Split Complementary Color

#5bfd67
```
#5bfd67 rgb(91,253,103)
```
#675bfd
```
#675bfd rgb(103,91,253)
```
#fd675b
```
#fd675b rgb(253,103,91)
```

Triadic Color

#5bf1fd
```
#5bf1fd rgb(91,241,253)
```
#675bfd
```
#675bfd rgb(103,91,253)
```
#fd675b
```
#fd675b rgb(253,103,91)
```
#f1fd5b
```
#f1fd5b rgb(241,253,91)
```

Tetradic Color

#210ffc
```
#210ffc rgb(33,15,252)
```
#3829fc
```
#3829fc rgb(56,41,252)
```
#5042fd
```
#5042fd rgb(80,66,253)
```
#675bfd
```
#675bfd rgb(103,91,253)
```
#7e74fd
```
#7e74fd rgb(126,116,253)
```
#968dfe
```
#968dfe rgb(150,141,254)
```
#ada7fe
```
#ada7fe rgb(173,167,254)
```

Monochromatic Color

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

#5b78fd
```
#5b78fd rgb(91,120,253)
```
#5b6afd
```
#5b6afd rgb(91,106,253)
```
#5b5dfd
```
#5b5dfd rgb(91,93,253)
```
#675bfd
```
#675bfd rgb(103,91,253)
```
#755bfd
```
#755bfd rgb(117,91,253)
```
#825bfd
```
#825bfd rgb(130,91,253)
```
#905bfd
```
#905bfd rgb(144,91,253)
```

Similar Colors

Text with hexadecimal color #675bfd

This text has a font color of #675bfd.

<span style="color:#675bfd;">Text here</span>

#675bfd background color

This paragraph has a background color of #675bfd.

<p style="background-color:#675bfd;">Content here</p>

#675bfd border color

This element has a border color of #675bfd.

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

CSS codes

.text {color:#675bfd;}

.background {background-color:#675bfd;}

.border {border:1px solid #675bfd;}

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, #01000a is the darkest color, while #f7f6ff is the lightest one.

#01000a
```
#01000a rgb(1,0,10)
```
#03001e
```
#03001e rgb(3,0,30)
```
#040131
```
#040131 rgb(4,1,49)
```
#060145
```
#060145 rgb(6,1,69)
```
#080158
```
#080158 rgb(8,1,88)
```
#09016b
```
#09016b rgb(9,1,107)
```
#0b027f
```
#0b027f rgb(11,2,127)
```
#0c0292
```
#0c0292 rgb(12,2,146)
```
#0e02a5
```
#0e02a5 rgb(14,2,165)
```
#1002b9
```
#1002b9 rgb(16,2,185)
```
#1102cc
```
#1102cc rgb(17,2,204)
```
#1303e0
```
#1303e0 rgb(19,3,224)
```
#1503f3
```
#1503f3 rgb(21,3,243)
```

Shade Color Variation

#1f0dfc
```
#1f0dfc rgb(31,13,252)
```
#3121fc
```
#3121fc rgb(49,33,252)
```
#4334fd
```
#4334fd rgb(67,52,253)
```
#5548fd
```
#5548fd rgb(85,72,253)
```
#675bfd
```
#675bfd rgb(103,91,253)
```
#796efd
```
#796efd rgb(121,110,253)
```
#8b82fd
```
#8b82fd rgb(139,130,253)
```
#9d95fe
```
#9d95fe rgb(157,149,254)
```
#afa9fe
```
#afa9fe rgb(175,169,254)
```
#c1bcfe
```
#c1bcfe rgb(193,188,254)
```
#d3cffe
```
#d3cffe rgb(211,207,254)
```
#e5e3ff
```
#e5e3ff rgb(229,227,255)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

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

#a8a8b0
```
#a8a8b0 rgb(168,168,176)
```
#a3a1b7
```
#a3a1b7 rgb(163,161,183)
```
#9d9bbd
```
#9d9bbd rgb(157,155,189)
```
#9894c4
```
#9894c4 rgb(152,148,196)
```
#938eca
```
#938eca rgb(147,142,202)
```
#8d88d0
```
#8d88d0 rgb(141,136,208)
```
#8881d7
```
#8881d7 rgb(136,129,215)
```
#827bdd
```
#827bdd rgb(130,123,221)
```
#7d75e3
```
#7d75e3 rgb(125,117,227)
```
#776eea
```
#776eea rgb(119,110,234)
```
#7268f0
```
#7268f0 rgb(114,104,240)
```
#6c61f7
```
#6c61f7 rgb(108,97,247)
```
#675bfd
```
#675bfd rgb(103,91,253)
```

Tone Color Variation

Below, you can see how #675bfd 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

#717171 Achromatopsia 0.005% of the population
#6f6d8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#218690 Tritanopia 0.001% of the population

Trichromacy

#256df0 Protanomaly 1% of men, 0.01% of women
#2571dd Deuteranomaly 6% of men, 0.4% of women
#3b76b7 Tritanomaly 0.01% of the population

#675bfd hex color

#675bfd Color Information

#675bfd Color Conversion

Color Schemes with #675bfd

Alternatives to #675bfd

#675bfd Preview

Shades and Tints of #675bfd

Tones of #675bfd

Color Blindness Simulator