#699ffd hex color

In a RGB color space, hex #699ffd is composed of 41.2% red, 62.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 37.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 218.1 degrees, a saturation of 97.4% and a lightness of 70.2%. #699ffd color hex could be obtained by blending #d2ffff with #003ffb. Closest websafe color is: #6699ff.

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

● #699ffd color description : Soft blue.

The hexadecimal color #699ffd has RGB values of R:105, G:159, B:253 and CMYK values of C:0.58, M:0.37, Y:0, K:0.01. Its decimal value is 6922237.

Hex triplet	699ffd	`#699ffd`
RGB Decimal	105, 159, 253	`rgb(105,159,253)`
RGB Percent	41.2, 62.4, 99.2	`rgb(41.2%,62.4%,99.2%)`
CMYK	58, 37, 0, 1
HSL	218.1°, 97.4, 70.2	`hsl(218.1,97.4%,70.2%)`
HSV (or HSB)	218.1°, 58.5, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.662, 9.601, -52.148
XYZ	35.95, 34.889, 97.763
xyY	0.213, 0.207, 34.889
CIE-LCH	65.662, 53.025, 280.432
CIE-LUV	65.662, -24.906, -85.393
Hunter-Lab	59.067, 5.271, -56.785
Binary	01101001, 10011111, 11111101

#699ffd
```
#699ffd rgb(105,159,253)
```
#fdc769
```
#fdc769 rgb(253,199,105)
```

Complementary Color

#69e9fd
```
#69e9fd rgb(105,233,253)
```
#699ffd
```
#699ffd rgb(105,159,253)
```
#7d69fd
```
#7d69fd rgb(125,105,253)
```

Analogous Color

#e9fd69
```
#e9fd69 rgb(233,253,105)
```
#699ffd
```
#699ffd rgb(105,159,253)
```
#fd7d69
```
#fd7d69 rgb(253,125,105)
```

Split Complementary Color

#9ffd69
```
#9ffd69 rgb(159,253,105)
```
#699ffd
```
#699ffd rgb(105,159,253)
```
#fd699f
```
#fd699f rgb(253,105,159)
```

Triadic Color

#69fdc7
```
#69fdc7 rgb(105,253,199)
```
#699ffd
```
#699ffd rgb(105,159,253)
```
#fd699f
```
#fd699f rgb(253,105,159)
```
#fdc769
```
#fdc769 rgb(253,199,105)
```

Tetradic Color

#1e6ffc
```
#1e6ffc rgb(30,111,252)
```
#377ffc
```
#377ffc rgb(55,127,252)
```
#508ffd
```
#508ffd rgb(80,143,253)
```
#699ffd
```
#699ffd rgb(105,159,253)
```
#82affd
```
#82affd rgb(130,175,253)
```
#9bbffe
```
#9bbffe rgb(155,191,254)
```
#b4cffe
```
#b4cffe rgb(180,207,254)
```

Monochromatic Color

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

#69c4fd
```
#69c4fd rgb(105,196,253)
```
#69b8fd
```
#69b8fd rgb(105,184,253)
```
#69abfd
```
#69abfd rgb(105,171,253)
```
#699ffd
```
#699ffd rgb(105,159,253)
```
#6993fd
```
#6993fd rgb(105,147,253)
```
#6986fd
```
#6986fd rgb(105,134,253)
```
#697afd
```
#697afd rgb(105,122,253)
```

Similar Colors

Text with hexadecimal color #699ffd

This text has a font color of #699ffd.

<span style="color:#699ffd;">Text here</span>

#699ffd background color

This paragraph has a background color of #699ffd.

<p style="background-color:#699ffd;">Content here</p>

#699ffd border color

This element has a border color of #699ffd.

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

CSS codes

.text {color:#699ffd;}

.background {background-color:#699ffd;}

.border {border:1px solid #699ffd;}

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

#000205
```
#000205 rgb(0,2,5)
```
#000918
```
#000918 rgb(0,9,24)
```
#01102c
```
#01102c rgb(1,16,44)
```
#01173f
```
#01173f rgb(1,23,63)
```
#011f52
```
#011f52 rgb(1,31,82)
```
#012666
```
#012666 rgb(1,38,102)
```
#022d79
```
#022d79 rgb(2,45,121)
```
#02348c
```
#02348c rgb(2,52,140)
```
#023ca0
```
#023ca0 rgb(2,60,160)
```
#0243b3
```
#0243b3 rgb(2,67,179)
```
#034ac6
```
#034ac6 rgb(3,74,198)
```
#0351da
```
#0351da rgb(3,81,218)
```
#0359ed
```
#0359ed rgb(3,89,237)
```

Shade Color Variation

#0861fc
```
#0861fc rgb(8,97,252)
```
#1c6dfc
```
#1c6dfc rgb(28,109,252)
```
#2f7afc
```
#2f7afc rgb(47,122,252)
```
#4286fc
```
#4286fc rgb(66,134,252)
```
#5693fd
```
#5693fd rgb(86,147,253)
```
#699ffd
```
#699ffd rgb(105,159,253)
```
#7cabfd
```
#7cabfd rgb(124,171,253)
```
#90b8fe
```
#90b8fe rgb(144,184,254)
```
#a3c4fe
```
#a3c4fe rgb(163,196,254)
```
#b6d1fe
```
#b6d1fe rgb(182,209,254)
```
#caddfe
```
#caddfe rgb(202,221,254)
```
#dde9ff
```
#dde9ff rgb(221,233,255)
```
#f1f6ff
```
#f1f6ff rgb(241,246,255)
```

Tint Color Variation

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

#afb2b7
```
#afb2b7 rgb(175,178,183)
```
#a9b0bd
```
#a9b0bd rgb(169,176,189)
```
#a3afc3
```
#a3afc3 rgb(163,175,195)
```
#9eadc8
```
#9eadc8 rgb(158,173,200)
```
#98acce
```
#98acce rgb(152,172,206)
```
#92aad4
```
#92aad4 rgb(146,170,212)
```
#8ca8da
```
#8ca8da rgb(140,168,218)
```
#86a7e0
```
#86a7e0 rgb(134,167,224)
```
#80a5e6
```
#80a5e6 rgb(128,165,230)
```
#7ba4eb
```
#7ba4eb rgb(123,164,235)
```
#75a2f1
```
#75a2f1 rgb(117,162,241)
```
#6fa1f7
```
#6fa1f7 rgb(111,161,247)
```
#699ffd
```
#699ffd rgb(105,159,253)
```

Tone Color Variation

Below, you can see how #699ffd 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

#9a9a9a Achromatopsia 0.005% of the population
#909bae Atypical Achromatopsia 0.001% of the population

Dichromacy

#7fa1fb Protanopia 1% of men
#6ba4fc Deuteranopia 1% of men
#4cb1be Tritanopia 0.001% of the population

Trichromacy

#77a0fb Protanomaly 1% of men, 0.01% of women
#6aa2fc Deuteranomaly 6% of men, 0.4% of women
#57aad5 Tritanomaly 0.01% of the population

#699ffd hex color

#699ffd Color Information

#699ffd Color Conversion

Color Schemes with #699ffd

Alternatives to #699ffd

#699ffd Preview

Shades and Tints of #699ffd

Tones of #699ffd

Color Blindness Simulator