#699cfd hex color

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

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

● #699cfd color description : Soft blue.

The hexadecimal color #699cfd has RGB values of R:105, G:156, B:253 and CMYK values of C:0.58, M:0.38, Y:0, K:0.01. Its decimal value is 6921469.

Hex triplet	699cfd	`#699cfd`
RGB Decimal	105, 156, 253	`rgb(105,156,253)`
RGB Percent	41.2, 61.2, 99.2	`rgb(41.2%,61.2%,99.2%)`
CMYK	58, 38, 0, 1
HSL	219.3°, 97.4, 70.2	`hsl(219.3,97.4%,70.2%)`
HSV (or HSB)	219.3°, 58.5, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.859, 11.346, -53.421
XYZ	35.44, 33.87, 97.593
xyY	0.212, 0.203, 33.87
CIE-LCH	64.859, 54.613, 281.991
CIE-LUV	64.859, -23.883, -87.542
Hunter-Lab	58.198, 6.852, -58.686
Binary	01101001, 10011100, 11111101

#699cfd
```
#699cfd rgb(105,156,253)
```
#fdca69
```
#fdca69 rgb(253,202,105)
```

Complementary Color

#69e6fd
```
#69e6fd rgb(105,230,253)
```
#699cfd
```
#699cfd rgb(105,156,253)
```
#8069fd
```
#8069fd rgb(128,105,253)
```

Analogous Color

#e6fd69
```
#e6fd69 rgb(230,253,105)
```
#699cfd
```
#699cfd rgb(105,156,253)
```
#fd8069
```
#fd8069 rgb(253,128,105)
```

Split Complementary Color

#9cfd69
```
#9cfd69 rgb(156,253,105)
```
#699cfd
```
#699cfd rgb(105,156,253)
```
#fd699c
```
#fd699c rgb(253,105,156)
```

Triadic Color

#69fdca
```
#69fdca rgb(105,253,202)
```
#699cfd
```
#699cfd rgb(105,156,253)
```
#fd699c
```
#fd699c rgb(253,105,156)
```
#fdca69
```
#fdca69 rgb(253,202,105)
```

Tetradic Color

#1e6afc
```
#1e6afc rgb(30,106,252)
```
#377bfc
```
#377bfc rgb(55,123,252)
```
#508bfd
```
#508bfd rgb(80,139,253)
```
#699cfd
```
#699cfd rgb(105,156,253)
```
#82adfd
```
#82adfd rgb(130,173,253)
```
#9bbdfe
```
#9bbdfe rgb(155,189,254)
```
#b4cefe
```
#b4cefe rgb(180,206,254)
```

Monochromatic Color

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

#69c1fd
```
#69c1fd rgb(105,193,253)
```
#69b5fd
```
#69b5fd rgb(105,181,253)
```
#69a8fd
```
#69a8fd rgb(105,168,253)
```
#699cfd
```
#699cfd rgb(105,156,253)
```
#6990fd
```
#6990fd rgb(105,144,253)
```
#6983fd
```
#6983fd rgb(105,131,253)
```
#6977fd
```
#6977fd rgb(105,119,253)
```

Similar Colors

Text with hexadecimal color #699cfd

This text has a font color of #699cfd.

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

#699cfd background color

This paragraph has a background color of #699cfd.

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

#699cfd border color

This element has a border color of #699cfd.

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

CSS codes

.text {color:#699cfd;}

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

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

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 #f1f5ff is the lightest one.

#000205
```
#000205 rgb(0,2,5)
```
#000918
```
#000918 rgb(0,9,24)
```
#010f2c
```
#010f2c rgb(1,15,44)
```
#01163f
```
#01163f rgb(1,22,63)
```
#011d52
```
#011d52 rgb(1,29,82)
```
#012466
```
#012466 rgb(1,36,102)
```
#022b79
```
#022b79 rgb(2,43,121)
```
#02328c
```
#02328c rgb(2,50,140)
```
#0238a0
```
#0238a0 rgb(2,56,160)
```
#023fb3
```
#023fb3 rgb(2,63,179)
```
#0346c6
```
#0346c6 rgb(3,70,198)
```
#034dda
```
#034dda rgb(3,77,218)
```
#0354ed
```
#0354ed rgb(3,84,237)
```

Shade Color Variation

#085cfc
```
#085cfc rgb(8,92,252)
```
#1c69fc
```
#1c69fc rgb(28,105,252)
```
#2f76fc
```
#2f76fc rgb(47,118,252)
```
#4282fc
```
#4282fc rgb(66,130,252)
```
#568ffd
```
#568ffd rgb(86,143,253)
```
#699cfd
```
#699cfd rgb(105,156,253)
```
#7ca9fd
```
#7ca9fd rgb(124,169,253)
```
#90b6fe
```
#90b6fe rgb(144,182,254)
```
#a3c2fe
```
#a3c2fe rgb(163,194,254)
```
#b6cffe
```
#b6cffe rgb(182,207,254)
```
#cadcfe
```
#cadcfe rgb(202,220,254)
```
#dde9ff
```
#dde9ff rgb(221,233,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,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 #699cfd is the most saturated one.

#afb2b7
```
#afb2b7 rgb(175,178,183)
```
#a9b0bd
```
#a9b0bd rgb(169,176,189)
```
#a3aec3
```
#a3aec3 rgb(163,174,195)
```
#9eacc8
```
#9eacc8 rgb(158,172,200)
```
#98abce
```
#98abce rgb(152,171,206)
```
#92a9d4
```
#92a9d4 rgb(146,169,212)
```
#8ca7da
```
#8ca7da rgb(140,167,218)
```
#86a5e0
```
#86a5e0 rgb(134,165,224)
```
#80a3e6
```
#80a3e6 rgb(128,163,230)
```
#7ba1eb
```
#7ba1eb rgb(123,161,235)
```
#75a0f1
```
#75a0f1 rgb(117,160,241)
```
#6f9ef7
```
#6f9ef7 rgb(111,158,247)
```
#699cfd
```
#699cfd rgb(105,156,253)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8f99ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9ffb Protanopia 1% of men
#66a3fc Deuteranopia 1% of men
#4bafbc Tritanopia 0.001% of the population

Trichromacy

#749efc Protanomaly 1% of men, 0.01% of women
#67a0fc Deuteranomaly 6% of men, 0.4% of women
#56a8d3 Tritanomaly 0.01% of the population

#699cfd hex color

#699cfd Color Information

#699cfd Color Conversion

Color Schemes with #699cfd

Alternatives to #699cfd

#699cfd Preview

Shades and Tints of #699cfd

Tones of #699cfd

Color Blindness Simulator