#0969e2 hex color

In a RGB color space, hex #0969e2 is composed of 3.5% red, 41.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 53.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 213.5 degrees, a saturation of 92.3% and a lightness of 46.1%. #0969e2 color hex could be obtained by blending #12d2ff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 4
- G 41
- B 89
RGB color chart
- C 96
- M 54
- Y 0
- K 11
CMYK color chart

● #0969e2 color description : Vivid blue.

The hexadecimal color #0969e2 has RGB values of R:9, G:105, B:226 and CMYK values of C:0.96, M:0.54, Y:0, K:0.11. Its decimal value is 616930.

Hex triplet	0969e2	`#0969e2`
RGB Decimal	9, 105, 226	`rgb(9,105,226)`
RGB Percent	3.5, 41.2, 88.6	`rgb(3.5%,41.2%,88.6%)`
CMYK	96, 54, 0, 11
HSL	213.5°, 92.3, 46.1	`hsl(213.5,92.3%,46.1%)`
HSV (or HSB)	213.5°, 96, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.513, 22.33, -68.039
XYZ	18.889, 15.651, 73.973
xyY	0.174, 0.144, 15.651
CIE-LCH	46.513, 71.61, 288.17
CIE-LUV	46.513, -23.561, -104.094
Hunter-Lab	39.561, 15.995, -83.171
Binary	00001001, 01101001, 11100010

#0969e2
```
#0969e2 rgb(9,105,226)
```
#e28209
```
#e28209 rgb(226,130,9)
```

Complementary Color

#09d6e2
```
#09d6e2 rgb(9,214,226)
```
#0969e2
```
#0969e2 rgb(9,105,226)
```
#1609e2
```
#1609e2 rgb(22,9,226)
```

Analogous Color

#d6e209
```
#d6e209 rgb(214,226,9)
```
#0969e2
```
#0969e2 rgb(9,105,226)
```
#e21609
```
#e21609 rgb(226,22,9)
```

Split Complementary Color

#69e209
```
#69e209 rgb(105,226,9)
```
#0969e2
```
#0969e2 rgb(9,105,226)
```
#e20969
```
#e20969 rgb(226,9,105)
```

Triadic Color

#09e282
```
#09e282 rgb(9,226,130)
```
#0969e2
```
#0969e2 rgb(9,105,226)
```
#e20969
```
#e20969 rgb(226,9,105)
```
#e28209
```
#e28209 rgb(226,130,9)
```

Tetradic Color

#064798
```
#064798 rgb(6,71,152)
```
#0752b1
```
#0752b1 rgb(7,82,177)
```
#085ec9
```
#085ec9 rgb(8,94,201)
```
#0969e2
```
#0969e2 rgb(9,105,226)
```
#0f75f5
```
#0f75f5 rgb(15,117,245)
```
#2883f6
```
#2883f6 rgb(40,131,246)
```
#4091f7
```
#4091f7 rgb(64,145,247)
```

Monochromatic Color

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

#099fe2
```
#099fe2 rgb(9,159,226)
```
#098de2
```
#098de2 rgb(9,141,226)
```
#097be2
```
#097be2 rgb(9,123,226)
```
#0969e2
```
#0969e2 rgb(9,105,226)
```
#0957e2
```
#0957e2 rgb(9,87,226)
```
#0945e2
```
#0945e2 rgb(9,69,226)
```
#0933e2
```
#0933e2 rgb(9,51,226)
```

Similar Colors

Text with hexadecimal color #0969e2

This text has a font color of #0969e2.

<span style="color:#0969e2;">Text here</span>

#0969e2 background color

This paragraph has a background color of #0969e2.

<p style="background-color:#0969e2;">Content here</p>

#0969e2 border color

This element has a border color of #0969e2.

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

CSS codes

.text {color:#0969e2;}

.background {background-color:#0969e2;}

.border {border:1px solid #0969e2;}

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

#010912
```
#010912 rgb(1,9,18)
```
#011125
```
#011125 rgb(1,17,37)
```
#021a38
```
#021a38 rgb(2,26,56)
```
#03234b
```
#03234b rgb(3,35,75)
```
#042c5e
```
#042c5e rgb(4,44,94)
```
#043471
```
#043471 rgb(4,52,113)
```
#053d84
```
#053d84 rgb(5,61,132)
```
#064697
```
#064697 rgb(6,70,151)
```
#074fa9
```
#074fa9 rgb(7,79,169)
```
#0757bc
```
#0757bc rgb(7,87,188)
```
#0860cf
```
#0860cf rgb(8,96,207)
```
#0969e2
```
#0969e2 rgb(9,105,226)
```
#0a72f5
```
#0a72f5 rgb(10,114,245)
```

Shade Color Variation

#1c7df6
```
#1c7df6 rgb(28,125,246)
```
#2f87f7
```
#2f87f7 rgb(47,135,247)
```
#4292f7
```
#4292f7 rgb(66,146,247)
```
#559df8
```
#559df8 rgb(85,157,248)
```
#68a8f9
```
#68a8f9 rgb(104,168,249)
```
#7bb3fa
```
#7bb3fa rgb(123,179,250)
```
#8dbefa
```
#8dbefa rgb(141,190,250)
```
#a0c9fb
```
#a0c9fb rgb(160,201,251)
```
#b3d3fc
```
#b3d3fc rgb(179,211,252)
```
#c6defd
```
#c6defd rgb(198,222,253)
```
#d9e9fd
```
#d9e9fd rgb(217,233,253)
```
#ecf4fe
```
#ecf4fe rgb(236,244,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757576
```
#757576 rgb(117,117,118)
```
#6c747f
```
#6c747f rgb(108,116,127)
```
#637388
```
#637388 rgb(99,115,136)
```
#5a7291
```
#5a7291 rgb(90,114,145)
```
#51719a
```
#51719a rgb(81,113,154)
```
#4870a3
```
#4870a3 rgb(72,112,163)
```
#3f6fac
```
#3f6fac rgb(63,111,172)
```
#366eb5
```
#366eb5 rgb(54,110,181)
```
#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#246cc7
```
#246cc7 rgb(36,108,199)
```
#1b6bd0
```
#1b6bd0 rgb(27,107,208)
```
#126ad9
```
#126ad9 rgb(18,106,217)
```
#0969e2
```
#0969e2 rgb(9,105,226)
```

Tone Color Variation

Below, you can see how #0969e2 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

#5a5a5a Achromatopsia 0.005% of the population
#4a5d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c3 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#036ee0 Protanomaly 1% of men, 0.01% of women
#0372ce Deuteranomaly 6% of men, 0.4% of women
#0378a8 Tritanomaly 0.01% of the population

#0969e2 hex color

#0969e2 Color Information

#0969e2 Color Conversion

Color Schemes with #0969e2

Alternatives to #0969e2

#0969e2 Preview

Shades and Tints of #0969e2

Tones of #0969e2

Color Blindness Simulator