#0696fb hex color

In a RGB color space, hex #0696fb is composed of 2.4% red, 58.8% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 40.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 204.7 degrees, a saturation of 96.8% and a lightness of 50.4%. #0696fb color hex could be obtained by blending #0cffff with #002df7. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 59
- B 98
RGB color chart
- C 98
- M 40
- Y 0
- K 2
CMYK color chart

● #0696fb color description : Vivid blue.

The hexadecimal color #0696fb has RGB values of R:6, G:150, B:251 and CMYK values of C:0.98, M:0.4, Y:0, K:0.02. Its decimal value is 431867.

Hex triplet	0696fb	`#0696fb`
RGB Decimal	6, 150, 251	`rgb(6,150,251)`
RGB Percent	2.4, 58.8, 98.4	`rgb(2.4%,58.8%,98.4%)`
CMYK	98, 40, 0, 2
HSL	204.7°, 96.8, 50.4	`hsl(204.7,96.8%,50.4%)`
HSV (or HSB)	204.7°, 97.6, 98.4
Web Safe	0099ff	`#0099ff`

CIE-LAB	60.617, 3.985, -59.231
XYZ	28.39, 28.814, 95.327
xyY	0.186, 0.189, 28.814
CIE-LCH	60.617, 59.365, 273.849
CIE-LUV	60.617, -36.038, -95.339
Hunter-Lab	53.678, 0.469, -67.717
Binary	00000110, 10010110, 11111011

#0696fb
```
#0696fb rgb(6,150,251)
```
#fb6b06
```
#fb6b06 rgb(251,107,6)
```

Complementary Color

#06fbe6
```
#06fbe6 rgb(6,251,230)
```
#0696fb
```
#0696fb rgb(6,150,251)
```
#061cfb
```
#061cfb rgb(6,28,251)
```

Analogous Color

#fbe606
```
#fbe606 rgb(251,230,6)
```
#0696fb
```
#0696fb rgb(6,150,251)
```
#fb061c
```
#fb061c rgb(251,6,28)
```

Split Complementary Color

#96fb06
```
#96fb06 rgb(150,251,6)
```
#0696fb
```
#0696fb rgb(6,150,251)
```
#fb0696
```
#fb0696 rgb(251,6,150)
```

Triadic Color

#06fb6b
```
#06fb6b rgb(6,251,107)
```
#0696fb
```
#0696fb rgb(6,150,251)
```
#fb0696
```
#fb0696 rgb(251,6,150)
```
#fb6b06
```
#fb6b06 rgb(251,107,6)
```

Tetradic Color

#036ab2
```
#036ab2 rgb(3,106,178)
```
#0379cb
```
#0379cb rgb(3,121,203)
```
#0487e4
```
#0487e4 rgb(4,135,228)
```
#0696fb
```
#0696fb rgb(6,150,251)
```
#1fa1fb
```
#1fa1fb rgb(31,161,251)
```
#38abfc
```
#38abfc rgb(56,171,252)
```
#51b6fc
```
#51b6fc rgb(81,182,252)
```

Monochromatic Color

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

#06d3fb
```
#06d3fb rgb(6,211,251)
```
#06bffb
```
#06bffb rgb(6,191,251)
```
#06aafb
```
#06aafb rgb(6,170,251)
```
#0696fb
```
#0696fb rgb(6,150,251)
```
#0682fb
```
#0682fb rgb(6,130,251)
```
#066dfb
```
#066dfb rgb(6,109,251)
```
#0659fb
```
#0659fb rgb(6,89,251)
```

Similar Colors

Text with hexadecimal color #0696fb

This text has a font color of #0696fb.

<span style="color:#0696fb;">Text here</span>

#0696fb background color

This paragraph has a background color of #0696fb.

<p style="background-color:#0696fb;">Content here</p>

#0696fb border color

This element has a border color of #0696fb.

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

CSS codes

.text {color:#0696fb;}

.background {background-color:#0696fb;}

.border {border:1px solid #0696fb;}

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

#000102
```
#000102 rgb(0,1,2)
```
#000d15
```
#000d15 rgb(0,13,21)
```
#011829
```
#011829 rgb(1,24,41)
```
#01243c
```
#01243c rgb(1,36,60)
```
#012f4f
```
#012f4f rgb(1,47,79)
```
#023b62
```
#023b62 rgb(2,59,98)
```
#024676
```
#024676 rgb(2,70,118)
```
#025189
```
#025189 rgb(2,81,137)
```
#035d9c
```
#035d9c rgb(3,93,156)
```
#0368b0
```
#0368b0 rgb(3,104,176)
```
#0374c3
```
#0374c3 rgb(3,116,195)
```
#037fd6
```
#037fd6 rgb(3,127,214)
```
#048bea
```
#048bea rgb(4,139,234)
```

Shade Color Variation

#0696fb
```
#0696fb rgb(6,150,251)
```
#199efb
```
#199efb rgb(25,158,251)
```
#2da6fc
```
#2da6fc rgb(45,166,252)
```
#40aefc
```
#40aefc rgb(64,174,252)
```
#53b7fc
```
#53b7fc rgb(83,183,252)
```
#67bffd
```
#67bffd rgb(103,191,253)
```
#7ac7fd
```
#7ac7fd rgb(122,199,253)
```
#8dcffd
```
#8dcffd rgb(141,207,253)
```
#a0d7fd
```
#a0d7fd rgb(160,215,253)
```
#b4dffe
```
#b4dffe rgb(180,223,254)
```
#c7e7fe
```
#c7e7fe rgb(199,231,254)
```
#daf0fe
```
#daf0fe rgb(218,240,254)
```
#eef8ff
```
#eef8ff rgb(238,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8286 is the less saturated color, while #0696fb is the most saturated one.

#7b8286
```
#7b8286 rgb(123,130,134)
```
#718390
```
#718390 rgb(113,131,144)
```
#67859a
```
#67859a rgb(103,133,154)
```
#5e87a3
```
#5e87a3 rgb(94,135,163)
```
#5488ad
```
#5488ad rgb(84,136,173)
```
#4a8ab7
```
#4a8ab7 rgb(74,138,183)
```
#408cc1
```
#408cc1 rgb(64,140,193)
```
#378dca
```
#378dca rgb(55,141,202)
```
#2d8fd4
```
#2d8fd4 rgb(45,143,212)
```
#2391de
```
#2391de rgb(35,145,222)
```
#1993e8
```
#1993e8 rgb(25,147,232)
```
#1094f1
```
#1094f1 rgb(16,148,241)
```
#0696fb
```
#0696fb rgb(6,150,251)
```

Tone Color Variation

Below, you can see how #0696fb 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

#767676 Achromatopsia 0.005% of the population
#607c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a94f5 Protanopia 1% of men
#3799fb Deuteranopia 1% of men
#00a6b0 Tritanopia 0.001% of the population

Trichromacy

#4595f7 Protanomaly 1% of men, 0.01% of women
#2598fb Deuteranomaly 6% of men, 0.4% of women
#02a0cb Tritanomaly 0.01% of the population

#0696fb hex color

#0696fb Color Information

#0696fb Color Conversion

Color Schemes with #0696fb

Alternatives to #0696fb

#0696fb Preview

Shades and Tints of #0696fb

Tones of #0696fb

Color Blindness Simulator