#695aff hex color

In a RGB color space, hex #695aff is composed of 41.2% red, 35.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 64.7% magenta, 0% yellow and 0% black. It has a hue angle of 245.5 degrees, a saturation of 100% and a lightness of 67.6%. #695aff color hex could be obtained by blending #d2b4ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 35
- B 100
RGB color chart
- C 59
- M 65
- Y 0
- K 0
CMYK color chart

● #695aff color description : Light blue.

The hexadecimal color #695aff has RGB values of R:105, G:90, B:255 and CMYK values of C:0.59, M:0.65, Y:0, K:0. Its decimal value is 6904575.

Hex triplet	695aff	`#695aff`
RGB Decimal	105, 90, 255	`rgb(105,90,255)`
RGB Percent	41.2, 35.3, 100	`rgb(41.2%,35.3%,100%)`
CMYK	59, 65, 0, 0
HSL	245.5°, 100, 67.6	`hsl(245.5,100%,67.6%)`
HSV (or HSB)	245.5°, 64.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.927, 50.958, -80.193
XYZ	27.528, 17.535, 96.536
xyY	0.194, 0.124, 17.535
CIE-LCH	48.927, 95.014, 302.434
CIE-LUV	48.927, -5.113, -124.869
Hunter-Lab	41.874, 44.067, -107.374
Binary	01101001, 01011010, 11111111

#695aff
```
#695aff rgb(105,90,255)
```
#f0ff5a
```
#f0ff5a rgb(240,255,90)
```

Complementary Color

#5a9eff
```
#5a9eff rgb(90,158,255)
```
#695aff
```
#695aff rgb(105,90,255)
```
#bc5aff
```
#bc5aff rgb(188,90,255)
```

Analogous Color

#9eff5a
```
#9eff5a rgb(158,255,90)
```
#695aff
```
#695aff rgb(105,90,255)
```
#ffbc5a
```
#ffbc5a rgb(255,188,90)
```

Split Complementary Color

#5aff69
```
#5aff69 rgb(90,255,105)
```
#695aff
```
#695aff rgb(105,90,255)
```
#ff695a
```
#ff695a rgb(255,105,90)
```

Triadic Color

#5af0ff
```
#5af0ff rgb(90,240,255)
```
#695aff
```
#695aff rgb(105,90,255)
```
#ff695a
```
#ff695a rgb(255,105,90)
```
#f0ff5a
```
#f0ff5a rgb(240,255,90)
```

Tetradic Color

#230eff
```
#230eff rgb(35,14,255)
```
#3b27ff
```
#3b27ff rgb(59,39,255)
```
#5241ff
```
#5241ff rgb(82,65,255)
```
#695aff
```
#695aff rgb(105,90,255)
```
#8074ff
```
#8074ff rgb(128,116,255)
```
#978dff
```
#978dff rgb(151,141,255)
```
#afa7ff
```
#afa7ff rgb(175,167,255)
```

Monochromatic Color

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

#5a74ff
```
#5a74ff rgb(90,116,255)
```
#5a67ff
```
#5a67ff rgb(90,103,255)
```
#5b5aff
```
#5b5aff rgb(91,90,255)
```
#695aff
```
#695aff rgb(105,90,255)
```
#775aff
```
#775aff rgb(119,90,255)
```
#855aff
```
#855aff rgb(133,90,255)
```
#925aff
```
#925aff rgb(146,90,255)
```

Similar Colors

Text with hexadecimal color #695aff

This text has a font color of #695aff.

<span style="color:#695aff;">Text here</span>

#695aff background color

This paragraph has a background color of #695aff.

<p style="background-color:#695aff;">Content here</p>

#695aff border color

This element has a border color of #695aff.

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

CSS codes

.text {color:#695aff;}

.background {background-color:#695aff;}

.border {border:1px solid #695aff;}

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, #01000c is the darkest color, while #f8f7ff is the lightest one.

#01000c
```
#01000c rgb(1,0,12)
```
#03001f
```
#03001f rgb(3,0,31)
```
#050033
```
#050033 rgb(5,0,51)
```
#060046
```
#060046 rgb(6,0,70)
```
#08005a
```
#08005a rgb(8,0,90)
```
#0a006e
```
#0a006e rgb(10,0,110)
```
#0c0081
```
#0c0081 rgb(12,0,129)
```
#0e0095
```
#0e0095 rgb(14,0,149)
```
#0f00a8
```
#0f00a8 rgb(15,0,168)
```
#1100bc
```
#1100bc rgb(17,0,188)
```
#1300d0
```
#1300d0 rgb(19,0,208)
```
#1500e3
```
#1500e3 rgb(21,0,227)
```
#1600f7
```
#1600f7 rgb(22,0,247)
```

Shade Color Variation

#220cff
```
#220cff rgb(34,12,255)
```
#341fff
```
#341fff rgb(52,31,255)
```
#4533ff
```
#4533ff rgb(69,51,255)
```
#5746ff
```
#5746ff rgb(87,70,255)
```
#695aff
```
#695aff rgb(105,90,255)
```
#7b6eff
```
#7b6eff rgb(123,110,255)
```
#8d81ff
```
#8d81ff rgb(141,129,255)
```
#9e95ff
```
#9e95ff rgb(158,149,255)
```
#b0a8ff
```
#b0a8ff rgb(176,168,255)
```
#c2bcff
```
#c2bcff rgb(194,188,255)
```
#d4d0ff
```
#d4d0ff rgb(212,208,255)
```
#e6e3ff
```
#e6e3ff rgb(230,227,255)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Tint Color Variation

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

#a7a6b3
```
#a7a6b3 rgb(167,166,179)
```
#a2a0b9
```
#a2a0b9 rgb(162,160,185)
```
#9d99c0
```
#9d99c0 rgb(157,153,192)
```
#9893c6
```
#9893c6 rgb(152,147,198)
```
#938dcc
```
#938dcc rgb(147,141,204)
```
#8d86d3
```
#8d86d3 rgb(141,134,211)
```
#8880d9
```
#8880d9 rgb(136,128,217)
```
#837adf
```
#837adf rgb(131,122,223)
```
#7e73e6
```
#7e73e6 rgb(126,115,230)
```
#796dec
```
#796dec rgb(121,109,236)
```
#7367f2
```
#7367f2 rgb(115,103,242)
```
#6e60f9
```
#6e60f9 rgb(110,96,249)
```
#695aff
```
#695aff rgb(105,90,255)
```

Tone Color Variation

Below, you can see how #695aff 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
#6f6c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#268690 Tritanopia 0.001% of the population

Trichromacy

#266cf1 Protanomaly 1% of men, 0.01% of women
#2671de Deuteranomaly 6% of men, 0.4% of women
#3e76b8 Tritanomaly 0.01% of the population

#695aff hex color

#695aff Color Information

#695aff Color Conversion

Color Schemes with #695aff

Alternatives to #695aff

#695aff Preview

Shades and Tints of #695aff

Tones of #695aff

Color Blindness Simulator