#695fff hex color

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

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

● #695fff color description : Light blue.

The hexadecimal color #695fff has RGB values of R:105, G:95, B:255 and CMYK values of C:0.59, M:0.63, Y:0, K:0. Its decimal value is 6905855.

Hex triplet	695fff	`#695fff`
RGB Decimal	105, 95, 255	`rgb(105,95,255)`
RGB Percent	41.2, 37.3, 100	`rgb(41.2%,37.3%,100%)`
CMYK	59, 63, 0, 0
HSL	243.8°, 100, 68.6	`hsl(243.8,100%,68.6%)`
HSV (or HSB)	243.8°, 62.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.986, 48.131, -78.463
XYZ	27.964, 18.407, 96.681
xyY	0.195, 0.129, 18.407
CIE-LCH	49.986, 92.049, 301.526
CIE-LUV	49.986, -6.213, -123.139
Hunter-Lab	42.903, 41.268, -103.578
Binary	01101001, 01011111, 11111111

#695fff
```
#695fff rgb(105,95,255)
```
#f5ff5f
```
#f5ff5f rgb(245,255,95)
```

Complementary Color

#5fa5ff
```
#5fa5ff rgb(95,165,255)
```
#695fff
```
#695fff rgb(105,95,255)
```
#b95fff
```
#b95fff rgb(185,95,255)
```

Analogous Color

#a5ff5f
```
#a5ff5f rgb(165,255,95)
```
#695fff
```
#695fff rgb(105,95,255)
```
#ffb95f
```
#ffb95f rgb(255,185,95)
```

Split Complementary Color

#5fff69
```
#5fff69 rgb(95,255,105)
```
#695fff
```
#695fff rgb(105,95,255)
```
#ff695f
```
#ff695f rgb(255,105,95)
```

Triadic Color

#5ff5ff
```
#5ff5ff rgb(95,245,255)
```
#695fff
```
#695fff rgb(105,95,255)
```
#ff695f
```
#ff695f rgb(255,105,95)
```
#f5ff5f
```
#f5ff5f rgb(245,255,95)
```

Tetradic Color

#2113ff
```
#2113ff rgb(33,19,255)
```
#392cff
```
#392cff rgb(57,44,255)
```
#5146ff
```
#5146ff rgb(81,70,255)
```
#695fff
```
#695fff rgb(105,95,255)
```
#8179ff
```
#8179ff rgb(129,121,255)
```
#9992ff
```
#9992ff rgb(153,146,255)
```
#b1acff
```
#b1acff rgb(177,172,255)
```

Monochromatic Color

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

#5f7dff
```
#5f7dff rgb(95,125,255)
```
#5f70ff
```
#5f70ff rgb(95,112,255)
```
#5f62ff
```
#5f62ff rgb(95,98,255)
```
#695fff
```
#695fff rgb(105,95,255)
```
#765fff
```
#765fff rgb(118,95,255)
```
#845fff
```
#845fff rgb(132,95,255)
```
#915fff
```
#915fff rgb(145,95,255)
```

Similar Colors

Text with hexadecimal color #695fff

This text has a font color of #695fff.

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

#695fff background color

This paragraph has a background color of #695fff.

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

#695fff border color

This element has a border color of #695fff.

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

CSS codes

.text {color:#695fff;}

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

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

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

#010011
```
#010011 rgb(1,0,17)
```
#020024
```
#020024 rgb(2,0,36)
```
#030038
```
#030038 rgb(3,0,56)
```
#05004b
```
#05004b rgb(5,0,75)
```
#06005f
```
#06005f rgb(6,0,95)
```
#070073
```
#070073 rgb(7,0,115)
```
#080086
```
#080086 rgb(8,0,134)
```
#0a009a
```
#0a009a rgb(10,0,154)
```
#0b00ad
```
#0b00ad rgb(11,0,173)
```
#0c00c1
```
#0c00c1 rgb(12,0,193)
```
#0d00d5
```
#0d00d5 rgb(13,0,213)
```
#0f00e8
```
#0f00e8 rgb(15,0,232)
```
#1000fc
```
#1000fc rgb(16,0,252)
```

Shade Color Variation

#1f11ff
```
#1f11ff rgb(31,17,255)
```
#3224ff
```
#3224ff rgb(50,36,255)
```
#4438ff
```
#4438ff rgb(68,56,255)
```
#574bff
```
#574bff rgb(87,75,255)
```
#695fff
```
#695fff rgb(105,95,255)
```
#7b73ff
```
#7b73ff rgb(123,115,255)
```
#8e86ff
```
#8e86ff rgb(142,134,255)
```
#a09aff
```
#a09aff rgb(160,154,255)
```
#b3adff
```
#b3adff rgb(179,173,255)
```
#c5c1ff
```
#c5c1ff rgb(197,193,255)
```
#d7d5ff
```
#d7d5ff rgb(215,213,255)
```
#eae8ff
```
#eae8ff rgb(234,232,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#aaa9b5
```
#aaa9b5 rgb(170,169,181)
```
#a4a3bb
```
#a4a3bb rgb(164,163,187)
```
#9f9dc1
```
#9f9dc1 rgb(159,157,193)
```
#9996c8
```
#9996c8 rgb(153,150,200)
```
#9490ce
```
#9490ce rgb(148,144,206)
```
#8f8ad4
```
#8f8ad4 rgb(143,138,212)
```
#8984da
```
#8984da rgb(137,132,218)
```
#847ee0
```
#847ee0 rgb(132,126,224)
```
#7f78e6
```
#7f78e6 rgb(127,120,230)
```
#7971ed
```
#7971ed rgb(121,113,237)
```
#746bf3
```
#746bf3 rgb(116,107,243)
```
#6e65f9
```
#6e65f9 rgb(110,101,249)
```
#695fff
```
#695fff rgb(105,95,255)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#727090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#0080d1 Deuteranopia 1% of men
#298993 Tritanopia 0.001% of the population

Trichromacy

#2670f4 Protanomaly 1% of men, 0.01% of women
#2674e1 Deuteranomaly 6% of men, 0.4% of women
#4079ba Tritanomaly 0.01% of the population

#695fff hex color

#695fff Color Information

#695fff Color Conversion

Color Schemes with #695fff

Alternatives to #695fff

#695fff Preview

Shades and Tints of #695fff

Tones of #695fff

Color Blindness Simulator