#697dfc hex color

In a RGB color space, hex #697dfc is composed of 41.2% red, 49% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 50.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 231.8 degrees, a saturation of 96.1% and a lightness of 70%. #697dfc color hex could be obtained by blending #d2faff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 49
- B 99
RGB color chart
- C 58
- M 50
- Y 0
- K 1
CMYK color chart

● #697dfc color description : Soft blue.

The hexadecimal color #697dfc has RGB values of R:105, G:125, B:252 and CMYK values of C:0.58, M:0.5, Y:0, K:0.01. Its decimal value is 6913532.

Hex triplet	697dfc	`#697dfc`
RGB Decimal	105, 125, 252	`rgb(105,125,252)`
RGB Percent	41.2, 49, 98.8	`rgb(41.2%,49%,98.8%)`
CMYK	58, 50, 0, 1
HSL	231.8°, 96.1, 70	`hsl(231.8,96.1%,70%)`
HSV (or HSB)	231.8°, 58.3, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.779, 29.454, -65.788
XYZ	30.726, 24.697, 95.238
xyY	0.204, 0.164, 24.697
CIE-LCH	56.779, 72.081, 294.119
CIE-LUV	56.779, -13.959, -106.84
Hunter-Lab	49.696, 23.395, -78.836
Binary	01101001, 01111101, 11111100

#697dfc
```
#697dfc rgb(105,125,252)
```
#fce869
```
#fce869 rgb(252,232,105)
```

Complementary Color

#69c7fc
```
#69c7fc rgb(105,199,252)
```
#697dfc
```
#697dfc rgb(105,125,252)
```
#9f69fc
```
#9f69fc rgb(159,105,252)
```

Analogous Color

#c7fc69
```
#c7fc69 rgb(199,252,105)
```
#697dfc
```
#697dfc rgb(105,125,252)
```
#fc9f69
```
#fc9f69 rgb(252,159,105)
```

Split Complementary Color

#7dfc69
```
#7dfc69 rgb(125,252,105)
```
#697dfc
```
#697dfc rgb(105,125,252)
```
#fc697d
```
#fc697d rgb(252,105,125)
```

Triadic Color

#69fce8
```
#69fce8 rgb(105,252,232)
```
#697dfc
```
#697dfc rgb(105,125,252)
```
#fc697d
```
#fc697d rgb(252,105,125)
```
#fce869
```
#fce869 rgb(252,232,105)
```

Tetradic Color

#1e3cfb
```
#1e3cfb rgb(30,60,251)
```
#3752fb
```
#3752fb rgb(55,82,251)
```
#5067fc
```
#5067fc rgb(80,103,252)
```
#697dfc
```
#697dfc rgb(105,125,252)
```
#8293fd
```
#8293fd rgb(130,147,253)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#b4befe
```
#b4befe rgb(180,190,254)
```

Monochromatic Color

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

#69a2fc
```
#69a2fc rgb(105,162,252)
```
#6996fc
```
#6996fc rgb(105,150,252)
```
#6989fc
```
#6989fc rgb(105,137,252)
```
#697dfc
```
#697dfc rgb(105,125,252)
```
#6971fc
```
#6971fc rgb(105,113,252)
```
#6e69fc
```
#6e69fc rgb(110,105,252)
```
#7a69fc
```
#7a69fc rgb(122,105,252)
```

Similar Colors

Text with hexadecimal color #697dfc

This text has a font color of #697dfc.

<span style="color:#697dfc;">Text here</span>

#697dfc background color

This paragraph has a background color of #697dfc.

<p style="background-color:#697dfc;">Content here</p>

#697dfc border color

This element has a border color of #697dfc.

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

CSS codes

.text {color:#697dfc;}

.background {background-color:#697dfc;}

.border {border:1px solid #697dfc;}

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

#000104
```
#000104 rgb(0,1,4)
```
#000417
```
#000417 rgb(0,4,23)
```
#01062a
```
#01062a rgb(1,6,42)
```
#01093e
```
#01093e rgb(1,9,62)
```
#020c51
```
#020c51 rgb(2,12,81)
```
#020f64
```
#020f64 rgb(2,15,100)
```
#021277
```
#021277 rgb(2,18,119)
```
#03158a
```
#03158a rgb(3,21,138)
```
#03189e
```
#03189e rgb(3,24,158)
```
#041bb1
```
#041bb1 rgb(4,27,177)
```
#041ec4
```
#041ec4 rgb(4,30,196)
```
#0421d7
```
#0421d7 rgb(4,33,215)
```
#0524eb
```
#0524eb rgb(5,36,235)
```

Shade Color Variation

#092afa
```
#092afa rgb(9,42,250)
```
#1c3afa
```
#1c3afa rgb(28,58,250)
```
#2f4bfb
```
#2f4bfb rgb(47,75,251)
```
#435cfb
```
#435cfb rgb(67,92,251)
```
#566cfc
```
#566cfc rgb(86,108,252)
```
#697dfc
```
#697dfc rgb(105,125,252)
```
#7c8efc
```
#7c8efc rgb(124,142,252)
```
#8f9efd
```
#8f9efd rgb(143,158,253)
```
#a3affd
```
#a3affd rgb(163,175,253)
```
#b6c0fe
```
#b6c0fe rgb(182,192,254)
```
#c9d0fe
```
#c9d0fe rgb(201,208,254)
```
#dce1fe
```
#dce1fe rgb(220,225,254)
```
#f0f2ff
```
#f0f2ff rgb(240,242,255)
```

Tint Color Variation

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

#b0b0b5
```
#b0b0b5 rgb(176,176,181)
```
#aaacbb
```
#aaacbb rgb(170,172,187)
```
#a4a8c1
```
#a4a8c1 rgb(164,168,193)
```
#9ea4c7
```
#9ea4c7 rgb(158,164,199)
```
#989fcd
```
#989fcd rgb(152,159,205)
```
#929bd3
```
#929bd3 rgb(146,155,211)
```
#8c97d9
```
#8c97d9 rgb(140,151,217)
```
#8692df
```
#8692df rgb(134,146,223)
```
#818ee4
```
#818ee4 rgb(129,142,228)
```
#7b8aea
```
#7b8aea rgb(123,138,234)
```
#7586f0
```
#7586f0 rgb(117,134,240)
```
#6f81f6
```
#6f81f6 rgb(111,129,246)
```
#697dfc
```
#697dfc rgb(105,125,252)
```

Tone Color Variation

Below, you can see how #697dfc 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

#858585 Achromatopsia 0.005% of the population
#7f839d Atypical Achromatopsia 0.001% of the population

Dichromacy

#458aff Protanopia 1% of men
#0090f0 Deuteranopia 1% of men
#3d9aa5 Tritanopia 0.001% of the population

Trichromacy

#5285fd Protanomaly 1% of men, 0.01% of women
#2689f4 Deuteranomaly 6% of men, 0.4% of women
#4d8fc5 Tritanomaly 0.01% of the population

#697dfc hex color

#697dfc Color Information

#697dfc Color Conversion

Color Schemes with #697dfc

Alternatives to #697dfc

#697dfc Preview

Shades and Tints of #697dfc

Tones of #697dfc

Color Blindness Simulator