#6fa6ec hex color

In a RGB color space, hex #6fa6ec is composed of 43.5% red, 65.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 29.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 213.6 degrees, a saturation of 76.7% and a lightness of 68%. #6fa6ec color hex could be obtained by blending #deffff with #004dd9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 65
- B 93
RGB color chart
- C 53
- M 30
- Y 0
- K 7
CMYK color chart

● #6fa6ec color description : Soft blue.

The hexadecimal color #6fa6ec has RGB values of R:111, G:166, B:236 and CMYK values of C:0.53, M:0.3, Y:0, K:0.07. Its decimal value is 7317228.

Hex triplet	6fa6ec	`#6fa6ec`
RGB Decimal	111, 166, 236	`rgb(111,166,236)`
RGB Percent	43.5, 65.1, 92.5	`rgb(43.5%,65.1%,92.5%)`
CMYK	53, 30, 0, 7
HSL	213.6°, 76.7, 68	`hsl(213.6,76.7%,68%)`
HSV (or HSB)	213.6°, 53, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.056, 1.501, -40.648
XYZ	35.329, 36.706, 84.576
xyY	0.226, 0.234, 36.706
CIE-LCH	67.056, 40.675, 272.114
CIE-LUV	67.056, -25.749, -65.285
Hunter-Lab	60.586, -1.938, -40.357
Binary	01101111, 10100110, 11101100

#6fa6ec
```
#6fa6ec rgb(111,166,236)
```
#ecb56f
```
#ecb56f rgb(236,181,111)
```

Complementary Color

#6fe5ec
```
#6fe5ec rgb(111,229,236)
```
#6fa6ec
```
#6fa6ec rgb(111,166,236)
```
#776fec
```
#776fec rgb(119,111,236)
```

Analogous Color

#e5ec6f
```
#e5ec6f rgb(229,236,111)
```
#6fa6ec
```
#6fa6ec rgb(111,166,236)
```
#ec776f
```
#ec776f rgb(236,119,111)
```

Split Complementary Color

#a6ec6f
```
#a6ec6f rgb(166,236,111)
```
#6fa6ec
```
#6fa6ec rgb(111,166,236)
```
#ec6fa6
```
#ec6fa6 rgb(236,111,166)
```

Triadic Color

#6fecb5
```
#6fecb5 rgb(111,236,181)
```
#6fa6ec
```
#6fa6ec rgb(111,166,236)
```
#ec6fa6
```
#ec6fa6 rgb(236,111,166)
```
#ecb56f
```
#ecb56f rgb(236,181,111)
```

Tetradic Color

#2b7ce3
```
#2b7ce3 rgb(43,124,227)
```
#428ae6
```
#428ae6 rgb(66,138,230)
```
#5898e9
```
#5898e9 rgb(88,152,233)
```
#6fa6ec
```
#6fa6ec rgb(111,166,236)
```
#86b4ef
```
#86b4ef rgb(134,180,239)
```
#9cc2f2
```
#9cc2f2 rgb(156,194,242)
```
#b3d0f5
```
#b3d0f5 rgb(179,208,245)
```

Monochromatic Color

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

#6fc5ec
```
#6fc5ec rgb(111,197,236)
```
#6fbbec
```
#6fbbec rgb(111,187,236)
```
#6fb0ec
```
#6fb0ec rgb(111,176,236)
```
#6fa6ec
```
#6fa6ec rgb(111,166,236)
```
#6f9cec
```
#6f9cec rgb(111,156,236)
```
#6f91ec
```
#6f91ec rgb(111,145,236)
```
#6f87ec
```
#6f87ec rgb(111,135,236)
```

Similar Colors

Text with hexadecimal color #6fa6ec

This text has a font color of #6fa6ec.

<span style="color:#6fa6ec;">Text here</span>

#6fa6ec background color

This paragraph has a background color of #6fa6ec.

<p style="background-color:#6fa6ec;">Content here</p>

#6fa6ec border color

This element has a border color of #6fa6ec.

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

CSS codes

.text {color:#6fa6ec;}

.background {background-color:#6fa6ec;}

.border {border:1px solid #6fa6ec;}

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, #02060c is the darkest color, while #fafcfe is the lightest one.

#02060c
```
#02060c rgb(2,6,12)
```
#040f1d
```
#040f1d rgb(4,15,29)
```
#06182f
```
#06182f rgb(6,24,47)
```
#082140
```
#082140 rgb(8,33,64)
```
#0b2a51
```
#0b2a51 rgb(11,42,81)
```
#0d3363
```
#0d3363 rgb(13,51,99)
```
#0f3c74
```
#0f3c74 rgb(15,60,116)
```
#124485
```
#124485 rgb(18,68,133)
```
#144d97
```
#144d97 rgb(20,77,151)
```
#1656a8
```
#1656a8 rgb(22,86,168)
```
#185fb9
```
#185fb9 rgb(24,95,185)
```
#1b68cb
```
#1b68cb rgb(27,104,203)
```
#1d71dc
```
#1d71dc rgb(29,113,220)
```

Shade Color Variation

#2a7be3
```
#2a7be3 rgb(42,123,227)
```
#3b86e5
```
#3b86e5 rgb(59,134,229)
```
#4c91e7
```
#4c91e7 rgb(76,145,231)
```
#5e9bea
```
#5e9bea rgb(94,155,234)
```
#6fa6ec
```
#6fa6ec rgb(111,166,236)
```
#80b1ee
```
#80b1ee rgb(128,177,238)
```
#92bbf1
```
#92bbf1 rgb(146,187,241)
```
#a3c6f3
```
#a3c6f3 rgb(163,198,243)
```
#b4d1f5
```
#b4d1f5 rgb(180,209,245)
```
#c6dcf7
```
#c6dcf7 rgb(198,220,247)
```
#d7e6fa
```
#d7e6fa rgb(215,230,250)
```
#e8f1fc
```
#e8f1fc rgb(232,241,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#a7adb4
```
#a7adb4 rgb(167,173,180)
```
#a1acba
```
#a1acba rgb(161,172,186)
```
#9babc0
```
#9babc0 rgb(155,171,192)
```
#95abc6
```
#95abc6 rgb(149,171,198)
```
#8eaacd
```
#8eaacd rgb(142,170,205)
```
#88a9d3
```
#88a9d3 rgb(136,169,211)
```
#82a8d9
```
#82a8d9 rgb(130,168,217)
```
#7ca8df
```
#7ca8df rgb(124,168,223)
```
#75a7e6
```
#75a7e6 rgb(117,167,230)
```
#6fa6ec
```
#6fa6ec rgb(111,166,236)
```
#69a5f2
```
#69a5f2 rgb(105,165,242)
```
#62a4f9
```
#62a4f9 rgb(98,164,249)
```
#5ca4ff
```
#5ca4ff rgb(92,164,255)
```

Tone Color Variation

Below, you can see how #6fa6ec 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

#9e9e9e Achromatopsia 0.005% of the population
#95a0ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a5e9 Protanopia 1% of men
#87a7ee Deuteranopia 1% of men
#62b3c0 Tritanopia 0.001% of the population

Trichromacy

#84a5ea Protanomaly 1% of men, 0.01% of women
#7ea6ed Deuteranomaly 6% of men, 0.4% of women
#66aed0 Tritanomaly 0.01% of the population

#6fa6ec hex color

#6fa6ec Color Information

#6fa6ec Color Conversion

Color Schemes with #6fa6ec

Alternatives to #6fa6ec

#6fa6ec Preview

Shades and Tints of #6fa6ec

Tones of #6fa6ec

Color Blindness Simulator