#675aad hex color

In a RGB color space, hex #675aad is composed of 40.4% red, 35.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 40.5% cyan, 48% magenta, 0% yellow and 32.2% black. It has a hue angle of 249.4 degrees, a saturation of 33.6% and a lightness of 51.6%. #675aad color hex could be obtained by blending #ceb4ff with #00005b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 40
- G 35
- B 68
RGB color chart
- C 40
- M 48
- Y 0
- K 32
CMYK color chart

● #675aad color description : Dark moderate blue.

The hexadecimal color #675aad has RGB values of R:103, G:90, B:173 and CMYK values of C:0.4, M:0.48, Y:0, K:0.32. Its decimal value is 6773421.

Hex triplet	675aad	`#675aad`
RGB Decimal	103, 90, 173	`rgb(103,90,173)`
RGB Percent	40.4, 35.3, 67.8	`rgb(40.4%,35.3%,67.8%)`
CMYK	40, 48, 0, 32
HSL	249.4°, 33.6, 51.6	`hsl(249.4,33.6%,51.6%)`
HSV (or HSB)	249.4°, 48, 67.8
Web Safe	666699	`#666699`

CIE-LAB	43.082, 25.89, -42.791
XYZ	16.791, 13.213, 41.198
xyY	0.236, 0.186, 13.213
CIE-LCH	43.082, 50.013, 301.176
CIE-LUV	43.082, 0.298, -65.594
Hunter-Lab	36.349, 18.844, -41.755
Binary	01100111, 01011010, 10101101

#675aad
```
#675aad rgb(103,90,173)
```
#a0ad5a
```
#a0ad5a rgb(160,173,90)
```

Complementary Color

#5a77ad
```
#5a77ad rgb(90,119,173)
```
#675aad
```
#675aad rgb(103,90,173)
```
#915aad
```
#915aad rgb(145,90,173)
```

Analogous Color

#77ad5a
```
#77ad5a rgb(119,173,90)
```
#675aad
```
#675aad rgb(103,90,173)
```
#ad915a
```
#ad915a rgb(173,145,90)
```

Split Complementary Color

#5aad67
```
#5aad67 rgb(90,173,103)
```
#675aad
```
#675aad rgb(103,90,173)
```
#ad675a
```
#ad675a rgb(173,103,90)
```

Triadic Color

#5aa0ad
```
#5aa0ad rgb(90,160,173)
```
#675aad
```
#675aad rgb(103,90,173)
```
#ad675a
```
#ad675a rgb(173,103,90)
```
#a0ad5a
```
#a0ad5a rgb(160,173,90)
```

Tetradic Color

#483e7d
```
#483e7d rgb(72,62,125)
```
#52468e
```
#52468e rgb(82,70,142)
```
#5b4f9f
```
#5b4f9f rgb(91,79,159)
```
#675aad
```
#675aad rgb(103,90,173)
```
#776bb5
```
#776bb5 rgb(119,107,181)
```
#867cbe
```
#867cbe rgb(134,124,190)
```
#968dc6
```
#968dc6 rgb(150,141,198)
```

Monochromatic Color

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

#5a62ad
```
#5a62ad rgb(90,98,173)
```
#5a5bad
```
#5a5bad rgb(90,91,173)
```
#605aad
```
#605aad rgb(96,90,173)
```
#675aad
```
#675aad rgb(103,90,173)
```
#6e5aad
```
#6e5aad rgb(110,90,173)
```
#755aad
```
#755aad rgb(117,90,173)
```
#7c5aad
```
#7c5aad rgb(124,90,173)
```

Similar Colors

Text with hexadecimal color #675aad

This text has a font color of #675aad.

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

#675aad background color

This paragraph has a background color of #675aad.

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

#675aad border color

This element has a border color of #675aad.

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

CSS codes

.text {color:#675aad;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0b0912
```
#0b0912 rgb(11,9,18)
```
#121020
```
#121020 rgb(18,16,32)
```
#1a162d
```
#1a162d rgb(26,22,45)
```
#211d3a
```
#211d3a rgb(33,29,58)
```
#292347
```
#292347 rgb(41,35,71)
```
#302a54
```
#302a54 rgb(48,42,84)
```
#383061
```
#383061 rgb(56,48,97)
```
#3f376e
```
#3f376e rgb(63,55,110)
```
#473d7b
```
#473d7b rgb(71,61,123)
```
#4f4488
```
#4f4488 rgb(79,68,136)
```
#564a95
```
#564a95 rgb(86,74,149)
```
#5e51a3
```
#5e51a3 rgb(94,81,163)
```

Shade Color Variation

#675aad
```
#675aad rgb(103,90,173)
```
#7367b4
```
#7367b4 rgb(115,103,180)
```
#7f74ba
```
#7f74ba rgb(127,116,186)
```
#8b81c1
```
#8b81c1 rgb(139,129,193)
```
#978ec7
```
#978ec7 rgb(151,142,199)
```
#a39cce
```
#a39cce rgb(163,156,206)
```
#afa9d4
```
#afa9d4 rgb(175,169,212)
```
#bbb6db
```
#bbb6db rgb(187,182,219)
```
#c8c3e1
```
#c8c3e1 rgb(200,195,225)
```
#d4d0e8
```
#d4d0e8 rgb(212,208,232)
```
#e0ddee
```
#e0ddee rgb(224,221,238)
```
#eceaf5
```
#eceaf5 rgb(236,234,245)
```
#f8f7fb
```
#f8f7fb rgb(248,247,251)
```

Tint Color Variation

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

#818087
```
#818087 rgb(129,128,135)
```
#7b7791
```
#7b7791 rgb(123,119,145)
```
#746d9a
```
#746d9a rgb(116,109,154)
```
#6e64a4
```
#6e64a4 rgb(110,100,164)
```
#675aad
```
#675aad rgb(103,90,173)
```
#6051b7
```
#6051b7 rgb(96,81,183)
```
#5a47c0
```
#5a47c0 rgb(90,71,192)
```
#533eca
```
#533eca rgb(83,62,202)
```
#4d34d3
```
#4d34d3 rgb(77,52,211)
```
#462bdd
```
#462bdd rgb(70,43,221)
```
#4021e6
```
#4021e6 rgb(64,33,230)
```
#3918f0
```
#3918f0 rgb(57,24,240)
```
#330ef9
```
#330ef9 rgb(51,14,249)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#466bb8 Protanopia 1% of men
#406eac Deuteranopia 1% of men
#5e7078 Tritanopia 0.001% of the population

Trichromacy

#5264b4 Protanomaly 1% of men, 0.01% of women
#4e66ac Deuteranomaly 6% of men, 0.4% of women
#61688b Tritanomaly 0.01% of the population

#675aad hex color

#675aad Color Information

#675aad Color Conversion

Color Schemes with #675aad

Alternatives to #675aad

#675aad Preview

Shades and Tints of #675aad

Tones of #675aad

Color Blindness Simulator