#665ef2 hex color

In a RGB color space, hex #665ef2 is composed of 40% red, 36.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 61.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 243.2 degrees, a saturation of 85.1% and a lightness of 65.9%. #665ef2 color hex could be obtained by blending #ccbcff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 40
- G 37
- B 95
RGB color chart
- C 58
- M 61
- Y 0
- K 5
CMYK color chart

● #665ef2 color description : Soft blue.

The hexadecimal color #665ef2 has RGB values of R:102, G:94, B:242 and CMYK values of C:0.58, M:0.61, Y:0, K:0.05. Its decimal value is 6708978.

Hex triplet	665ef2	`#665ef2`
RGB Decimal	102, 94, 242	`rgb(102,94,242)`
RGB Percent	40, 36.9, 94.9	`rgb(40%,36.9%,94.9%)`
CMYK	58, 61, 0, 5
HSL	243.2°, 85.1, 65.9	`hsl(243.2,85.1%,65.9%)`
HSV (or HSB)	243.2°, 61.2, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.561, 44.226, -73.55
XYZ	25.506, 17.24, 85.983
xyY	0.198, 0.134, 17.24
CIE-LCH	48.561, 85.823, 301.019
CIE-LUV	48.561, -6.074, -114.954
Hunter-Lab	41.521, 36.989, -93.715
Binary	01100110, 01011110, 11110010

#665ef2
```
#665ef2 rgb(102,94,242)
```
#eaf25e
```
#eaf25e rgb(234,242,94)
```

Complementary Color

#5ea0f2
```
#5ea0f2 rgb(94,160,242)
```
#665ef2
```
#665ef2 rgb(102,94,242)
```
#b05ef2
```
#b05ef2 rgb(176,94,242)
```

Analogous Color

#a0f25e
```
#a0f25e rgb(160,242,94)
```
#665ef2
```
#665ef2 rgb(102,94,242)
```
#f2b05e
```
#f2b05e rgb(242,176,94)
```

Split Complementary Color

#5ef266
```
#5ef266 rgb(94,242,102)
```
#665ef2
```
#665ef2 rgb(102,94,242)
```
#f2665e
```
#f2665e rgb(242,102,94)
```

Triadic Color

#5eeaf2
```
#5eeaf2 rgb(94,234,242)
```
#665ef2
```
#665ef2 rgb(102,94,242)
```
#f2665e
```
#f2665e rgb(242,102,94)
```
#eaf25e
```
#eaf25e rgb(234,242,94)
```

Tetradic Color

#2317ec
```
#2317ec rgb(35,23,236)
```
#392fee
```
#392fee rgb(57,47,238)
```
#5046f0
```
#5046f0 rgb(80,70,240)
```
#665ef2
```
#665ef2 rgb(102,94,242)
```
#7c76f4
```
#7c76f4 rgb(124,118,244)
```
#938df6
```
#938df6 rgb(147,141,246)
```
#a9a5f8
```
#a9a5f8 rgb(169,165,248)
```

Monochromatic Color

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

#5e7bf2
```
#5e7bf2 rgb(94,123,242)
```
#5e6ff2
```
#5e6ff2 rgb(94,111,242)
```
#5e62f2
```
#5e62f2 rgb(94,98,242)
```
#665ef2
```
#665ef2 rgb(102,94,242)
```
#725ef2
```
#725ef2 rgb(114,94,242)
```
#7f5ef2
```
#7f5ef2 rgb(127,94,242)
```
#8b5ef2
```
#8b5ef2 rgb(139,94,242)
```

Similar Colors

Text with hexadecimal color #665ef2

This text has a font color of #665ef2.

<span style="color:#665ef2;">Text here</span>

#665ef2 background color

This paragraph has a background color of #665ef2.

<p style="background-color:#665ef2;">Content here</p>

#665ef2 border color

This element has a border color of #665ef2.

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

CSS codes

.text {color:#665ef2;}

.background {background-color:#665ef2;}

.border {border:1px solid #665ef2;}

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

#000002
```
#000002 rgb(0,0,2)
```
#030214
```
#030214 rgb(3,2,20)
```
#050327
```
#050327 rgb(5,3,39)
```
#070539
```
#070539 rgb(7,5,57)
```
#0a064b
```
#0a064b rgb(10,6,75)
```
#0c085d
```
#0c085d rgb(12,8,93)
```
#0f096f
```
#0f096f rgb(15,9,111)
```
#110a81
```
#110a81 rgb(17,10,129)
```
#130c94
```
#130c94 rgb(19,12,148)
```
#160da6
```
#160da6 rgb(22,13,166)
```
#180fb8
```
#180fb8 rgb(24,15,184)
```
#1a10ca
```
#1a10ca rgb(26,16,202)
```
#1d12dc
```
#1d12dc rgb(29,18,220)
```

Shade Color Variation

#2115ec
```
#2115ec rgb(33,21,236)
```
#3228ee
```
#3228ee rgb(50,40,238)
```
#443aef
```
#443aef rgb(68,58,239)
```
#554cf1
```
#554cf1 rgb(85,76,241)
```
#665ef2
```
#665ef2 rgb(102,94,242)
```
#7770f3
```
#7770f3 rgb(119,112,243)
```
#8882f5
```
#8882f5 rgb(136,130,245)
```
#9a94f6
```
#9a94f6 rgb(154,148,246)
```
#aba7f8
```
#aba7f8 rgb(171,167,248)
```
#bcb9f9
```
#bcb9f9 rgb(188,185,249)
```
#cdcbfb
```
#cdcbfb rgb(205,203,251)
```
#dfddfc
```
#dfddfc rgb(223,221,252)
```
#f0effe
```
#f0effe rgb(240,239,254)
```

Tint Color Variation

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

#a8a8a8
```
#a8a8a8 rgb(168,168,168)
```
#a2a1af
```
#a2a1af rgb(162,161,175)
```
#9c9ab6
```
#9c9ab6 rgb(156,154,182)
```
#9694bc
```
#9694bc rgb(150,148,188)
```
#908dc3
```
#908dc3 rgb(144,141,195)
```
#8a86ca
```
#8a86ca rgb(138,134,202)
```
#847fd1
```
#847fd1 rgb(132,127,209)
```
#7e79d7
```
#7e79d7 rgb(126,121,215)
```
#7872de
```
#7872de rgb(120,114,222)
```
#726be5
```
#726be5 rgb(114,107,229)
```
#6c65eb
```
#6c65eb rgb(108,101,235)
```
#665ef2
```
#665ef2 rgb(102,94,242)
```
#6057f9
```
#6057f9 rgb(96,87,249)
```

Tone Color Variation

Below, you can see how #665ef2 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

#717171 Achromatopsia 0.005% of the population
#6f6d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#32858e Tritanopia 0.001% of the population

Trichromacy

#256deb Protanomaly 1% of men, 0.01% of women
#2571d9 Deuteranomaly 6% of men, 0.4% of women
#4576b2 Tritanomaly 0.01% of the population

#665ef2 hex color

#665ef2 Color Information

#665ef2 Color Conversion

Color Schemes with #665ef2

Alternatives to #665ef2

#665ef2 Preview

Shades and Tints of #665ef2

Tones of #665ef2

Color Blindness Simulator