#675ea5 hex color

In a RGB color space, hex #675ea5 is composed of 40.4% red, 36.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 43% magenta, 0% yellow and 35.3% black. It has a hue angle of 247.6 degrees, a saturation of 28.3% and a lightness of 50.8%. #675ea5 color hex could be obtained by blending #cebcff with #00004b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 40
- G 37
- B 65
RGB color chart
- C 38
- M 43
- Y 0
- K 35
CMYK color chart

● #675ea5 color description : Mostly desaturated dark blue.

The hexadecimal color #675ea5 has RGB values of R:103, G:94, B:165 and CMYK values of C:0.38, M:0.43, Y:0, K:0.35. Its decimal value is 6774437.

Hex triplet	675ea5	`#675ea5`
RGB Decimal	103, 94, 165	`rgb(103,94,165)`
RGB Percent	40.4, 36.9, 64.7	`rgb(40.4%,36.9%,64.7%)`
CMYK	38, 43, 0, 35
HSL	247.6°, 28.3, 50.8	`hsl(247.6,28.3%,50.8%)`
HSV (or HSB)	247.6°, 43, 64.7
Web Safe	666699	`#666699`

CIE-LAB	43.662, 21.121, -37.149
XYZ	16.386, 13.605, 37.358
xyY	0.243, 0.202, 13.605
CIE-LCH	43.662, 42.733, 299.62
CIE-LUV	43.662, -0.416, -56.826
Hunter-Lab	36.885, 14.75, -34.23
Binary	01100111, 01011110, 10100101

#675ea5
```
#675ea5 rgb(103,94,165)
```
#9ca55e
```
#9ca55e rgb(156,165,94)
```

Complementary Color

#5e79a5
```
#5e79a5 rgb(94,121,165)
```
#675ea5
```
#675ea5 rgb(103,94,165)
```
#8b5ea5
```
#8b5ea5 rgb(139,94,165)
```

Analogous Color

#79a55e
```
#79a55e rgb(121,165,94)
```
#675ea5
```
#675ea5 rgb(103,94,165)
```
#a58b5e
```
#a58b5e rgb(165,139,94)
```

Split Complementary Color

#5ea567
```
#5ea567 rgb(94,165,103)
```
#675ea5
```
#675ea5 rgb(103,94,165)
```
#a5675e
```
#a5675e rgb(165,103,94)
```

Triadic Color

#5e9ca5
```
#5e9ca5 rgb(94,156,165)
```
#675ea5
```
#675ea5 rgb(103,94,165)
```
#a5675e
```
#a5675e rgb(165,103,94)
```
#9ca55e
```
#9ca55e rgb(156,165,94)
```

Tetradic Color

#484175
```
#484175 rgb(72,65,117)
```
#524b85
```
#524b85 rgb(82,75,133)
```
#5c5496
```
#5c5496 rgb(92,84,150)
```
#675ea5
```
#675ea5 rgb(103,94,165)
```
#766eae
```
#766eae rgb(118,110,174)
```
#867fb7
```
#867fb7 rgb(134,127,183)
```
#958fc0
```
#958fc0 rgb(149,143,192)
```

Monochromatic Color

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

#5e67a5
```
#5e67a5 rgb(94,103,165)
```
#5e61a5
```
#5e61a5 rgb(94,97,165)
```
#615ea5
```
#615ea5 rgb(97,94,165)
```
#675ea5
```
#675ea5 rgb(103,94,165)
```
#6d5ea5
```
#6d5ea5 rgb(109,94,165)
```
#735ea5
```
#735ea5 rgb(115,94,165)
```
#795ea5
```
#795ea5 rgb(121,94,165)
```

Similar Colors

Text with hexadecimal color #675ea5

This text has a font color of #675ea5.

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

#675ea5 background color

This paragraph has a background color of #675ea5.

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

#675ea5 border color

This element has a border color of #675ea5.

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

CSS codes

.text {color:#675ea5;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#09080f
```
#09080f rgb(9,8,15)
```
#11101c
```
#11101c rgb(17,16,28)
```
#191728
```
#191728 rgb(25,23,40)
```
#211e35
```
#211e35 rgb(33,30,53)
```
#282541
```
#282541 rgb(40,37,65)
```
#302c4e
```
#302c4e rgb(48,44,78)
```
#38335b
```
#38335b rgb(56,51,91)
```
#3f3a67
```
#3f3a67 rgb(63,58,103)
```
#474174
```
#474174 rgb(71,65,116)
```
#4f4880
```
#4f4880 rgb(79,72,128)
```
#574f8d
```
#574f8d rgb(87,79,141)
```
#5e569a
```
#5e569a rgb(94,86,154)
```

Shade Color Variation

#675ea5
```
#675ea5 rgb(103,94,165)
```
#736bac
```
#736bac rgb(115,107,172)
```
#7f77b3
```
#7f77b3 rgb(127,119,179)
```
#8b84ba
```
#8b84ba rgb(139,132,186)
```
#9790c1
```
#9790c1 rgb(151,144,193)
```
#a29dc8
```
#a29dc8 rgb(162,157,200)
```
#aea9cf
```
#aea9cf rgb(174,169,207)
```
#bab6d6
```
#bab6d6 rgb(186,182,214)
```
#c6c3dd
```
#c6c3dd rgb(198,195,221)
```
#d2cfe4
```
#d2cfe4 rgb(210,207,228)
```
#dedceb
```
#dedceb rgb(222,220,235)
```
#eae8f2
```
#eae8f2 rgb(234,232,242)
```
#f6f5f9
```
#f6f5f9 rgb(246,245,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7b88 is the less saturated color, while #2607fc is the most saturated one.

#7d7b88
```
#7d7b88 rgb(125,123,136)
```
#757192
```
#757192 rgb(117,113,146)
```
#6e689b
```
#6e689b rgb(110,104,155)
```
#675ea5
```
#675ea5 rgb(103,94,165)
```
#6054af
```
#6054af rgb(96,84,175)
```
#594bb8
```
#594bb8 rgb(89,75,184)
```
#5141c2
```
#5141c2 rgb(81,65,194)
```
#4a37cc
```
#4a37cc rgb(74,55,204)
```
#432ed5
```
#432ed5 rgb(67,46,213)
```
#3c24df
```
#3c24df rgb(60,36,223)
```
#351ae9
```
#351ae9 rgb(53,26,233)
```
#2d11f2
```
#2d11f2 rgb(45,17,242)
```
#2607fc
```
#2607fc rgb(38,7,252)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696775 Atypical Achromatopsia 0.001% of the population

Dichromacy

#526cae Protanopia 1% of men
#4f6fa6 Deuteranopia 1% of men
#617179 Tritanopia 0.001% of the population

Trichromacy

#5967ab Protanomaly 1% of men, 0.01% of women
#5768a5 Deuteranomaly 6% of men, 0.4% of women
#636a89 Tritanomaly 0.01% of the population

#675ea5 hex color

#675ea5 Color Information

#675ea5 Color Conversion

Color Schemes with #675ea5

Alternatives to #675ea5

#675ea5 Preview

Shades and Tints of #675ea5

Tones of #675ea5

Color Blindness Simulator