#969cf3 hex color

In a RGB color space, hex #969cf3 is composed of 58.8% red, 61.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 35.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 236.1 degrees, a saturation of 79.5% and a lightness of 77.1%. #969cf3 color hex could be obtained by blending #ffffff with #2d39e7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 59
- G 61
- B 95
RGB color chart
- C 38
- M 36
- Y 0
- K 5
CMYK color chart

● #969cf3 color description : Very soft blue.

The hexadecimal color #969cf3 has RGB values of R:150, G:156, B:243 and CMYK values of C:0.38, M:0.36, Y:0, K:0.05. Its decimal value is 9870579.

Hex triplet	969cf3	`#969cf3`
RGB Decimal	150, 156, 243	`rgb(150,156,243)`
RGB Percent	58.8, 61.2, 95.3	`rgb(58.8%,61.2%,95.3%)`
CMYK	38, 36, 0, 5
HSL	236.1°, 79.5, 77.1	`hsl(236.1,79.5%,77.1%)`
HSV (or HSB)	236.1°, 38.3, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.075, 18.603, -44.282
XYZ	40.641, 36.731, 89.738
xyY	0.243, 0.22, 36.731
CIE-LCH	67.075, 48.031, 292.788
CIE-LUV	67.075, -7.842, -73.514
Hunter-Lab	60.606, 13.636, -45.365
Binary	10010110, 10011100, 11110011

#969cf3
```
#969cf3 rgb(150,156,243)
```
#f3ed96
```
#f3ed96 rgb(243,237,150)
```

Complementary Color

#96cbf3
```
#96cbf3 rgb(150,203,243)
```
#969cf3
```
#969cf3 rgb(150,156,243)
```
#bf96f3
```
#bf96f3 rgb(191,150,243)
```

Analogous Color

#cbf396
```
#cbf396 rgb(203,243,150)
```
#969cf3
```
#969cf3 rgb(150,156,243)
```
#f3bf96
```
#f3bf96 rgb(243,191,150)
```

Split Complementary Color

#9cf396
```
#9cf396 rgb(156,243,150)
```
#969cf3
```
#969cf3 rgb(150,156,243)
```
#f3969c
```
#f3969c rgb(243,150,156)
```

Triadic Color

#96f3ed
```
#96f3ed rgb(150,243,237)
```
#969cf3
```
#969cf3 rgb(150,156,243)
```
#f3969c
```
#f3969c rgb(243,150,156)
```
#f3ed96
```
#f3ed96 rgb(243,237,150)
```

Tetradic Color

#515beb
```
#515beb rgb(81,91,235)
```
#6871ee
```
#6871ee rgb(104,113,238)
```
#7f86f0
```
#7f86f0 rgb(127,134,240)
```
#969cf3
```
#969cf3 rgb(150,156,243)
```
#adb2f6
```
#adb2f6 rgb(173,178,246)
```
#c4c7f8
```
#c4c7f8 rgb(196,199,248)
```
#dbddfb
```
#dbddfb rgb(219,221,251)
```

Monochromatic Color

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

#96b3f3
```
#96b3f3 rgb(150,179,243)
```
#96acf3
```
#96acf3 rgb(150,172,243)
```
#96a4f3
```
#96a4f3 rgb(150,164,243)
```
#969cf3
```
#969cf3 rgb(150,156,243)
```
#9896f3
```
#9896f3 rgb(152,150,243)
```
#a096f3
```
#a096f3 rgb(160,150,243)
```
#a796f3
```
#a796f3 rgb(167,150,243)
```

Similar Colors

Text with hexadecimal color #969cf3

This text has a font color of #969cf3.

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

#969cf3 background color

This paragraph has a background color of #969cf3.

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

#969cf3 border color

This element has a border color of #969cf3.

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

CSS codes

.text {color:#969cf3;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020312
```
#020312 rgb(2,3,18)
```
#040624
```
#040624 rgb(4,6,36)
```
#060935
```
#060935 rgb(6,9,53)
```
#080c47
```
#080c47 rgb(8,12,71)
```
#0a0f59
```
#0a0f59 rgb(10,15,89)
```
#0c126a
```
#0c126a rgb(12,18,106)
```
#0e157c
```
#0e157c rgb(14,21,124)
```
#10188d
```
#10188d rgb(16,24,141)
```
#121b9f
```
#121b9f rgb(18,27,159)
```
#141eb1
```
#141eb1 rgb(20,30,177)
```
#1621c2
```
#1621c2 rgb(22,33,194)
```
#1824d4
```
#1824d4 rgb(24,36,212)
```

Shade Color Variation

#1b28e5
```
#1b28e5 rgb(27,40,229)
```
#2c38e7
```
#2c38e7 rgb(44,56,231)
```
#3e49e9
```
#3e49e9 rgb(62,73,233)
```
#505aeb
```
#505aeb rgb(80,90,235)
```
#616aed
```
#616aed rgb(97,106,237)
```
#737bef
```
#737bef rgb(115,123,239)
```
#848bf1
```
#848bf1 rgb(132,139,241)
```
#969cf3
```
#969cf3 rgb(150,156,243)
```
#a8adf5
```
#a8adf5 rgb(168,173,245)
```
#b9bdf7
```
#b9bdf7 rgb(185,189,247)
```
#cbcef9
```
#cbcef9 rgb(203,206,249)
```
#dcdefb
```
#dcdefb rgb(220,222,251)
```
#eeeffd
```
#eeeffd rgb(238,239,253)
```

Tint Color Variation

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

#c3c3c6
```
#c3c3c6 rgb(195,195,198)
```
#bfbfcb
```
#bfbfcb rgb(191,191,203)
```
#babbcf
```
#babbcf rgb(186,187,207)
```
#b6b7d4
```
#b6b7d4 rgb(182,183,212)
```
#b1b4d8
```
#b1b4d8 rgb(177,180,216)
```
#adb0dd
```
#adb0dd rgb(173,176,221)
```
#a8ace1
```
#a8ace1 rgb(168,172,225)
```
#a4a8e6
```
#a4a8e6 rgb(164,168,230)
```
#9fa4ea
```
#9fa4ea rgb(159,164,234)
```
#9ba0ef
```
#9ba0ef rgb(155,160,239)
```
#969cf3
```
#969cf3 rgb(150,156,243)
```
#9298f8
```
#9298f8 rgb(146,152,248)
```
#8d94fc
```
#8d94fc rgb(141,148,252)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a1a2b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a5f6 Protanopia 1% of men
#84a7f1 Deuteranopia 1% of men
#8aadba Tritanopia 0.001% of the population

Trichromacy

#8da1f5 Protanomaly 1% of men, 0.01% of women
#8aa3f1 Deuteranomaly 6% of men, 0.4% of women
#8ea7ce Tritanomaly 0.01% of the population

#969cf3 hex color

#969cf3 Color Information

#969cf3 Color Conversion

Color Schemes with #969cf3

Alternatives to #969cf3

#969cf3 Preview

Shades and Tints of #969cf3

Tones of #969cf3

Color Blindness Simulator