#6966f3 hex color

In a RGB color space, hex #6966f3 is composed of 41.2% red, 40% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 58% magenta, 0% yellow and 4.7% black. It has a hue angle of 241.3 degrees, a saturation of 85.5% and a lightness of 67.6%. #6966f3 color hex could be obtained by blending #d2ccff with #0000e7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 40
- B 95
RGB color chart
- C 57
- M 58
- Y 0
- K 5
CMYK color chart

● #6966f3 color description : Soft blue.

The hexadecimal color #6966f3 has RGB values of R:105, G:102, B:243 and CMYK values of C:0.57, M:0.58, Y:0, K:0.05. Its decimal value is 6907635.

Hex triplet	6966f3	`#6966f3`
RGB Decimal	105, 102, 243	`rgb(105,102,243)`
RGB Percent	41.2, 40, 95.3	`rgb(41.2%,40%,95.3%)`
CMYK	57, 58, 0, 5
HSL	241.3°, 85.5, 67.6	`hsl(241.3,85.5%,67.6%)`
HSV (or HSB)	241.3°, 58, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.659, 40.349, -70.688
XYZ	26.752, 18.976, 87.042
xyY	0.201, 0.143, 18.976
CIE-LCH	50.659, 81.393, 299.718
CIE-LUV	50.659, -7.202, -111.978
Hunter-Lab	43.561, 33.386, -87.977
Binary	01101001, 01100110, 11110011

#6966f3
```
#6966f3 rgb(105,102,243)
```
#f0f366
```
#f0f366 rgb(240,243,102)
```

Complementary Color

#66aaf3
```
#66aaf3 rgb(102,170,243)
```
#6966f3
```
#6966f3 rgb(105,102,243)
```
#b066f3
```
#b066f3 rgb(176,102,243)
```

Analogous Color

#aaf366
```
#aaf366 rgb(170,243,102)
```
#6966f3
```
#6966f3 rgb(105,102,243)
```
#f3b066
```
#f3b066 rgb(243,176,102)
```

Split Complementary Color

#66f369
```
#66f369 rgb(102,243,105)
```
#6966f3
```
#6966f3 rgb(105,102,243)
```
#f36966
```
#f36966 rgb(243,105,102)
```

Triadic Color

#66f0f3
```
#66f0f3 rgb(102,240,243)
```
#6966f3
```
#6966f3 rgb(105,102,243)
```
#f36966
```
#f36966 rgb(243,105,102)
```
#f0f366
```
#f0f366 rgb(240,243,102)
```

Tetradic Color

#231fed
```
#231fed rgb(35,31,237)
```
#3b37ef
```
#3b37ef rgb(59,55,239)
```
#524ef1
```
#524ef1 rgb(82,78,241)
```
#6966f3
```
#6966f3 rgb(105,102,243)
```
#807ef5
```
#807ef5 rgb(128,126,245)
```
#9795f7
```
#9795f7 rgb(151,149,247)
```
#afadf9
```
#afadf9 rgb(175,173,249)
```

Monochromatic Color

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

#6686f3
```
#6686f3 rgb(102,134,243)
```
#667bf3
```
#667bf3 rgb(102,123,243)
```
#666ff3
```
#666ff3 rgb(102,111,243)
```
#6966f3
```
#6966f3 rgb(105,102,243)
```
#7566f3
```
#7566f3 rgb(117,102,243)
```
#8166f3
```
#8166f3 rgb(129,102,243)
```
#8c66f3
```
#8c66f3 rgb(140,102,243)
```

Similar Colors

Text with hexadecimal color #6966f3

This text has a font color of #6966f3.

<span style="color:#6966f3;">Text here</span>

#6966f3 background color

This paragraph has a background color of #6966f3.

<p style="background-color:#6966f3;">Content here</p>

#6966f3 border color

This element has a border color of #6966f3.

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

CSS codes

.text {color:#6966f3;}

.background {background-color:#6966f3;}

.border {border:1px solid #6966f3;}

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, #01010b is the darkest color, while #f8f8fe is the lightest one.

#01010b
```
#01010b rgb(1,1,11)
```
#03021d
```
#03021d rgb(3,2,29)
```
#05042f
```
#05042f rgb(5,4,47)
```
#060541
```
#060541 rgb(6,5,65)
```
#080753
```
#080753 rgb(8,7,83)
```
#0a0866
```
#0a0866 rgb(10,8,102)
```
#0c0978
```
#0c0978 rgb(12,9,120)
```
#0e0b8a
```
#0e0b8a rgb(14,11,138)
```
#0f0c9c
```
#0f0c9c rgb(15,12,156)
```
#110eae
```
#110eae rgb(17,14,174)
```
#130fc1
```
#130fc1 rgb(19,15,193)
```
#1511d3
```
#1511d3 rgb(21,17,211)
```
#1612e5
```
#1612e5 rgb(22,18,229)
```

Shade Color Variation

#221ded
```
#221ded rgb(34,29,237)
```
#342fef
```
#342fef rgb(52,47,239)
```
#4542f0
```
#4542f0 rgb(69,66,240)
```
#5754f2
```
#5754f2 rgb(87,84,242)
```
#6966f3
```
#6966f3 rgb(105,102,243)
```
#7b78f4
```
#7b78f4 rgb(123,120,244)
```
#8d8af6
```
#8d8af6 rgb(141,138,246)
```
#9e9df7
```
#9e9df7 rgb(158,157,247)
```
#b0aff9
```
#b0aff9 rgb(176,175,249)
```
#c2c1fa
```
#c2c1fa rgb(194,193,250)
```
#d4d3fc
```
#d4d3fc rgb(212,211,252)
```
#e6e5fd
```
#e6e5fd rgb(230,229,253)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#acacad
```
#acacad rgb(172,172,173)
```
#a6a5b4
```
#a6a5b4 rgb(166,165,180)
```
#a09fba
```
#a09fba rgb(160,159,186)
```
#9a99c0
```
#9a99c0 rgb(154,153,192)
```
#9492c7
```
#9492c7 rgb(148,146,199)
```
#8d8ccd
```
#8d8ccd rgb(141,140,205)
```
#8786d3
```
#8786d3 rgb(135,134,211)
```
#817fda
```
#817fda rgb(129,127,218)
```
#7b79e0
```
#7b79e0 rgb(123,121,224)
```
#7573e6
```
#7573e6 rgb(117,115,230)
```
#6f6ced
```
#6f6ced rgb(111,108,237)
```
#6966f3
```
#6966f3 rgb(105,102,243)
```
#6360f9
```
#6360f9 rgb(99,96,249)
```

Tone Color Variation

Below, you can see how #6966f3 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

#777777 Achromatopsia 0.005% of the population
#747490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d5 Deuteranopia 1% of men
#3c8993 Tritanopia 0.001% of the population

Trichromacy

#2673f2 Protanomaly 1% of men, 0.01% of women
#2678e0 Deuteranomaly 6% of men, 0.4% of women
#4c7cb6 Tritanomaly 0.01% of the population

#6966f3 hex color

#6966f3 Color Information

#6966f3 Color Conversion

Color Schemes with #6966f3

Alternatives to #6966f3

#6966f3 Preview

Shades and Tints of #6966f3

Tones of #6966f3

Color Blindness Simulator