#6996db hex color

In a RGB color space, hex #6996db is composed of 41.2% red, 58.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 31.5% magenta, 0% yellow and 14.1% black. It has a hue angle of 216.3 degrees, a saturation of 61.3% and a lightness of 63.5%. #6996db color hex could be obtained by blending #d2ffff with #002db7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 59
- B 86
RGB color chart
- C 52
- M 32
- Y 0
- K 14
CMYK color chart

● #6996db color description : Soft blue.

The hexadecimal color #6996db has RGB values of R:105, G:150, B:219 and CMYK values of C:0.52, M:0.32, Y:0, K:0.14. Its decimal value is 6919899.

Hex triplet	6996db	`#6996db`
RGB Decimal	105, 150, 219	`rgb(105,150,219)`
RGB Percent	41.2, 58.8, 85.9	`rgb(41.2%,58.8%,85.9%)`
CMYK	52, 32, 0, 14
HSL	216.3°, 61.3, 63.5	`hsl(216.3,61.3%,63.5%)`
HSV (or HSB)	216.3°, 52.1, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.593, 4.137, -39.843
XYZ	29.515, 29.929, 71.235
xyY	0.226, 0.229, 29.929
CIE-LCH	61.593, 40.057, 275.929
CIE-LUV	61.593, -21.835, -63.396
Hunter-Lab	54.707, 0.565, -38.908
Binary	01101001, 10010110, 11011011

#6996db
```
#6996db rgb(105,150,219)
```
#dbae69
```
#dbae69 rgb(219,174,105)
```

Complementary Color

#69cfdb
```
#69cfdb rgb(105,207,219)
```
#6996db
```
#6996db rgb(105,150,219)
```
#7569db
```
#7569db rgb(117,105,219)
```

Analogous Color

#cfdb69
```
#cfdb69 rgb(207,219,105)
```
#6996db
```
#6996db rgb(105,150,219)
```
#db7569
```
#db7569 rgb(219,117,105)
```

Split Complementary Color

#96db69
```
#96db69 rgb(150,219,105)
```
#6996db
```
#6996db rgb(105,150,219)
```
#db6996
```
#db6996 rgb(219,105,150)
```

Triadic Color

#69dbae
```
#69dbae rgb(105,219,174)
```
#6996db
```
#6996db rgb(105,150,219)
```
#db6996
```
#db6996 rgb(219,105,150)
```
#dbae69
```
#dbae69 rgb(219,174,105)
```

Tetradic Color

#306cc8
```
#306cc8 rgb(48,108,200)
```
#4079d1
```
#4079d1 rgb(64,121,209)
```
#5488d6
```
#5488d6 rgb(84,136,214)
```
#6996db
```
#6996db rgb(105,150,219)
```
#7ea4e0
```
#7ea4e0 rgb(126,164,224)
```
#92b3e5
```
#92b3e5 rgb(146,179,229)
```
#a7c1ea
```
#a7c1ea rgb(167,193,234)
```

Monochromatic Color

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

#69b3db
```
#69b3db rgb(105,179,219)
```
#69a9db
```
#69a9db rgb(105,169,219)
```
#69a0db
```
#69a0db rgb(105,160,219)
```
#6996db
```
#6996db rgb(105,150,219)
```
#698ddb
```
#698ddb rgb(105,141,219)
```
#6983db
```
#6983db rgb(105,131,219)
```
#697adb
```
#697adb rgb(105,122,219)
```

Similar Colors

Text with hexadecimal color #6996db

This text has a font color of #6996db.

<span style="color:#6996db;">Text here</span>

#6996db background color

This paragraph has a background color of #6996db.

<p style="background-color:#6996db;">Content here</p>

#6996db border color

This element has a border color of #6996db.

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

CSS codes

.text {color:#6996db;}

.background {background-color:#6996db;}

.border {border:1px solid #6996db;}

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

#020408
```
#020408 rgb(2,4,8)
```
#060d18
```
#060d18 rgb(6,13,24)
```
#0a1628
```
#0a1628 rgb(10,22,40)
```
#0d1e38
```
#0d1e38 rgb(13,30,56)
```
#112747
```
#112747 rgb(17,39,71)
```
#152f57
```
#152f57 rgb(21,47,87)
```
#193867
```
#193867 rgb(25,56,103)
```
#1d4077
```
#1d4077 rgb(29,64,119)
```
#204987
```
#204987 rgb(32,73,135)
```
#245197
```
#245197 rgb(36,81,151)
```
#285aa6
```
#285aa6 rgb(40,90,166)
```
#2c62b6
```
#2c62b6 rgb(44,98,182)
```
#306bc6
```
#306bc6 rgb(48,107,198)
```

Shade Color Variation

#3a75d0
```
#3a75d0 rgb(58,117,208)
```
#4980d3
```
#4980d3 rgb(73,128,211)
```
#598bd7
```
#598bd7 rgb(89,139,215)
```
#6996db
```
#6996db rgb(105,150,219)
```
#79a1df
```
#79a1df rgb(121,161,223)
```
#89ace3
```
#89ace3 rgb(137,172,227)
```
#98b7e6
```
#98b7e6 rgb(152,183,230)
```
#a8c2ea
```
#a8c2ea rgb(168,194,234)
```
#b8cdee
```
#b8cdee rgb(184,205,238)
```
#c8d8f2
```
#c8d8f2 rgb(200,216,242)
```
#d8e4f6
```
#d8e4f6 rgb(216,228,246)
```
#e8eff9
```
#e8eff9 rgb(232,239,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba1a9 is the less saturated color, while #458eff is the most saturated one.

#9ba1a9
```
#9ba1a9 rgb(155,161,169)
```
#949fb0
```
#949fb0 rgb(148,159,176)
```
#8d9eb7
```
#8d9eb7 rgb(141,158,183)
```
#869cbe
```
#869cbe rgb(134,156,190)
```
#7e9bc6
```
#7e9bc6 rgb(126,155,198)
```
#7799cd
```
#7799cd rgb(119,153,205)
```
#7098d4
```
#7098d4 rgb(112,152,212)
```
#6996db
```
#6996db rgb(105,150,219)
```
#6294e2
```
#6294e2 rgb(98,148,226)
```
#5b93e9
```
#5b93e9 rgb(91,147,233)
```
#5491f0
```
#5491f0 rgb(84,145,240)
```
#4c90f8
```
#4c90f8 rgb(76,144,248)
```
#458eff
```
#458eff rgb(69,142,255)
```

Tone Color Variation

Below, you can see how #6996db 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

#909090 Achromatopsia 0.005% of the population
#88919f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8298da Protanopia 1% of men
#7999dd Deuteranopia 1% of men
#5da4b0 Tritanopia 0.001% of the population

Trichromacy

#7997da Protanomaly 1% of men, 0.01% of women
#7398dc Deuteranomaly 6% of men, 0.4% of women
#619fc0 Tritanomaly 0.01% of the population

#6996db hex color

#6996db Color Information

#6996db Color Conversion

Color Schemes with #6996db

Alternatives to #6996db

#6996db Preview

Shades and Tints of #6996db

Tones of #6996db

Color Blindness Simulator