#969af5 hex color

In a RGB color space, hex #969af5 is composed of 58.8% red, 60.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 37.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 237.5 degrees, a saturation of 82.6% and a lightness of 77.5%. #969af5 color hex could be obtained by blending #ffffff with #2d35eb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 59
- G 60
- B 96
RGB color chart
- C 39
- M 37
- Y 0
- K 4
CMYK color chart

● #969af5 color description : Very soft blue.

The hexadecimal color #969af5 has RGB values of R:150, G:154, B:245 and CMYK values of C:0.39, M:0.37, Y:0, K:0.04. Its decimal value is 9870069.

Hex triplet	969af5	`#969af5`
RGB Decimal	150, 154, 245	`rgb(150,154,245)`
RGB Percent	58.8, 60.4, 96.1	`rgb(58.8%,60.4%,96.1%)`
CMYK	39, 37, 0, 4
HSL	237.5°, 82.6, 77.5	`hsl(237.5,82.6%,77.5%)`
HSV (or HSB)	237.5°, 38.8, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	66.662, 20.29, -46.024
XYZ	40.611, 36.187, 91.226
xyY	0.242, 0.215, 36.187
CIE-LCH	66.662, 50.298, 293.791
CIE-LUV	66.662, -7.2, -76.567
Hunter-Lab	60.155, 15.235, -47.805
Binary	10010110, 10011010, 11110101

#969af5
```
#969af5 rgb(150,154,245)
```
#f5f196
```
#f5f196 rgb(245,241,150)
```

Complementary Color

#96caf5
```
#96caf5 rgb(150,202,245)
```
#969af5
```
#969af5 rgb(150,154,245)
```
#c296f5
```
#c296f5 rgb(194,150,245)
```

Analogous Color

#caf596
```
#caf596 rgb(202,245,150)
```
#969af5
```
#969af5 rgb(150,154,245)
```
#f5c296
```
#f5c296 rgb(245,194,150)
```

Split Complementary Color

#9af596
```
#9af596 rgb(154,245,150)
```
#969af5
```
#969af5 rgb(150,154,245)
```
#f5969a
```
#f5969a rgb(245,150,154)
```

Triadic Color

#96f5f1
```
#96f5f1 rgb(150,245,241)
```
#969af5
```
#969af5 rgb(150,154,245)
```
#f5969a
```
#f5969a rgb(245,150,154)
```
#f5f196
```
#f5f196 rgb(245,241,150)
```

Tetradic Color

#5057ee
```
#5057ee rgb(80,87,238)
```
#676df1
```
#676df1 rgb(103,109,241)
```
#7f84f3
```
#7f84f3 rgb(127,132,243)
```
#969af5
```
#969af5 rgb(150,154,245)
```
#adb0f7
```
#adb0f7 rgb(173,176,247)
```
#c5c7f9
```
#c5c7f9 rgb(197,199,249)
```
#dcddfc
```
#dcddfc rgb(220,221,252)
```

Monochromatic Color

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

#96b2f5
```
#96b2f5 rgb(150,178,245)
```
#96aaf5
```
#96aaf5 rgb(150,170,245)
```
#96a2f5
```
#96a2f5 rgb(150,162,245)
```
#969af5
```
#969af5 rgb(150,154,245)
```
#9a96f5
```
#9a96f5 rgb(154,150,245)
```
#a296f5
```
#a296f5 rgb(162,150,245)
```
#aa96f5
```
#aa96f5 rgb(170,150,245)
```

Similar Colors

Text with hexadecimal color #969af5

This text has a font color of #969af5.

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

#969af5 background color

This paragraph has a background color of #969af5.

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

#969af5 border color

This element has a border color of #969af5.

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

CSS codes

.text {color:#969af5;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#020314
```
#020314 rgb(2,3,20)
```
#040526
```
#040526 rgb(4,5,38)
```
#050738
```
#050738 rgb(5,7,56)
```
#070a4a
```
#070a4a rgb(7,10,74)
```
#090c5c
```
#090c5c rgb(9,12,92)
```
#0a0f6e
```
#0a0f6e rgb(10,15,110)
```
#0c1180
```
#0c1180 rgb(12,17,128)
```
#0e1392
```
#0e1392 rgb(14,19,146)
```
#1016a4
```
#1016a4 rgb(16,22,164)
```
#1118b6
```
#1118b6 rgb(17,24,182)
```
#131bc7
```
#131bc7 rgb(19,27,199)
```
#151dd9
```
#151dd9 rgb(21,29,217)
```

Shade Color Variation

#1921e9
```
#1921e9 rgb(25,33,233)
```
#2b33eb
```
#2b33eb rgb(43,51,235)
```
#3c44ec
```
#3c44ec rgb(60,68,236)
```
#4e55ee
```
#4e55ee rgb(78,85,238)
```
#6066f0
```
#6066f0 rgb(96,102,240)
```
#7278f2
```
#7278f2 rgb(114,120,242)
```
#8489f3
```
#8489f3 rgb(132,137,243)
```
#969af5
```
#969af5 rgb(150,154,245)
```
#a8abf7
```
#a8abf7 rgb(168,171,247)
```
#babcf8
```
#babcf8 rgb(186,188,248)
```
#cccefa
```
#cccefa rgb(204,206,250)
```
#dedffc
```
#dedffc rgb(222,223,252)
```
#f0f0fe
```
#f0f0fe rgb(240,240,254)
```

Tint Color Variation

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

#c2c3c9
```
#c2c3c9 rgb(194,195,201)
```
#bebecd
```
#bebecd rgb(190,190,205)
```
#b9bad2
```
#b9bad2 rgb(185,186,210)
```
#b5b6d6
```
#b5b6d6 rgb(181,182,214)
```
#b1b2da
```
#b1b2da rgb(177,178,218)
```
#acaedf
```
#acaedf rgb(172,174,223)
```
#a8aae3
```
#a8aae3 rgb(168,170,227)
```
#a3a6e8
```
#a3a6e8 rgb(163,166,232)
```
#9fa2ec
```
#9fa2ec rgb(159,162,236)
```
#9a9ef1
```
#9a9ef1 rgb(154,158,241)
```
#969af5
```
#969af5 rgb(150,154,245)
```
#9296f9
```
#9296f9 rgb(146,150,249)
```
#8d92fe
```
#8d92fe rgb(141,146,254)
```

Tone Color Variation

Below, you can see how #969af5 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
#a0a1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a4f9 Protanopia 1% of men
#80a6f2 Deuteranopia 1% of men
#89acb9 Tritanopia 0.001% of the population

Trichromacy

#8ba0f7 Protanomaly 1% of men, 0.01% of women
#88a1f3 Deuteranomaly 6% of men, 0.4% of women
#8da5ce Tritanomaly 0.01% of the population

#969af5 hex color

#969af5 Color Information

#969af5 Color Conversion

Color Schemes with #969af5

Alternatives to #969af5

#969af5 Preview

Shades and Tints of #969af5

Tones of #969af5

Color Blindness Simulator