#6695ec hex color

In a RGB color space, hex #6695ec is composed of 40% red, 58.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 36.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 219 degrees, a saturation of 77.9% and a lightness of 66.3%. #6695ec color hex could be obtained by blending #ccffff with #002bd9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 58
- B 93
RGB color chart
- C 57
- M 37
- Y 0
- K 7
CMYK color chart

● #6695ec color description : Soft blue.

The hexadecimal color #6695ec has RGB values of R:102, G:149, B:236 and CMYK values of C:0.57, M:0.37, Y:0, K:0.07. Its decimal value is 6723052.

Hex triplet	6695ec	`#6695ec`
RGB Decimal	102, 149, 236	`rgb(102,149,236)`
RGB Percent	40, 58.4, 92.5	`rgb(40%,58.4%,92.5%)`
CMYK	57, 37, 0, 7
HSL	219°, 77.9, 66.3	`hsl(219,77.9%,66.3%)`
HSV (or HSB)	219°, 56.8, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.976, 9.413, -48.67
XYZ	31.364, 30.374, 83.562
xyY	0.216, 0.209, 30.374
CIE-LCH	61.976, 49.572, 280.947
CIE-LUV	61.976, -22.372, -78.756
Hunter-Lab	55.113, 5.135, -51.317
Binary	01100110, 10010101, 11101100

#6695ec
```
#6695ec rgb(102,149,236)
```
#ecbd66
```
#ecbd66 rgb(236,189,102)
```

Complementary Color

#66d8ec
```
#66d8ec rgb(102,216,236)
```
#6695ec
```
#6695ec rgb(102,149,236)
```
#7a66ec
```
#7a66ec rgb(122,102,236)
```

Analogous Color

#d8ec66
```
#d8ec66 rgb(216,236,102)
```
#6695ec
```
#6695ec rgb(102,149,236)
```
#ec7a66
```
#ec7a66 rgb(236,122,102)
```

Split Complementary Color

#95ec66
```
#95ec66 rgb(149,236,102)
```
#6695ec
```
#6695ec rgb(102,149,236)
```
#ec6695
```
#ec6695 rgb(236,102,149)
```

Triadic Color

#66ecbd
```
#66ecbd rgb(102,236,189)
```
#6695ec
```
#6695ec rgb(102,149,236)
```
#ec6695
```
#ec6695 rgb(236,102,149)
```
#ecbd66
```
#ecbd66 rgb(236,189,102)
```

Tetradic Color

#2266e4
```
#2266e4 rgb(34,102,228)
```
#3976e6
```
#3976e6 rgb(57,118,230)
```
#4f85e9
```
#4f85e9 rgb(79,133,233)
```
#6695ec
```
#6695ec rgb(102,149,236)
```
#7da5ef
```
#7da5ef rgb(125,165,239)
```
#93b4f2
```
#93b4f2 rgb(147,180,242)
```
#aac4f4
```
#aac4f4 rgb(170,196,244)
```

Monochromatic Color

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

#66b7ec
```
#66b7ec rgb(102,183,236)
```
#66abec
```
#66abec rgb(102,171,236)
```
#66a0ec
```
#66a0ec rgb(102,160,236)
```
#6695ec
```
#6695ec rgb(102,149,236)
```
#668aec
```
#668aec rgb(102,138,236)
```
#667fec
```
#667fec rgb(102,127,236)
```
#6674ec
```
#6674ec rgb(102,116,236)
```

Similar Colors

Text with hexadecimal color #6695ec

This text has a font color of #6695ec.

<span style="color:#6695ec;">Text here</span>

#6695ec background color

This paragraph has a background color of #6695ec.

<p style="background-color:#6695ec;">Content here</p>

#6695ec border color

This element has a border color of #6695ec.

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

CSS codes

.text {color:#6695ec;}

.background {background-color:#6695ec;}

.border {border:1px solid #6695ec;}

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

#010204
```
#010204 rgb(1,2,4)
```
#030915
```
#030915 rgb(3,9,21)
```
#051127
```
#051127 rgb(5,17,39)
```
#071838
```
#071838 rgb(7,24,56)
```
#09204a
```
#09204a rgb(9,32,74)
```
#0b275b
```
#0b275b rgb(11,39,91)
```
#0e2f6d
```
#0e2f6d rgb(14,47,109)
```
#10367e
```
#10367e rgb(16,54,126)
```
#123e90
```
#123e90 rgb(18,62,144)
```
#1445a1
```
#1445a1 rgb(20,69,161)
```
#164db3
```
#164db3 rgb(22,77,179)
```
#1855c4
```
#1855c4 rgb(24,85,196)
```
#1b5cd5
```
#1b5cd5 rgb(27,92,213)
```

Shade Color Variation

#2065e3
```
#2065e3 rgb(32,101,227)
```
#3271e5
```
#3271e5 rgb(50,113,229)
```
#437de8
```
#437de8 rgb(67,125,232)
```
#5589ea
```
#5589ea rgb(85,137,234)
```
#6695ec
```
#6695ec rgb(102,149,236)
```
#77a1ee
```
#77a1ee rgb(119,161,238)
```
#89adf0
```
#89adf0 rgb(137,173,240)
```
#9ab9f3
```
#9ab9f3 rgb(154,185,243)
```
#acc5f5
```
#acc5f5 rgb(172,197,245)
```
#bdd1f7
```
#bdd1f7 rgb(189,209,247)
```
#cfdef9
```
#cfdef9 rgb(207,222,249)
```
#e0eafb
```
#e0eafb rgb(224,234,251)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

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

#a8a9aa
```
#a8a9aa rgb(168,169,170)
```
#a2a7b0
```
#a2a7b0 rgb(162,167,176)
```
#9ba5b7
```
#9ba5b7 rgb(155,165,183)
```
#94a3be
```
#94a3be rgb(148,163,190)
```
#8ea1c4
```
#8ea1c4 rgb(142,161,196)
```
#879fcb
```
#879fcb rgb(135,159,203)
```
#809dd2
```
#809dd2 rgb(128,157,210)
```
#7a9bd8
```
#7a9bd8 rgb(122,155,216)
```
#7399df
```
#7399df rgb(115,153,223)
```
#6d97e5
```
#6d97e5 rgb(109,151,229)
```
#6695ec
```
#6695ec rgb(102,149,236)
```
#5f93f3
```
#5f93f3 rgb(95,147,243)
```
#5991f9
```
#5991f9 rgb(89,145,249)
```

Tone Color Variation

Below, you can see how #6695ec 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

#919191 Achromatopsia 0.005% of the population
#8892a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7998eb Protanopia 1% of men
#689bec Deuteranopia 1% of men
#4fa7b3 Tritanopia 0.001% of the population

Trichromacy

#7297eb Protanomaly 1% of men, 0.01% of women
#6799ec Deuteranomaly 6% of men, 0.4% of women
#57a0c7 Tritanomaly 0.01% of the population

#6695ec hex color

#6695ec Color Information

#6695ec Color Conversion

Color Schemes with #6695ec

Alternatives to #6695ec

#6695ec Preview

Shades and Tints of #6695ec

Tones of #6695ec

Color Blindness Simulator