#6996b4 hex color

In a RGB color space, hex #6996b4 is composed of 41.2% red, 58.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 16.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 204 degrees, a saturation of 33.3% and a lightness of 55.9%. #6996b4 color hex could be obtained by blending #d2ffff with #002d69. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 59
- B 71
RGB color chart
- C 42
- M 17
- Y 0
- K 29
CMYK color chart

● #6996b4 color description : Slightly desaturated blue.

The hexadecimal color #6996b4 has RGB values of R:105, G:150, B:180 and CMYK values of C:0.42, M:0.17, Y:0, K:0.29. Its decimal value is 6919860.

Hex triplet	6996b4	`#6996b4`
RGB Decimal	105, 150, 180	`rgb(105,150,180)`
RGB Percent	41.2, 58.8, 70.6	`rgb(41.2%,58.8%,70.6%)`
CMYK	42, 17, 0, 29
HSL	204°, 33.3, 55.9	`hsl(204,33.3%,55.9%)`
HSV (or HSB)	204°, 41.7, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.988, -7.311, -20.444
XYZ	24.968, 28.11, 47.288
xyY	0.249, 0.28, 28.11
CIE-LCH	59.988, 21.712, 250.323
CIE-LUV	59.988, -21.934, -29.972
Hunter-Lab	53.019, -8.722, -15.768
Binary	01101001, 10010110, 10110100

#6996b4
```
#6996b4 rgb(105,150,180)
```
#b48769
```
#b48769 rgb(180,135,105)
```

Complementary Color

#69b4ad
```
#69b4ad rgb(105,180,173)
```
#6996b4
```
#6996b4 rgb(105,150,180)
```
#6971b4
```
#6971b4 rgb(105,113,180)
```

Analogous Color

#b4ad69
```
#b4ad69 rgb(180,173,105)
```
#6996b4
```
#6996b4 rgb(105,150,180)
```
#b46971
```
#b46971 rgb(180,105,113)
```

Split Complementary Color

#96b469
```
#96b469 rgb(150,180,105)
```
#6996b4
```
#6996b4 rgb(105,150,180)
```
#b46996
```
#b46996 rgb(180,105,150)
```

Triadic Color

#69b487
```
#69b487 rgb(105,180,135)
```
#6996b4
```
#6996b4 rgb(105,150,180)
```
#b46996
```
#b46996 rgb(180,105,150)
```
#b48769
```
#b48769 rgb(180,135,105)
```

Tetradic Color

#466f8b
```
#466f8b rgb(70,111,139)
```
#4e7d9c
```
#4e7d9c rgb(78,125,156)
```
#588aac
```
#588aac rgb(88,138,172)
```
#6996b4
```
#6996b4 rgb(105,150,180)
```
#7aa2bd
```
#7aa2bd rgb(122,162,189)
```
#8baec5
```
#8baec5 rgb(139,174,197)
```
#9cbace
```
#9cbace rgb(156,186,206)
```

Monochromatic Color

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

#69a9b4
```
#69a9b4 rgb(105,169,180)
```
#69a3b4
```
#69a3b4 rgb(105,163,180)
```
#699cb4
```
#699cb4 rgb(105,156,180)
```
#6996b4
```
#6996b4 rgb(105,150,180)
```
#6990b4
```
#6990b4 rgb(105,144,180)
```
#698ab4
```
#698ab4 rgb(105,138,180)
```
#6983b4
```
#6983b4 rgb(105,131,180)
```

Similar Colors

Text with hexadecimal color #6996b4

This text has a font color of #6996b4.

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

#6996b4 background color

This paragraph has a background color of #6996b4.

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

#6996b4 border color

This element has a border color of #6996b4.

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

CSS codes

.text {color:#6996b4;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#0a1014
```
#0a1014 rgb(10,16,20)
```
#111a21
```
#111a21 rgb(17,26,33)
```
#17252e
```
#17252e rgb(23,37,46)
```
#1e2f3b
```
#1e2f3b rgb(30,47,59)
```
#243a48
```
#243a48 rgb(36,58,72)
```
#2b4455
```
#2b4455 rgb(43,68,85)
```
#314f62
```
#314f62 rgb(49,79,98)
```
#385970
```
#385970 rgb(56,89,112)
```
#3e647d
```
#3e647d rgb(62,100,125)
```
#456e8a
```
#456e8a rgb(69,110,138)
```
#4b7997
```
#4b7997 rgb(75,121,151)
```
#5283a4
```
#5283a4 rgb(82,131,164)
```

Shade Color Variation

#5c8dad
```
#5c8dad rgb(92,141,173)
```
#6996b4
```
#6996b4 rgb(105,150,180)
```
#769fbb
```
#769fbb rgb(118,159,187)
```
#83a8c1
```
#83a8c1 rgb(131,168,193)
```
#90b1c8
```
#90b1c8 rgb(144,177,200)
```
#9dbbce
```
#9dbbce rgb(157,187,206)
```
#aac4d5
```
#aac4d5 rgb(170,196,213)
```
#b7cddb
```
#b7cddb rgb(183,205,219)
```
#c5d6e2
```
#c5d6e2 rgb(197,214,226)
```
#d2dfe8
```
#d2dfe8 rgb(210,223,232)
```
#dfe8ef
```
#dfe8ef rgb(223,232,239)
```
#ecf2f5
```
#ecf2f5 rgb(236,242,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8f91 is the less saturated color, while #24a4f9 is the most saturated one.

#8c8f91
```
#8c8f91 rgb(140,143,145)
```
#83919a
```
#83919a rgb(131,145,154)
```
#7a93a3
```
#7a93a3 rgb(122,147,163)
```
#7294ab
```
#7294ab rgb(114,148,171)
```
#6996b4
```
#6996b4 rgb(105,150,180)
```
#6098bd
```
#6098bd rgb(96,152,189)
```
#5899c5
```
#5899c5 rgb(88,153,197)
```
#4f9bce
```
#4f9bce rgb(79,155,206)
```
#469dd7
```
#469dd7 rgb(70,157,215)
```
#3e9fdf
```
#3e9fdf rgb(62,159,223)
```
#35a0e8
```
#35a0e8 rgb(53,160,232)
```
#2ca2f1
```
#2ca2f1 rgb(44,162,241)
```
#24a4f9
```
#24a4f9 rgb(36,164,249)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#858e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e94b3 Protanopia 1% of men
#9093ba Deuteranopia 1% of men
#6b9ea9 Tritanopia 0.001% of the population

Trichromacy

#8195b3 Protanomaly 1% of men, 0.01% of women
#8194b8 Deuteranomaly 6% of men, 0.4% of women
#6a9bad Tritanomaly 0.01% of the population

#6996b4 hex color

#6996b4 Color Information

#6996b4 Color Conversion

Color Schemes with #6996b4

Alternatives to #6996b4

#6996b4 Preview

Shades and Tints of #6996b4

Tones of #6996b4

Color Blindness Simulator