#6694d4 hex color

In a RGB color space, hex #6694d4 is composed of 40% red, 58% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 30.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 214.9 degrees, a saturation of 56.1% and a lightness of 61.6%. #6694d4 color hex could be obtained by blending #ccffff with #0029a9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 58
- B 83
RGB color chart
- C 52
- M 30
- Y 0
- K 17
CMYK color chart

● #6694d4 color description : Moderate blue.

The hexadecimal color #6694d4 has RGB values of R:102, G:148, B:212 and CMYK values of C:0.52, M:0.3, Y:0, K:0.17. Its decimal value is 6722772.

Hex triplet	6694d4	`#6694d4`
RGB Decimal	102, 148, 212	`rgb(102,148,212)`
RGB Percent	40, 58, 83.1	`rgb(40%,58%,83.1%)`
CMYK	52, 30, 0, 17
HSL	214.9°, 56.1, 61.6	`hsl(214.9,56.1%,61.6%)`
HSV (or HSB)	214.9°, 51.9, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.566, 2.469, -37.559
XYZ	27.95, 28.757, 66.361
xyY	0.227, 0.234, 28.757
CIE-LCH	60.566, 37.64, 273.761
CIE-LUV	60.566, -22.068, -59.24
Hunter-Lab	53.625, -0.807, -35.834
Binary	01100110, 10010100, 11010100

#6694d4
```
#6694d4 rgb(102,148,212)
```
#d4a666
```
#d4a666 rgb(212,166,102)
```

Complementary Color

#66cbd4
```
#66cbd4 rgb(102,203,212)
```
#6694d4
```
#6694d4 rgb(102,148,212)
```
#6f66d4
```
#6f66d4 rgb(111,102,212)
```

Analogous Color

#cbd466
```
#cbd466 rgb(203,212,102)
```
#6694d4
```
#6694d4 rgb(102,148,212)
```
#d46f66
```
#d46f66 rgb(212,111,102)
```

Split Complementary Color

#94d466
```
#94d466 rgb(148,212,102)
```
#6694d4
```
#6694d4 rgb(102,148,212)
```
#d46694
```
#d46694 rgb(212,102,148)
```

Triadic Color

#66d4a6
```
#66d4a6 rgb(102,212,166)
```
#6694d4
```
#6694d4 rgb(102,148,212)
```
#d46694
```
#d46694 rgb(212,102,148)
```
#d4a666
```
#d4a666 rgb(212,166,102)
```

Tetradic Color

#346cb9
```
#346cb9 rgb(52,108,185)
```
#3e78c9
```
#3e78c9 rgb(62,120,201)
```
#5286ce
```
#5286ce rgb(82,134,206)
```
#6694d4
```
#6694d4 rgb(102,148,212)
```
#7aa2da
```
#7aa2da rgb(122,162,218)
```
#8eb0df
```
#8eb0df rgb(142,176,223)
```
#a2bee5
```
#a2bee5 rgb(162,190,229)
```

Monochromatic Color

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

#66b0d4
```
#66b0d4 rgb(102,176,212)
```
#66a6d4
```
#66a6d4 rgb(102,166,212)
```
#669dd4
```
#669dd4 rgb(102,157,212)
```
#6694d4
```
#6694d4 rgb(102,148,212)
```
#668bd4
```
#668bd4 rgb(102,139,212)
```
#6682d4
```
#6682d4 rgb(102,130,212)
```
#6679d4
```
#6679d4 rgb(102,121,212)
```

Similar Colors

Text with hexadecimal color #6694d4

This text has a font color of #6694d4.

<span style="color:#6694d4;">Text here</span>

#6694d4 background color

This paragraph has a background color of #6694d4.

<p style="background-color:#6694d4;">Content here</p>

#6694d4 border color

This element has a border color of #6694d4.

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

CSS codes

.text {color:#6694d4;}

.background {background-color:#6694d4;}

.border {border:1px solid #6694d4;}

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

#000000
```
#000000 rgb(0,0,0)
```
#04090f
```
#04090f rgb(4,9,15)
```
#09121f
```
#09121f rgb(9,18,31)
```
#0d1b2e
```
#0d1b2e rgb(13,27,46)
```
#11243d
```
#11243d rgb(17,36,61)
```
#162d4d
```
#162d4d rgb(22,45,77)
```
#1a365c
```
#1a365c rgb(26,54,92)
```
#1e3e6b
```
#1e3e6b rgb(30,62,107)
```
#22477b
```
#22477b rgb(34,71,123)
```
#27508a
```
#27508a rgb(39,80,138)
```
#2b5999
```
#2b5999 rgb(43,89,153)
```
#2f62a9
```
#2f62a9 rgb(47,98,169)
```
#346bb8
```
#346bb8 rgb(52,107,184)
```

Shade Color Variation

#3874c7
```
#3874c7 rgb(56,116,199)
```
#477fcb
```
#477fcb rgb(71,127,203)
```
#5789d0
```
#5789d0 rgb(87,137,208)
```
#6694d4
```
#6694d4 rgb(102,148,212)
```
#759fd8
```
#759fd8 rgb(117,159,216)
```
#85a9dd
```
#85a9dd rgb(133,169,221)
```
#94b4e1
```
#94b4e1 rgb(148,180,225)
```
#a3bfe5
```
#a3bfe5 rgb(163,191,229)
```
#b3caea
```
#b3caea rgb(179,202,234)
```
#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#d1dff2
```
#d1dff2 rgb(209,223,242)
```
#e0eaf6
```
#e0eaf6 rgb(224,234,246)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```

Tint Color Variation

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

#9b9d9f
```
#9b9d9f rgb(155,157,159)
```
#939ba7
```
#939ba7 rgb(147,155,167)
```
#8c9aae
```
#8c9aae rgb(140,154,174)
```
#8499b6
```
#8499b6 rgb(132,153,182)
```
#7d98bd
```
#7d98bd rgb(125,152,189)
```
#7596c5
```
#7596c5 rgb(117,150,197)
```
#6e95cc
```
#6e95cc rgb(110,149,204)
```
#6694d4
```
#6694d4 rgb(102,148,212)
```
#5e93dc
```
#5e93dc rgb(94,147,220)
```
#5792e3
```
#5792e3 rgb(87,146,227)
```
#4f90eb
```
#4f90eb rgb(79,144,235)
```
#488ff2
```
#488ff2 rgb(72,143,242)
```
#408efa
```
#408efa rgb(64,142,250)
```

Tone Color Variation

Below, you can see how #6694d4 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

#8e8e8e Achromatopsia 0.005% of the population
#868f9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8295d3 Protanopia 1% of men
#7a96d7 Deuteranopia 1% of men
#5ca1ad Tritanopia 0.001% of the population

Trichromacy

#7895d3 Protanomaly 1% of men, 0.01% of women
#7395d6 Deuteranomaly 6% of men, 0.4% of women
#5f9cbb Tritanomaly 0.01% of the population

#6694d4 hex color

#6694d4 Color Information

#6694d4 Color Conversion

Color Schemes with #6694d4

Alternatives to #6694d4

#6694d4 Preview

Shades and Tints of #6694d4

Tones of #6694d4

Color Blindness Simulator