#6fa1f1 hex color

In a RGB color space, hex #6fa1f1 is composed of 43.5% red, 63.1% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 33.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 216.9 degrees, a saturation of 82.3% and a lightness of 69%. #6fa1f1 color hex could be obtained by blending #deffff with #0043e3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 63
- B 95
RGB color chart
- C 54
- M 33
- Y 0
- K 5
CMYK color chart

● #6fa1f1 color description : Soft blue.

The hexadecimal color #6fa1f1 has RGB values of R:111, G:161, B:241 and CMYK values of C:0.54, M:0.33, Y:0, K:0.05. Its decimal value is 7315953.

Hex triplet	6fa1f1	`#6fa1f1`
RGB Decimal	111, 161, 241	`rgb(111,161,241)`
RGB Percent	43.5, 63.1, 94.5	`rgb(43.5%,63.1%,94.5%)`
CMYK	54, 33, 0, 5
HSL	216.9°, 82.3, 69	`hsl(216.9,82.3%,69%)`
HSV (or HSB)	216.9°, 53.9, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.918, 5.88, -45.17
XYZ	35.174, 35.218, 88.159
xyY	0.222, 0.222, 35.218
CIE-LCH	65.918, 45.551, 277.416
CIE-LUV	65.918, -23.909, -73.263
Hunter-Lab	59.345, 1.944, -46.535
Binary	01101111, 10100001, 11110001

#6fa1f1
```
#6fa1f1 rgb(111,161,241)
```
#f1bf6f
```
#f1bf6f rgb(241,191,111)
```

Complementary Color

#6fe2f1
```
#6fe2f1 rgb(111,226,241)
```
#6fa1f1
```
#6fa1f1 rgb(111,161,241)
```
#7e6ff1
```
#7e6ff1 rgb(126,111,241)
```

Analogous Color

#e2f16f
```
#e2f16f rgb(226,241,111)
```
#6fa1f1
```
#6fa1f1 rgb(111,161,241)
```
#f17e6f
```
#f17e6f rgb(241,126,111)
```

Split Complementary Color

#a1f16f
```
#a1f16f rgb(161,241,111)
```
#6fa1f1
```
#6fa1f1 rgb(111,161,241)
```
#f16fa1
```
#f16fa1 rgb(241,111,161)
```

Triadic Color

#6ff1bf
```
#6ff1bf rgb(111,241,191)
```
#6fa1f1
```
#6fa1f1 rgb(111,161,241)
```
#f16fa1
```
#f16fa1 rgb(241,111,161)
```
#f1bf6f
```
#f1bf6f rgb(241,191,111)
```

Tetradic Color

#2973ea
```
#2973ea rgb(41,115,234)
```
#4183ec
```
#4183ec rgb(65,131,236)
```
#5892ef
```
#5892ef rgb(88,146,239)
```
#6fa1f1
```
#6fa1f1 rgb(111,161,241)
```
#86b0f3
```
#86b0f3 rgb(134,176,243)
```
#9dbff6
```
#9dbff6 rgb(157,191,246)
```
#b5cff8
```
#b5cff8 rgb(181,207,248)
```

Monochromatic Color

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

#6fc2f1
```
#6fc2f1 rgb(111,194,241)
```
#6fb7f1
```
#6fb7f1 rgb(111,183,241)
```
#6facf1
```
#6facf1 rgb(111,172,241)
```
#6fa1f1
```
#6fa1f1 rgb(111,161,241)
```
#6f96f1
```
#6f96f1 rgb(111,150,241)
```
#6f8bf1
```
#6f8bf1 rgb(111,139,241)
```
#6f81f1
```
#6f81f1 rgb(111,129,241)
```

Similar Colors

Text with hexadecimal color #6fa1f1

This text has a font color of #6fa1f1.

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

#6fa1f1 background color

This paragraph has a background color of #6fa1f1.

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

#6fa1f1 border color

This element has a border color of #6fa1f1.

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

CSS codes

.text {color:#6fa1f1;}

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

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

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

#020811
```
#020811 rgb(2,8,17)
```
#030f23
```
#030f23 rgb(3,15,35)
```
#051735
```
#051735 rgb(5,23,53)
```
#071f47
```
#071f47 rgb(7,31,71)
```
#092758
```
#092758 rgb(9,39,88)
```
#0a2f6a
```
#0a2f6a rgb(10,47,106)
```
#0c377c
```
#0c377c rgb(12,55,124)
```
#0e3f8e
```
#0e3f8e rgb(14,63,142)
```
#1047a0
```
#1047a0 rgb(16,71,160)
```
#114fb2
```
#114fb2 rgb(17,79,178)
```
#1357c4
```
#1357c4 rgb(19,87,196)
```
#155fd6
```
#155fd6 rgb(21,95,214)
```
#1667e7
```
#1667e7 rgb(22,103,231)
```

Shade Color Variation

#2772ea
```
#2772ea rgb(39,114,234)
```
#397eec
```
#397eec rgb(57,126,236)
```
#4b8aee
```
#4b8aee rgb(75,138,238)
```
#5d95ef
```
#5d95ef rgb(93,149,239)
```
#6fa1f1
```
#6fa1f1 rgb(111,161,241)
```
#81adf3
```
#81adf3 rgb(129,173,243)
```
#93b8f4
```
#93b8f4 rgb(147,184,244)
```
#a5c4f6
```
#a5c4f6 rgb(165,196,246)
```
#b7d0f8
```
#b7d0f8 rgb(183,208,248)
```
#c8dbfa
```
#c8dbfa rgb(200,219,250)
```
#dae7fb
```
#dae7fb rgb(218,231,251)
```
#ecf3fd
```
#ecf3fd rgb(236,243,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#acafb4
```
#acafb4 rgb(172,175,180)
```
#a6aeba
```
#a6aeba rgb(166,174,186)
```
#a0acc0
```
#a0acc0 rgb(160,172,192)
```
#9aabc6
```
#9aabc6 rgb(154,171,198)
```
#93a9cd
```
#93a9cd rgb(147,169,205)
```
#8da8d3
```
#8da8d3 rgb(141,168,211)
```
#87a7d9
```
#87a7d9 rgb(135,167,217)
```
#81a5df
```
#81a5df rgb(129,165,223)
```
#7ba4e5
```
#7ba4e5 rgb(123,164,229)
```
#75a2eb
```
#75a2eb rgb(117,162,235)
```
#6fa1f1
```
#6fa1f1 rgb(111,161,241)
```
#69a0f7
```
#69a0f7 rgb(105,160,247)
```
#639efd
```
#639efd rgb(99,158,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#929cac Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a2ef Protanopia 1% of men
#7ca4f2 Deuteranopia 1% of men
#5db0bd Tritanopia 0.001% of the population

Trichromacy

#7fa2ef Protanomaly 1% of men, 0.01% of women
#77a3f1 Deuteranomaly 6% of men, 0.4% of women
#64abd0 Tritanomaly 0.01% of the population

#6fa1f1 hex color

#6fa1f1 Color Information

#6fa1f1 Color Conversion

Color Schemes with #6fa1f1

Alternatives to #6fa1f1

#6fa1f1 Preview

Shades and Tints of #6fa1f1

Tones of #6fa1f1

Color Blindness Simulator