#675acc hex color

In a RGB color space, hex #675acc is composed of 40.4% red, 35.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 55.9% magenta, 0% yellow and 20% black. It has a hue angle of 246.8 degrees, a saturation of 52.8% and a lightness of 57.6%. #675acc color hex could be obtained by blending #ceb4ff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 40
- G 35
- B 80
RGB color chart
- C 50
- M 56
- Y 0
- K 20
CMYK color chart

● #675acc color description : Moderate blue.

The hexadecimal color #675acc has RGB values of R:103, G:90, B:204 and CMYK values of C:0.5, M:0.56, Y:0, K:0.2. Its decimal value is 6773452.

Hex triplet	675acc	`#675acc`
RGB Decimal	103, 90, 204	`rgb(103,90,204)`
RGB Percent	40.4, 35.3, 80	`rgb(40.4%,35.3%,80%)`
CMYK	50, 56, 0, 20
HSL	246.8°, 52.8, 57.6	`hsl(246.8,52.8%,57.6%)`
HSV (or HSB)	246.8°, 55.9, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.019, 35.109, -57.729
XYZ	20.147, 14.555, 58.871
xyY	0.215, 0.156, 14.555
CIE-LCH	45.019, 67.567, 301.307
CIE-LUV	45.019, -2.162, -89.396
Hunter-Lab	38.151, 27.498, -64.785
Binary	01100111, 01011010, 11001100

#675acc
```
#675acc rgb(103,90,204)
```
#bfcc5a
```
#bfcc5a rgb(191,204,90)
```

Complementary Color

#5a86cc
```
#5a86cc rgb(90,134,204)
```
#675acc
```
#675acc rgb(103,90,204)
```
#a05acc
```
#a05acc rgb(160,90,204)
```

Analogous Color

#86cc5a
```
#86cc5a rgb(134,204,90)
```
#675acc
```
#675acc rgb(103,90,204)
```
#cca05a
```
#cca05a rgb(204,160,90)
```

Split Complementary Color

#5acc67
```
#5acc67 rgb(90,204,103)
```
#675acc
```
#675acc rgb(103,90,204)
```
#cc675a
```
#cc675a rgb(204,103,90)
```

Triadic Color

#5abfcc
```
#5abfcc rgb(90,191,204)
```
#675acc
```
#675acc rgb(103,90,204)
```
#cc675a
```
#cc675a rgb(204,103,90)
```
#bfcc5a
```
#bfcc5a rgb(191,204,90)
```

Tetradic Color

#4033a6
```
#4033a6 rgb(64,51,166)
```
#4839ba
```
#4839ba rgb(72,57,186)
```
#5547c6
```
#5547c6 rgb(85,71,198)
```
#675acc
```
#675acc rgb(103,90,204)
```
#796dd2
```
#796dd2 rgb(121,109,210)
```
#8b81d8
```
#8b81d8 rgb(139,129,216)
```
#9d94de
```
#9d94de rgb(157,148,222)
```

Monochromatic Color

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

#5a6acc
```
#5a6acc rgb(90,106,204)
```
#5a60cc
```
#5a60cc rgb(90,96,204)
```
#5d5acc
```
#5d5acc rgb(93,90,204)
```
#675acc
```
#675acc rgb(103,90,204)
```
#715acc
```
#715acc rgb(113,90,204)
```
#7a5acc
```
#7a5acc rgb(122,90,204)
```
#845acc
```
#845acc rgb(132,90,204)
```

Similar Colors

Text with hexadecimal color #675acc

This text has a font color of #675acc.

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

#675acc background color

This paragraph has a background color of #675acc.

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

#675acc border color

This element has a border color of #675acc.

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

CSS codes

.text {color:#675acc;}

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

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

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, #06050f is the darkest color, while #ffffff is the lightest one.

#06050f
```
#06050f rgb(6,5,15)
```
#0c091e
```
#0c091e rgb(12,9,30)
```
#110e2d
```
#110e2d rgb(17,14,45)
```
#17123c
```
#17123c rgb(23,18,60)
```
#1d174b
```
#1d174b rgb(29,23,75)
```
#231c5a
```
#231c5a rgb(35,28,90)
```
#292069
```
#292069 rgb(41,32,105)
```
#2e2578
```
#2e2578 rgb(46,37,120)
```
#342a87
```
#342a87 rgb(52,42,135)
```
#3a2e96
```
#3a2e96 rgb(58,46,150)
```
#4033a5
```
#4033a5 rgb(64,51,165)
```
#4638b4
```
#4638b4 rgb(70,56,180)
```
#4b3cc3
```
#4b3cc3 rgb(75,60,195)
```

Shade Color Variation

#594bc7
```
#594bc7 rgb(89,75,199)
```
#675acc
```
#675acc rgb(103,90,204)
```
#7569d1
```
#7569d1 rgb(117,105,209)
```
#8378d5
```
#8378d5 rgb(131,120,213)
```
#9087da
```
#9087da rgb(144,135,218)
```
#9e96df
```
#9e96df rgb(158,150,223)
```
#aca5e3
```
#aca5e3 rgb(172,165,227)
```
#bab4e8
```
#bab4e8 rgb(186,180,232)
```
#c8c3ec
```
#c8c3ec rgb(200,195,236)
```
#d5d2f1
```
#d5d2f1 rgb(213,210,241)
```
#e3e1f6
```
#e3e1f6 rgb(227,225,246)
```
#f1f0fa
```
#f1f0fa rgb(241,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8c9a is the less saturated color, while #4128fe is the most saturated one.

#8d8c9a
```
#8d8c9a rgb(141,140,154)
```
#8784a2
```
#8784a2 rgb(135,132,162)
```
#817bab
```
#817bab rgb(129,123,171)
```
#7a73b3
```
#7a73b3 rgb(122,115,179)
```
#746bbb
```
#746bbb rgb(116,107,187)
```
#6d62c4
```
#6d62c4 rgb(109,98,196)
```
#675acc
```
#675acc rgb(103,90,204)
```
#6152d4
```
#6152d4 rgb(97,82,212)
```
#5a49dd
```
#5a49dd rgb(90,73,221)
```
#5441e5
```
#5441e5 rgb(84,65,229)
```
#4d39ed
```
#4d39ed rgb(77,57,237)
```
#4730f6
```
#4730f6 rgb(71,48,246)
```
#4128fe
```
#4128fe rgb(65,40,254)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6a687e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed9 Protanopia 1% of men
#0074c0 Deuteranopia 1% of men
#507881 Tritanopia 0.001% of the population

Trichromacy

#2567d4 Protanomaly 1% of men, 0.01% of women
#256ac4 Deuteranomaly 6% of men, 0.4% of women
#586d9c Tritanomaly 0.01% of the population

#675acc hex color

#675acc Color Information

#675acc Color Conversion

Color Schemes with #675acc

Alternatives to #675acc

#675acc Preview

Shades and Tints of #675acc

Tones of #675acc

Color Blindness Simulator