#6fa5fa hex color

In a RGB color space, hex #6fa5fa is composed of 43.5% red, 64.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 34% magenta, 0% yellow and 2% black. It has a hue angle of 216.7 degrees, a saturation of 93.3% and a lightness of 70.8%. #6fa5fa color hex could be obtained by blending #deffff with #004bf5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 65
- B 98
RGB color chart
- C 56
- M 34
- Y 0
- K 2
CMYK color chart

● #6fa5fa color description : Soft blue.

The hexadecimal color #6fa5fa has RGB values of R:111, G:165, B:250 and CMYK values of C:0.56, M:0.34, Y:0, K:0.02. Its decimal value is 7316986.

Hex triplet	6fa5fa	`#6fa5fa`
RGB Decimal	111, 165, 250	`rgb(111,165,250)`
RGB Percent	43.5, 64.7, 98	`rgb(43.5%,64.7%,98%)`
CMYK	56, 34, 0, 2
HSL	216.7°, 93.3, 70.8	`hsl(216.7,93.3%,70.8%)`
HSV (or HSB)	216.7°, 55.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.419, 6.377, -47.72
XYZ	37.262, 37.19, 95.652
xyY	0.219, 0.219, 37.19
CIE-LCH	67.419, 48.145, 277.612
CIE-LUV	67.419, -25.297, -77.896
Hunter-Lab	60.983, 2.346, -50.307
Binary	01101111, 10100101, 11111010

#6fa5fa
```
#6fa5fa rgb(111,165,250)
```
#fac46f
```
#fac46f rgb(250,196,111)
```

Complementary Color

#6febfa
```
#6febfa rgb(111,235,250)
```
#6fa5fa
```
#6fa5fa rgb(111,165,250)
```
#7f6ffa
```
#7f6ffa rgb(127,111,250)
```

Analogous Color

#ebfa6f
```
#ebfa6f rgb(235,250,111)
```
#6fa5fa
```
#6fa5fa rgb(111,165,250)
```
#fa7f6f
```
#fa7f6f rgb(250,127,111)
```

Split Complementary Color

#a5fa6f
```
#a5fa6f rgb(165,250,111)
```
#6fa5fa
```
#6fa5fa rgb(111,165,250)
```
#fa6fa5
```
#fa6fa5 rgb(250,111,165)
```

Triadic Color

#6ffac4
```
#6ffac4 rgb(111,250,196)
```
#6fa5fa
```
#6fa5fa rgb(111,165,250)
```
#fa6fa5
```
#fa6fa5 rgb(250,111,165)
```
#fac46f
```
#fac46f rgb(250,196,111)
```

Tetradic Color

#2577f7
```
#2577f7 rgb(37,119,247)
```
#3e86f8
```
#3e86f8 rgb(62,134,248)
```
#5696f9
```
#5696f9 rgb(86,150,249)
```
#6fa5fa
```
#6fa5fa rgb(111,165,250)
```
#88b4fb
```
#88b4fb rgb(136,180,251)
```
#a0c4fc
```
#a0c4fc rgb(160,196,252)
```
#b9d3fd
```
#b9d3fd rgb(185,211,253)
```

Monochromatic Color

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

#6fc8fa
```
#6fc8fa rgb(111,200,250)
```
#6fbcfa
```
#6fbcfa rgb(111,188,250)
```
#6fb1fa
```
#6fb1fa rgb(111,177,250)
```
#6fa5fa
```
#6fa5fa rgb(111,165,250)
```
#6f99fa
```
#6f99fa rgb(111,153,250)
```
#6f8efa
```
#6f8efa rgb(111,142,250)
```
#6f82fa
```
#6f82fa rgb(111,130,250)
```

Similar Colors

Text with hexadecimal color #6fa5fa

This text has a font color of #6fa5fa.

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

#6fa5fa background color

This paragraph has a background color of #6fa5fa.

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

#6fa5fa border color

This element has a border color of #6fa5fa.

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

CSS codes

.text {color:#6fa5fa;}

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

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

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

#000308
```
#000308 rgb(0,3,8)
```
#010b1b
```
#010b1b rgb(1,11,27)
```
#02132e
```
#02132e rgb(2,19,46)
```
#021a41
```
#021a41 rgb(2,26,65)
```
#032253
```
#032253 rgb(3,34,83)
```
#042a66
```
#042a66 rgb(4,42,102)
```
#043279
```
#043279 rgb(4,50,121)
```
#053a8c
```
#053a8c rgb(5,58,140)
```
#06419f
```
#06419f rgb(6,65,159)
```
#0649b2
```
#0649b2 rgb(6,73,178)
```
#0751c5
```
#0751c5 rgb(7,81,197)
```
#0859d8
```
#0859d8 rgb(8,89,216)
```
#0860eb
```
#0860eb rgb(8,96,235)
```

Shade Color Variation

#106af7
```
#106af7 rgb(16,106,247)
```
#2376f7
```
#2376f7 rgb(35,118,247)
```
#3681f8
```
#3681f8 rgb(54,129,248)
```
#498df9
```
#498df9 rgb(73,141,249)
```
#5c99f9
```
#5c99f9 rgb(92,153,249)
```
#6fa5fa
```
#6fa5fa rgb(111,165,250)
```
#82b1fb
```
#82b1fb rgb(130,177,251)
```
#95bdfb
```
#95bdfb rgb(149,189,251)
```
#a8c9fc
```
#a8c9fc rgb(168,201,252)
```
#bbd4fd
```
#bbd4fd rgb(187,212,253)
```
#cee0fd
```
#cee0fd rgb(206,224,253)
```
#e1ecfe
```
#e1ecfe rgb(225,236,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

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

#b4b4b5
```
#b4b4b5 rgb(180,180,181)
```
#aeb3bb
```
#aeb3bb rgb(174,179,187)
```
#a8b2c1
```
#a8b2c1 rgb(168,178,193)
```
#a3b1c6
```
#a3b1c6 rgb(163,177,198)
```
#9dafcc
```
#9dafcc rgb(157,175,204)
```
#97aed2
```
#97aed2 rgb(151,174,210)
```
#91add8
```
#91add8 rgb(145,173,216)
```
#8cabdd
```
#8cabdd rgb(140,171,221)
```
#86aae3
```
#86aae3 rgb(134,170,227)
```
#80a9e9
```
#80a9e9 rgb(128,169,233)
```
#7aa8ef
```
#7aa8ef rgb(122,168,239)
```
#75a6f4
```
#75a6f4 rgb(117,166,244)
```
#6fa5fa
```
#6fa5fa rgb(111,165,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#95a0b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a6f7 Protanopia 1% of men
#7ba8fa Deuteranopia 1% of men
#5ab5c2 Tritanopia 0.001% of the population

Trichromacy

#80a5f8 Protanomaly 1% of men, 0.01% of women
#76a7fa Deuteranomaly 6% of men, 0.4% of women
#61afd6 Tritanomaly 0.01% of the population

#6fa5fa hex color

#6fa5fa Color Information

#6fa5fa Color Conversion

Color Schemes with #6fa5fa

Alternatives to #6fa5fa

#6fa5fa Preview

Shades and Tints of #6fa5fa

Tones of #6fa5fa

Color Blindness Simulator