colorhexa.com

#675ac2 hex color

In a RGB color space, hex #675ac2 is composed of 40.4% red, 35.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 53.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 247.5 degrees, a saturation of 46% and a lightness of 55.7%. #675ac2 color hex could be obtained by blending #ceb4ff with #000085. Closest websafe color is: #6666cc.

- R 40
- G 35
- B 76
RGB color chart
- C 47
- M 54
- Y 0
- K 24
CMYK color chart

● #675ac2 color description : Moderate blue.

The hexadecimal color #675ac2 has RGB values of R:103, G:90, B:194 and CMYK values of C:0.47, M:0.54, Y:0, K:0.24. Its decimal value is 6773442.

Hex triplet	675ac2	`#675ac2`
RGB Decimal	103, 90, 194	`rgb(103,90,194)`
RGB Percent	40.4, 35.3, 76.1	`rgb(40.4%,35.3%,76.1%)`
CMYK	47, 54, 0, 24
HSL	247.5°, 46, 55.7	`hsl(247.5,46%,55.7%)`
HSV (or HSB)	247.5°, 53.6, 76.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.362, 32.096, -53.011
XYZ	18.985, 14.09, 52.755
xyY	0.221, 0.164, 14.09
CIE-LCH	44.362, 61.97, 301.193
CIE-LUV	44.362, -1.396, -81.897
Hunter-Lab	37.537, 24.591, -57.051
Binary	01100111, 01011010, 11000010

#675ac2
```
#675ac2 rgb(103,90,194)
```
#b5c25a
```
#b5c25a rgb(181,194,90)
```

Complementary Color

#5a81c2
```
#5a81c2 rgb(90,129,194)
```
#675ac2
```
#675ac2 rgb(103,90,194)
```
#9b5ac2
```
#9b5ac2 rgb(155,90,194)
```

Analogous Color

#81c25a
```
#81c25a rgb(129,194,90)
```
#675ac2
```
#675ac2 rgb(103,90,194)
```
#c29b5a
```
#c29b5a rgb(194,155,90)
```

Split Complementary Color

#5ac267
```
#5ac267 rgb(90,194,103)
```
#675ac2
```
#675ac2 rgb(103,90,194)
```
#c2675a
```
#c2675a rgb(194,103,90)
```

Triadic Color

#5ab5c2
```
#5ab5c2 rgb(90,181,194)
```
#675ac2
```
#675ac2 rgb(103,90,194)
```
#c2675a
```
#c2675a rgb(194,103,90)
```
#b5c25a
```
#b5c25a rgb(181,194,90)
```

Tetradic Color

#443897
```
#443897 rgb(68,56,151)
```
#4c3faa
```
#4c3faa rgb(76,63,170)
```
#5647bb
```
#5647bb rgb(86,71,187)
```
#675ac2
```
#675ac2 rgb(103,90,194)
```
#786dc9
```
#786dc9 rgb(120,109,201)
```
#897fd0
```
#897fd0 rgb(137,127,208)
```
#9a92d7
```
#9a92d7 rgb(154,146,215)
```

Monochromatic Color

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

#5a67c2
```
#5a67c2 rgb(90,103,194)
```
#5a5ec2
```
#5a5ec2 rgb(90,94,194)
```
#5e5ac2
```
#5e5ac2 rgb(94,90,194)
```
#675ac2
```
#675ac2 rgb(103,90,194)
```
#705ac2
```
#705ac2 rgb(112,90,194)
```
#785ac2
```
#785ac2 rgb(120,90,194)
```
#815ac2
```
#815ac2 rgb(129,90,194)
```

Similar Colors

Text with hexadecimal color #675ac2

This text has a font color of #675ac2.

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

#675ac2 background color

This paragraph has a background color of #675ac2.

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

#675ac2 border color

This element has a border color of #675ac2.

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

CSS codes

.text {color:#675ac2;}

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

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

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

#030307
```
#030307 rgb(3,3,7)
```
#090815
```
#090815 rgb(9,8,21)
```
#100d23
```
#100d23 rgb(16,13,35)
```
#161232
```
#161232 rgb(22,18,50)
```
#1d1840
```
#1d1840 rgb(29,24,64)
```
#231d4e
```
#231d4e rgb(35,29,78)
```
#2a225d
```
#2a225d rgb(42,34,93)
```
#30286b
```
#30286b rgb(48,40,107)
```
#362d79
```
#362d79 rgb(54,45,121)
```
#3d3288
```
#3d3288 rgb(61,50,136)
```
#433796
```
#433796 rgb(67,55,150)
```
#4a3da4
```
#4a3da4 rgb(74,61,164)
```
#5042b3
```
#5042b3 rgb(80,66,179)
```

Shade Color Variation

#5a4cbd
```
#5a4cbd rgb(90,76,189)
```
#675ac2
```
#675ac2 rgb(103,90,194)
```
#7468c7
```
#7468c7 rgb(116,104,199)
```
#8177cd
```
#8177cd rgb(129,119,205)
```
#8f85d2
```
#8f85d2 rgb(143,133,210)
```
#9c93d7
```
#9c93d7 rgb(156,147,215)
```
#a9a2dc
```
#a9a2dc rgb(169,162,220)
```
#b6b0e2
```
#b6b0e2 rgb(182,176,226)
```
#c3bee7
```
#c3bee7 rgb(195,190,231)
```
#d1cdec
```
#d1cdec rgb(209,205,236)
```
#dedbf2
```
#dedbf2 rgb(222,219,242)
```
#ebe9f7
```
#ebe9f7 rgb(235,233,247)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

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

#888597
```
#888597 rgb(136,133,151)
```
#817d9f
```
#817d9f rgb(129,125,159)
```
#7b74a8
```
#7b74a8 rgb(123,116,168)
```
#746bb1
```
#746bb1 rgb(116,107,177)
```
#6e63b9
```
#6e63b9 rgb(110,99,185)
```
#675ac2
```
#675ac2 rgb(103,90,194)
```
#6051cb
```
#6051cb rgb(96,81,203)
```
#5a49d3
```
#5a49d3 rgb(90,73,211)
```
#5340dc
```
#5340dc rgb(83,64,220)
```
#4d37e5
```
#4d37e5 rgb(77,55,229)
```
#462fed
```
#462fed rgb(70,47,237)
```
#4026f6
```
#4026f6 rgb(64,38,246)
```
#391dff
```
#391dff rgb(57,29,255)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#69677c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c6dce Protanopia 1% of men
#1072be Deuteranopia 1% of men
#55757e Tritanopia 0.001% of the population

Trichromacy

#4166ca Protanomaly 1% of men, 0.01% of women
#2f69bf Deuteranomaly 6% of men, 0.4% of women
#5c6b96 Tritanomaly 0.01% of the population