#6969f2 hex color

In a RGB color space, hex #6969f2 is composed of 41.2% red, 41.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 56.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 240 degrees, a saturation of 84% and a lightness of 68%. #6969f2 color hex could be obtained by blending #d2d2ff with #0000e5. Closest websafe color is: #6666ff.

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

● #6969f2 color description : Soft blue.

The hexadecimal color #6969f2 has RGB values of R:105, G:105, B:242 and CMYK values of C:0.57, M:0.57, Y:0, K:0.05. Its decimal value is 6908402.

Hex triplet	6969f2	`#6969f2`
RGB Decimal	105, 105, 242	`rgb(105,105,242)`
RGB Percent	41.2, 41.2, 94.9	`rgb(41.2%,41.2%,94.9%)`
CMYK	57, 57, 0, 5
HSL	240°, 84, 68	`hsl(240,84%,68%)`
HSV (or HSB)	240°, 56.6, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.286, 38.258, -69.114
XYZ	26.901, 19.516, 86.349
xyY	0.203, 0.147, 19.516
CIE-LCH	51.286, 78.996, 298.967
CIE-LUV	51.286, -7.93, -109.884
Hunter-Lab	44.177, 31.386, -84.965
Binary	01101001, 01101001, 11110010

#6969f2
```
#6969f2 rgb(105,105,242)
```
#f2f269
```
#f2f269 rgb(242,242,105)
```

Complementary Color

#69aef2
```
#69aef2 rgb(105,174,242)
```
#6969f2
```
#6969f2 rgb(105,105,242)
```
#ae69f2
```
#ae69f2 rgb(174,105,242)
```

Analogous Color

#aef269
```
#aef269 rgb(174,242,105)
```
#6969f2
```
#6969f2 rgb(105,105,242)
```
#f2ae69
```
#f2ae69 rgb(242,174,105)
```

Split Complementary Color

#69f269
```
#69f269 rgb(105,242,105)
```
#6969f2
```
#6969f2 rgb(105,105,242)
```
#f26969
```
#f26969 rgb(242,105,105)
```

Triadic Color

#69f2f2
```
#69f2f2 rgb(105,242,242)
```
#6969f2
```
#6969f2 rgb(105,105,242)
```
#f26969
```
#f26969 rgb(242,105,105)
```
#f2f269
```
#f2f269 rgb(242,242,105)
```

Tetradic Color

#2323ec
```
#2323ec rgb(35,35,236)
```
#3a3aee
```
#3a3aee rgb(58,58,238)
```
#5252f0
```
#5252f0 rgb(82,82,240)
```
#6969f2
```
#6969f2 rgb(105,105,242)
```
#8080f4
```
#8080f4 rgb(128,128,244)
```
#9898f6
```
#9898f6 rgb(152,152,246)
```
#afaff8
```
#afaff8 rgb(175,175,248)
```

Monochromatic Color

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

#698bf2
```
#698bf2 rgb(105,139,242)
```
#6980f2
```
#6980f2 rgb(105,128,242)
```
#6974f2
```
#6974f2 rgb(105,116,242)
```
#6969f2
```
#6969f2 rgb(105,105,242)
```
#7469f2
```
#7469f2 rgb(116,105,242)
```
#8069f2
```
#8069f2 rgb(128,105,242)
```
#8b69f2
```
#8b69f2 rgb(139,105,242)
```

Similar Colors

Text with hexadecimal color #6969f2

This text has a font color of #6969f2.

<span style="color:#6969f2;">Text here</span>

#6969f2 background color

This paragraph has a background color of #6969f2.

<p style="background-color:#6969f2;">Content here</p>

#6969f2 border color

This element has a border color of #6969f2.

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

CSS codes

.text {color:#6969f2;}

.background {background-color:#6969f2;}

.border {border:1px solid #6969f2;}

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

#01010c
```
#01010c rgb(1,1,12)
```
#03031f
```
#03031f rgb(3,3,31)
```
#040431
```
#040431 rgb(4,4,49)
```
#060643
```
#060643 rgb(6,6,67)
```
#070755
```
#070755 rgb(7,7,85)
```
#090967
```
#090967 rgb(9,9,103)
```
#0a0a79
```
#0a0a79 rgb(10,10,121)
```
#0c0c8b
```
#0c0c8b rgb(12,12,139)
```
#0e0e9d
```
#0e0e9d rgb(14,14,157)
```
#0f0faf
```
#0f0faf rgb(15,15,175)
```
#1111c1
```
#1111c1 rgb(17,17,193)
```
#1212d3
```
#1212d3 rgb(18,18,211)
```
#1414e5
```
#1414e5 rgb(20,20,229)
```

Shade Color Variation

#2121ec
```
#2121ec rgb(33,33,236)
```
#3333ed
```
#3333ed rgb(51,51,237)
```
#4545ef
```
#4545ef rgb(69,69,239)
```
#5757f0
```
#5757f0 rgb(87,87,240)
```
#6969f2
```
#6969f2 rgb(105,105,242)
```
#7b7bf4
```
#7b7bf4 rgb(123,123,244)
```
#8d8df5
```
#8d8df5 rgb(141,141,245)
```
#9f9ff7
```
#9f9ff7 rgb(159,159,247)
```
#b1b1f8
```
#b1b1f8 rgb(177,177,248)
```
#c3c3fa
```
#c3c3fa rgb(195,195,250)
```
#d5d5fb
```
#d5d5fb rgb(213,213,251)
```
#e7e7fd
```
#e7e7fd rgb(231,231,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#a8a8b3
```
#a8a8b3 rgb(168,168,179)
```
#a1a1ba
```
#a1a1ba rgb(161,161,186)
```
#9b9bc0
```
#9b9bc0 rgb(155,155,192)
```
#9595c6
```
#9595c6 rgb(149,149,198)
```
#8f8fcc
```
#8f8fcc rgb(143,143,204)
```
#8888d3
```
#8888d3 rgb(136,136,211)
```
#8282d9
```
#8282d9 rgb(130,130,217)
```
#7c7cdf
```
#7c7cdf rgb(124,124,223)
```
#7676e5
```
#7676e5 rgb(118,118,229)
```
#6f6fec
```
#6f6fec rgb(111,111,236)
```
#6969f2
```
#6969f2 rgb(105,105,242)
```
#6363f8
```
#6363f8 rgb(99,99,248)
```
#5c5cff
```
#5c5cff rgb(92,92,255)
```

Tone Color Variation

Below, you can see how #6969f2 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

#797979 Achromatopsia 0.005% of the population
#767691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0083d8 Deuteranopia 1% of men
#3e8b95 Tritanopia 0.001% of the population

Trichromacy

#2675f4 Protanomaly 1% of men, 0.01% of women
#267ae1 Deuteranomaly 6% of men, 0.4% of women
#4d7eb7 Tritanomaly 0.01% of the population

#6969f2 hex color

#6969f2 Color Information

#6969f2 Color Conversion

Color Schemes with #6969f2

Alternatives to #6969f2

#6969f2 Preview

Shades and Tints of #6969f2

Tones of #6969f2

Color Blindness Simulator