#6996eb hex color

In a RGB color space, hex #6996eb is composed of 41.2% red, 58.8% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 36.2% magenta, 0% yellow and 7.8% black. It has a hue angle of 219.2 degrees, a saturation of 76.5% and a lightness of 66.7%. #6996eb color hex could be obtained by blending #d2ffff with #002dd7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 59
- B 92
RGB color chart
- C 55
- M 36
- Y 0
- K 8
CMYK color chart

● #6996eb color description : Soft blue.

The hexadecimal color #6996eb has RGB values of R:105, G:150, B:235 and CMYK values of C:0.55, M:0.36, Y:0, K:0.08. Its decimal value is 6919915.

Hex triplet	6996eb	`#6996eb`
RGB Decimal	105, 150, 235	`rgb(105,150,235)`
RGB Percent	41.2, 58.8, 92.2	`rgb(41.2%,58.8%,92.2%)`
CMYK	55, 36, 0, 8
HSL	219.2°, 76.5, 66.7	`hsl(219.2,76.5%,66.7%)`
HSV (or HSB)	219.2°, 55.3, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.349, 9.122, -47.518
XYZ	31.724, 30.812, 82.868
xyY	0.218, 0.212, 30.812
CIE-LCH	62.349, 48.386, 280.867
CIE-LUV	62.349, -21.835, -76.888
Hunter-Lab	55.509, 4.875, -49.657
Binary	01101001, 10010110, 11101011

#6996eb
```
#6996eb rgb(105,150,235)
```
#ebbe69
```
#ebbe69 rgb(235,190,105)
```

Complementary Color

#69d7eb
```
#69d7eb rgb(105,215,235)
```
#6996eb
```
#6996eb rgb(105,150,235)
```
#7d69eb
```
#7d69eb rgb(125,105,235)
```

Analogous Color

#d7eb69
```
#d7eb69 rgb(215,235,105)
```
#6996eb
```
#6996eb rgb(105,150,235)
```
#eb7d69
```
#eb7d69 rgb(235,125,105)
```

Split Complementary Color

#96eb69
```
#96eb69 rgb(150,235,105)
```
#6996eb
```
#6996eb rgb(105,150,235)
```
#eb6996
```
#eb6996 rgb(235,105,150)
```

Triadic Color

#69ebbe
```
#69ebbe rgb(105,235,190)
```
#6996eb
```
#6996eb rgb(105,150,235)
```
#eb6996
```
#eb6996 rgb(235,105,150)
```
#ebbe69
```
#ebbe69 rgb(235,190,105)
```

Tetradic Color

#2667e2
```
#2667e2 rgb(38,103,226)
```
#3c77e5
```
#3c77e5 rgb(60,119,229)
```
#5386e8
```
#5386e8 rgb(83,134,232)
```
#6996eb
```
#6996eb rgb(105,150,235)
```
#80a6ee
```
#80a6ee rgb(128,166,238)
```
#96b6f1
```
#96b6f1 rgb(150,182,241)
```
#adc5f4
```
#adc5f4 rgb(173,197,244)
```

Monochromatic Color

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

#69b7eb
```
#69b7eb rgb(105,183,235)
```
#69aceb
```
#69aceb rgb(105,172,235)
```
#69a1eb
```
#69a1eb rgb(105,161,235)
```
#6996eb
```
#6996eb rgb(105,150,235)
```
#698beb
```
#698beb rgb(105,139,235)
```
#6980eb
```
#6980eb rgb(105,128,235)
```
#6976eb
```
#6976eb rgb(105,118,235)
```

Similar Colors

Text with hexadecimal color #6996eb

This text has a font color of #6996eb.

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

#6996eb background color

This paragraph has a background color of #6996eb.

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

#6996eb border color

This element has a border color of #6996eb.

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

CSS codes

.text {color:#6996eb;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#030a17
```
#030a17 rgb(3,10,23)
```
#051228
```
#051228 rgb(5,18,40)
```
#08193a
```
#08193a rgb(8,25,58)
```
#0a214b
```
#0a214b rgb(10,33,75)
```
#0c285c
```
#0c285c rgb(12,40,92)
```
#0f306e
```
#0f306e rgb(15,48,110)
```
#11377f
```
#11377f rgb(17,55,127)
```
#133f90
```
#133f90 rgb(19,63,144)
```
#1646a2
```
#1646a2 rgb(22,70,162)
```
#184eb3
```
#184eb3 rgb(24,78,179)
```
#1a55c4
```
#1a55c4 rgb(26,85,196)
```
#1c5dd5
```
#1c5dd5 rgb(28,93,213)
```

Shade Color Variation

#2466e2
```
#2466e2 rgb(36,102,226)
```
#3572e4
```
#3572e4 rgb(53,114,228)
```
#467ee6
```
#467ee6 rgb(70,126,230)
```
#588ae9
```
#588ae9 rgb(88,138,233)
```
#6996eb
```
#6996eb rgb(105,150,235)
```
#7aa2ed
```
#7aa2ed rgb(122,162,237)
```
#8caef0
```
#8caef0 rgb(140,174,240)
```
#9dbaf2
```
#9dbaf2 rgb(157,186,242)
```
#aec6f4
```
#aec6f4 rgb(174,198,244)
```
#c0d3f7
```
#c0d3f7 rgb(192,211,247)
```
#d1dff9
```
#d1dff9 rgb(209,223,249)
```
#e2ebfb
```
#e2ebfb rgb(226,235,251)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#a4a8b0
```
#a4a8b0 rgb(164,168,176)
```
#9da6b7
```
#9da6b7 rgb(157,166,183)
```
#97a4bd
```
#97a4bd rgb(151,164,189)
```
#90a2c4
```
#90a2c4 rgb(144,162,196)
```
#8aa0ca
```
#8aa0ca rgb(138,160,202)
```
#839ed1
```
#839ed1 rgb(131,158,209)
```
#7d9cd7
```
#7d9cd7 rgb(125,156,215)
```
#769ade
```
#769ade rgb(118,154,222)
```
#7098e4
```
#7098e4 rgb(112,152,228)
```
#6996eb
```
#6996eb rgb(105,150,235)
```
#6294f2
```
#6294f2 rgb(98,148,242)
```
#5c92f8
```
#5c92f8 rgb(92,146,248)
```
#5590ff
```
#5590ff rgb(85,144,255)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8a93a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b99ea Protanopia 1% of men
#6c9ceb Deuteranopia 1% of men
#54a7b3 Tritanopia 0.001% of the population

Trichromacy

#7498ea Protanomaly 1% of men, 0.01% of women
#6b99eb Deuteranomaly 6% of men, 0.4% of women
#5ca1c7 Tritanomaly 0.01% of the population

#6996eb hex color

#6996eb Color Information

#6996eb Color Conversion

Color Schemes with #6996eb

Alternatives to #6996eb

#6996eb Preview

Shades and Tints of #6996eb

Tones of #6996eb

Color Blindness Simulator