#675cf0 hex color

In a RGB color space, hex #675cf0 is composed of 40.4% red, 36.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 61.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 244.5 degrees, a saturation of 83.1% and a lightness of 65.1%. #675cf0 color hex could be obtained by blending #ceb8ff with #0000e1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 40
- G 36
- B 94
RGB color chart
- C 57
- M 62
- Y 0
- K 6
CMYK color chart

● #675cf0 color description : Soft blue.

The hexadecimal color #675cf0 has RGB values of R:103, G:92, B:240 and CMYK values of C:0.57, M:0.62, Y:0, K:0.06. Its decimal value is 6774000.

Hex triplet	675cf0	`#675cf0`
RGB Decimal	103, 92, 240	`rgb(103,92,240)`
RGB Percent	40.4, 36.1, 94.1	`rgb(40.4%,36.1%,94.1%)`
CMYK	57, 62, 0, 6
HSL	244.5°, 83.1, 65.1	`hsl(244.5,83.1%,65.1%)`
HSV (or HSB)	244.5°, 61.7, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.043, 44.934, -73.27
XYZ	25.146, 16.828, 84.356
xyY	0.199, 0.133, 16.828
CIE-LCH	48.043, 85.951, 301.519
CIE-LUV	48.043, -5.176, -114.243
Hunter-Lab	41.022, 37.628, -93.206
Binary	01100111, 01011100, 11110000

#675cf0
```
#675cf0 rgb(103,92,240)
```
#e5f05c
```
#e5f05c rgb(229,240,92)
```

Complementary Color

#5c9bf0
```
#5c9bf0 rgb(92,155,240)
```
#675cf0
```
#675cf0 rgb(103,92,240)
```
#b15cf0
```
#b15cf0 rgb(177,92,240)
```

Analogous Color

#9bf05c
```
#9bf05c rgb(155,240,92)
```
#675cf0
```
#675cf0 rgb(103,92,240)
```
#f0b15c
```
#f0b15c rgb(240,177,92)
```

Split Complementary Color

#5cf067
```
#5cf067 rgb(92,240,103)
```
#675cf0
```
#675cf0 rgb(103,92,240)
```
#f0675c
```
#f0675c rgb(240,103,92)
```

Triadic Color

#5ce5f0
```
#5ce5f0 rgb(92,229,240)
```
#675cf0
```
#675cf0 rgb(103,92,240)
```
#f0675c
```
#f0675c rgb(240,103,92)
```
#e5f05c
```
#e5f05c rgb(229,240,92)
```

Tetradic Color

#2616ea
```
#2616ea rgb(38,22,234)
```
#3b2dec
```
#3b2dec rgb(59,45,236)
```
#5145ee
```
#5145ee rgb(81,69,238)
```
#675cf0
```
#675cf0 rgb(103,92,240)
```
#7d73f2
```
#7d73f2 rgb(125,115,242)
```
#938bf4
```
#938bf4 rgb(147,139,244)
```
#a8a2f6
```
#a8a2f6 rgb(168,162,246)
```

Monochromatic Color

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

#5c76f0
```
#5c76f0 rgb(92,118,240)
```
#5c6af0
```
#5c6af0 rgb(92,106,240)
```
#5c5df0
```
#5c5df0 rgb(92,93,240)
```
#675cf0
```
#675cf0 rgb(103,92,240)
```
#735cf0
```
#735cf0 rgb(115,92,240)
```
#805cf0
```
#805cf0 rgb(128,92,240)
```
#8c5cf0
```
#8c5cf0 rgb(140,92,240)
```

Similar Colors

Text with hexadecimal color #675cf0

This text has a font color of #675cf0.

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

#675cf0 background color

This paragraph has a background color of #675cf0.

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

#675cf0 border color

This element has a border color of #675cf0.

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

CSS codes

.text {color:#675cf0;}

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

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

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

#030211
```
#030211 rgb(3,2,17)
```
#060323
```
#060323 rgb(6,3,35)
```
#080535
```
#080535 rgb(8,5,53)
```
#0b0647
```
#0b0647 rgb(11,6,71)
```
#0e0858
```
#0e0858 rgb(14,8,88)
```
#110a6a
```
#110a6a rgb(17,10,106)
```
#140b7c
```
#140b7c rgb(20,11,124)
```
#170d8e
```
#170d8e rgb(23,13,142)
```
#1a0fa0
```
#1a0fa0 rgb(26,15,160)
```
#1c10b2
```
#1c10b2 rgb(28,16,178)
```
#1f12c4
```
#1f12c4 rgb(31,18,196)
```
#2214d6
```
#2214d6 rgb(34,20,214)
```
#2515e8
```
#2515e8 rgb(37,21,232)
```

Shade Color Variation

#3526eb
```
#3526eb rgb(53,38,235)
```
#4538ed
```
#4538ed rgb(69,56,237)
```
#564aee
```
#564aee rgb(86,74,238)
```
#675cf0
```
#675cf0 rgb(103,92,240)
```
#786ef2
```
#786ef2 rgb(120,110,242)
```
#8980f3
```
#8980f3 rgb(137,128,243)
```
#9992f5
```
#9992f5 rgb(153,146,245)
```
#aaa4f7
```
#aaa4f7 rgb(170,164,247)
```
#bbb6f8
```
#bbb6f8 rgb(187,182,248)
```
#ccc8fa
```
#ccc8fa rgb(204,200,250)
```
#dcdafc
```
#dcdafc rgb(220,218,252)
```
#edecfd
```
#edecfd rgb(237,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a1a0ac
```
#a1a0ac rgb(161,160,172)
```
#9b9ab2
```
#9b9ab2 rgb(155,154,178)
```
#9693b9
```
#9693b9 rgb(150,147,185)
```
#908cc0
```
#908cc0 rgb(144,140,192)
```
#8a85c7
```
#8a85c7 rgb(138,133,199)
```
#847ece
```
#847ece rgb(132,126,206)
```
#7e77d5
```
#7e77d5 rgb(126,119,213)
```
#7871db
```
#7871db rgb(120,113,219)
```
#736ae2
```
#736ae2 rgb(115,106,226)
```
#6d63e9
```
#6d63e9 rgb(109,99,233)
```
#675cf0
```
#675cf0 rgb(103,92,240)
```
#6155f7
```
#6155f7 rgb(97,85,247)
```
#5b4efe
```
#5b4efe rgb(91,78,254)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6e6c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#36838c Tritanopia 0.001% of the population

Trichromacy

#256ce9 Protanomaly 1% of men, 0.01% of women
#2570d7 Deuteranomaly 6% of men, 0.4% of women
#4875b0 Tritanomaly 0.01% of the population

#675cf0 hex color

#675cf0 Color Information

#675cf0 Color Conversion

Color Schemes with #675cf0

Alternatives to #675cf0

#675cf0 Preview

Shades and Tints of #675cf0

Tones of #675cf0

Color Blindness Simulator