#969af0 hex color

In a RGB color space, hex #969af0 is composed of 58.8% red, 60.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 35.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 237.3 degrees, a saturation of 75% and a lightness of 76.5%. #969af0 color hex could be obtained by blending #ffffff with #2d35e1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 59
- G 60
- B 94
RGB color chart
- C 38
- M 36
- Y 0
- K 6
CMYK color chart

● #969af0 color description : Very soft blue.

The hexadecimal color #969af0 has RGB values of R:150, G:154, B:240 and CMYK values of C:0.38, M:0.36, Y:0, K:0.06. Its decimal value is 9870064.

Hex triplet	969af0	`#969af0`
RGB Decimal	150, 154, 240	`rgb(150,154,240)`
RGB Percent	58.8, 60.4, 94.1	`rgb(58.8%,60.4%,94.1%)`
CMYK	38, 36, 0, 6
HSL	237.3°, 75, 76.5	`hsl(237.3,75%,76.5%)`
HSV (or HSB)	237.3°, 37.5, 94.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	66.432, 18.939, -43.648
XYZ	39.858, 35.886, 87.26
xyY	0.245, 0.22, 35.886
CIE-LCH	66.432, 47.58, 293.457
CIE-LUV	66.432, -6.927, -72.382
Hunter-Lab	59.905, 13.934, -44.431
Binary	10010110, 10011010, 11110000

#969af0
```
#969af0 rgb(150,154,240)
```
#f0ec96
```
#f0ec96 rgb(240,236,150)
```

Complementary Color

#96c7f0
```
#96c7f0 rgb(150,199,240)
```
#969af0
```
#969af0 rgb(150,154,240)
```
#bf96f0
```
#bf96f0 rgb(191,150,240)
```

Analogous Color

#c7f096
```
#c7f096 rgb(199,240,150)
```
#969af0
```
#969af0 rgb(150,154,240)
```
#f0bf96
```
#f0bf96 rgb(240,191,150)
```

Split Complementary Color

#9af096
```
#9af096 rgb(154,240,150)
```
#969af0
```
#969af0 rgb(150,154,240)
```
#f0969a
```
#f0969a rgb(240,150,154)
```

Triadic Color

#96f0ec
```
#96f0ec rgb(150,240,236)
```
#969af0
```
#969af0 rgb(150,154,240)
```
#f0969a
```
#f0969a rgb(240,150,154)
```
#f0ec96
```
#f0ec96 rgb(240,236,150)
```

Tetradic Color

#535ae6
```
#535ae6 rgb(83,90,230)
```
#696fea
```
#696fea rgb(105,111,234)
```
#8085ed
```
#8085ed rgb(128,133,237)
```
#969af0
```
#969af0 rgb(150,154,240)
```
#acaff3
```
#acaff3 rgb(172,175,243)
```
#c3c5f6
```
#c3c5f6 rgb(195,197,246)
```
#d9dafa
```
#d9dafa rgb(217,218,250)
```

Monochromatic Color

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

#96b1f0
```
#96b1f0 rgb(150,177,240)
```
#96a9f0
```
#96a9f0 rgb(150,169,240)
```
#96a2f0
```
#96a2f0 rgb(150,162,240)
```
#969af0
```
#969af0 rgb(150,154,240)
```
#9a96f0
```
#9a96f0 rgb(154,150,240)
```
#a196f0
```
#a196f0 rgb(161,150,240)
```
#a996f0
```
#a996f0 rgb(169,150,240)
```

Similar Colors

Text with hexadecimal color #969af0

This text has a font color of #969af0.

<span style="color:#969af0;">Text here</span>

#969af0 background color

This paragraph has a background color of #969af0.

<p style="background-color:#969af0;">Content here</p>

#969af0 border color

This element has a border color of #969af0.

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

CSS codes

.text {color:#969af0;}

.background {background-color:#969af0;}

.border {border:1px solid #969af0;}

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, #02030f is the darkest color, while #fdfdff is the lightest one.

#02030f
```
#02030f rgb(2,3,15)
```
#050620
```
#050620 rgb(5,6,32)
```
#070931
```
#070931 rgb(7,9,49)
```
#0a0c43
```
#0a0c43 rgb(10,12,67)
```
#0c0f54
```
#0c0f54 rgb(12,15,84)
```
#0e1265
```
#0e1265 rgb(14,18,101)
```
#111576
```
#111576 rgb(17,21,118)
```
#131887
```
#131887 rgb(19,24,135)
```
#161c98
```
#161c98 rgb(22,28,152)
```
#181faa
```
#181faa rgb(24,31,170)
```
#1b22bb
```
#1b22bb rgb(27,34,187)
```
#1d25cc
```
#1d25cc rgb(29,37,204)
```
#2028dd
```
#2028dd rgb(32,40,221)
```

Shade Color Variation

#2f37e1
```
#2f37e1 rgb(47,55,225)
```
#4047e4
```
#4047e4 rgb(64,71,228)
```
#5158e6
```
#5158e6 rgb(81,88,230)
```
#6368e9
```
#6368e9 rgb(99,104,233)
```
#7479eb
```
#7479eb rgb(116,121,235)
```
#8589ee
```
#8589ee rgb(133,137,238)
```
#969af0
```
#969af0 rgb(150,154,240)
```
#a7abf2
```
#a7abf2 rgb(167,171,242)
```
#b8bbf5
```
#b8bbf5 rgb(184,187,245)
```
#c9ccf7
```
#c9ccf7 rgb(201,204,247)
```
#dbdcfa
```
#dbdcfa rgb(219,220,250)
```
#ecedfc
```
#ecedfc rgb(236,237,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#c0c0c6
```
#c0c0c6 rgb(192,192,198)
```
#bbbccb
```
#bbbccb rgb(187,188,203)
```
#b6b7d0
```
#b6b7d0 rgb(182,183,208)
```
#b2b3d4
```
#b2b3d4 rgb(178,179,212)
```
#adafd9
```
#adafd9 rgb(173,175,217)
```
#a8abde
```
#a8abde rgb(168,171,222)
```
#a4a7e2
```
#a4a7e2 rgb(164,167,226)
```
#9fa2e7
```
#9fa2e7 rgb(159,162,231)
```
#9b9eeb
```
#9b9eeb rgb(155,158,235)
```
#969af0
```
#969af0 rgb(150,154,240)
```
#9196f5
```
#9196f5 rgb(145,150,245)
```
#8d92f9
```
#8d92f9 rgb(141,146,249)
```
#888dfe
```
#888dfe rgb(136,141,254)
```

Tone Color Variation

Below, you can see how #969af0 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

#a3a3a3 Achromatopsia 0.005% of the population
#a0a1b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a3f4 Protanopia 1% of men
#83a5ee Deuteranopia 1% of men
#8aabb8 Tritanopia 0.001% of the population

Trichromacy

#8ca0f2 Protanomaly 1% of men, 0.01% of women
#8aa1ee Deuteranomaly 6% of men, 0.4% of women
#8ea5cc Tritanomaly 0.01% of the population

#969af0 hex color

#969af0 Color Information

#969af0 Color Conversion

Color Schemes with #969af0

Alternatives to #969af0

#969af0 Preview

Shades and Tints of #969af0

Tones of #969af0

Color Blindness Simulator