#695dff hex color

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

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

● #695dff color description : Light blue.

The hexadecimal color #695dff has RGB values of R:105, G:93, B:255 and CMYK values of C:0.59, M:0.64, Y:0, K:0. Its decimal value is 6905343.

Hex triplet	695dff	`#695dff`
RGB Decimal	105, 93, 255	`rgb(105,93,255)`
RGB Percent	41.2, 36.5, 100	`rgb(41.2%,36.5%,100%)`
CMYK	59, 64, 0, 0
HSL	244.4°, 100, 68.2	`hsl(244.4,100%,68.2%)`
HSV (or HSB)	244.4°, 63.5, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.558, 49.269, -79.162
XYZ	27.787, 18.051, 96.622
xyY	0.195, 0.127, 18.051
CIE-LCH	49.558, 93.241, 301.897
CIE-LUV	49.558, -5.766, -123.853
Hunter-Lab	42.486, 42.39, -105.097
Binary	01101001, 01011101, 11111111

#695dff
```
#695dff rgb(105,93,255)
```
#f3ff5d
```
#f3ff5d rgb(243,255,93)
```

Complementary Color

#5da2ff
```
#5da2ff rgb(93,162,255)
```
#695dff
```
#695dff rgb(105,93,255)
```
#ba5dff
```
#ba5dff rgb(186,93,255)
```

Analogous Color

#a2ff5d
```
#a2ff5d rgb(162,255,93)
```
#695dff
```
#695dff rgb(105,93,255)
```
#ffba5d
```
#ffba5d rgb(255,186,93)
```

Split Complementary Color

#5dff69
```
#5dff69 rgb(93,255,105)
```
#695dff
```
#695dff rgb(105,93,255)
```
#ff695d
```
#ff695d rgb(255,105,93)
```

Triadic Color

#5df3ff
```
#5df3ff rgb(93,243,255)
```
#695dff
```
#695dff rgb(105,93,255)
```
#ff695d
```
#ff695d rgb(255,105,93)
```
#f3ff5d
```
#f3ff5d rgb(243,255,93)
```

Tetradic Color

#2211ff
```
#2211ff rgb(34,17,255)
```
#3a2aff
```
#3a2aff rgb(58,42,255)
```
#5144ff
```
#5144ff rgb(81,68,255)
```
#695dff
```
#695dff rgb(105,93,255)
```
#8177ff
```
#8177ff rgb(129,119,255)
```
#9890ff
```
#9890ff rgb(152,144,255)
```
#b0aaff
```
#b0aaff rgb(176,170,255)
```

Monochromatic Color

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

#5d7aff
```
#5d7aff rgb(93,122,255)
```
#5d6cff
```
#5d6cff rgb(93,108,255)
```
#5d5eff
```
#5d5eff rgb(93,94,255)
```
#695dff
```
#695dff rgb(105,93,255)
```
#775dff
```
#775dff rgb(119,93,255)
```
#845dff
```
#845dff rgb(132,93,255)
```
#925dff
```
#925dff rgb(146,93,255)
```

Similar Colors

Text with hexadecimal color #695dff

This text has a font color of #695dff.

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

#695dff background color

This paragraph has a background color of #695dff.

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

#695dff border color

This element has a border color of #695dff.

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

CSS codes

.text {color:#695dff;}

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

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

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

#01000f
```
#01000f rgb(1,0,15)
```
#030022
```
#030022 rgb(3,0,34)
```
#040036
```
#040036 rgb(4,0,54)
```
#050049
```
#050049 rgb(5,0,73)
```
#07005d
```
#07005d rgb(7,0,93)
```
#080071
```
#080071 rgb(8,0,113)
```
#0a0084
```
#0a0084 rgb(10,0,132)
```
#0b0098
```
#0b0098 rgb(11,0,152)
```
#0d00ab
```
#0d00ab rgb(13,0,171)
```
#0e00bf
```
#0e00bf rgb(14,0,191)
```
#1000d3
```
#1000d3 rgb(16,0,211)
```
#1100e6
```
#1100e6 rgb(17,0,230)
```
#1300fa
```
#1300fa rgb(19,0,250)
```

Shade Color Variation

#200fff
```
#200fff rgb(32,15,255)
```
#3322ff
```
#3322ff rgb(51,34,255)
```
#4536ff
```
#4536ff rgb(69,54,255)
```
#5749ff
```
#5749ff rgb(87,73,255)
```
#695dff
```
#695dff rgb(105,93,255)
```
#7b71ff
```
#7b71ff rgb(123,113,255)
```
#8d84ff
```
#8d84ff rgb(141,132,255)
```
#9f98ff
```
#9f98ff rgb(159,152,255)
```
#b2abff
```
#b2abff rgb(178,171,255)
```
#c4bfff
```
#c4bfff rgb(196,191,255)
```
#d6d3ff
```
#d6d3ff rgb(214,211,255)
```
#e8e6ff
```
#e8e6ff rgb(232,230,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#a9a8b4
```
#a9a8b4 rgb(169,168,180)
```
#a3a2ba
```
#a3a2ba rgb(163,162,186)
```
#9e9bc1
```
#9e9bc1 rgb(158,155,193)
```
#9995c7
```
#9995c7 rgb(153,149,199)
```
#938fcd
```
#938fcd rgb(147,143,205)
```
#8e89d3
```
#8e89d3 rgb(142,137,211)
```
#8982da
```
#8982da rgb(137,130,218)
```
#847ce0
```
#847ce0 rgb(132,124,224)
```
#7e76e6
```
#7e76e6 rgb(126,118,230)
```
#7970ec
```
#7970ec rgb(121,112,236)
```
#7469f3
```
#7469f3 rgb(116,105,243)
```
#6e63f9
```
#6e63f9 rgb(110,99,249)
```
#695dff
```
#695dff rgb(105,93,255)
```

Tone Color Variation

Below, you can see how #695dff 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

#737373 Achromatopsia 0.005% of the population
#716f8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#288892 Tritanopia 0.001% of the population

Trichromacy

#266ef3 Protanomaly 1% of men, 0.01% of women
#2673e0 Deuteranomaly 6% of men, 0.4% of women
#3f78b9 Tritanomaly 0.01% of the population

#695dff hex color

#695dff Color Information

#695dff Color Conversion

Color Schemes with #695dff

Alternatives to #695dff

#695dff Preview

Shades and Tints of #695dff

Tones of #695dff

Color Blindness Simulator