#2696fb hex color

In a RGB color space, hex #2696fb is composed of 14.9% red, 58.8% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 40.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 208.5 degrees, a saturation of 96.4% and a lightness of 56.7%. #2696fb color hex could be obtained by blending #4cffff with #002df7. Closest websafe color is: #3399ff.

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

● #2696fb color description : Bright blue.

The hexadecimal color #2696fb has RGB values of R:38, G:150, B:251 and CMYK values of C:0.85, M:0.4, Y:0, K:0.02. Its decimal value is 2529019.

Hex triplet	2696fb	`#2696fb`
RGB Decimal	38, 150, 251	`rgb(38,150,251)`
RGB Percent	14.9, 58.8, 98.4	`rgb(14.9%,58.8%,98.4%)`
CMYK	85, 40, 0, 2
HSL	208.5°, 96.4, 56.7	`hsl(208.5,96.4%,56.7%)`
HSV (or HSB)	208.5°, 84.9, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.947, 5.382, -58.686
XYZ	29.114, 29.187, 95.361
xyY	0.189, 0.19, 29.187
CIE-LCH	60.947, 58.932, 275.24
CIE-LUV	60.947, -34.215, -94.67
Hunter-Lab	54.025, 1.65, -66.836
Binary	00100110, 10010110, 11111011

#2696fb
```
#2696fb rgb(38,150,251)
```
#fb8b26
```
#fb8b26 rgb(251,139,38)
```

Complementary Color

#26fbf6
```
#26fbf6 rgb(38,251,246)
```
#2696fb
```
#2696fb rgb(38,150,251)
```
#262bfb
```
#262bfb rgb(38,43,251)
```

Analogous Color

#fbf626
```
#fbf626 rgb(251,246,38)
```
#2696fb
```
#2696fb rgb(38,150,251)
```
#fb262c
```
#fb262c rgb(251,38,44)
```

Split Complementary Color

#96fb26
```
#96fb26 rgb(150,251,38)
```
#2696fb
```
#2696fb rgb(38,150,251)
```
#fb2696
```
#fb2696 rgb(251,38,150)
```

Triadic Color

#26fb8b
```
#26fb8b rgb(38,251,139)
```
#2696fb
```
#2696fb rgb(38,150,251)
```
#fb2696
```
#fb2696 rgb(251,38,150)
```
#fb8b26
```
#fb8b26 rgb(251,139,38)
```

Tetradic Color

#0470d1
```
#0470d1 rgb(4,112,209)
```
#047dea
```
#047dea rgb(4,125,234)
```
#0d8afb
```
#0d8afb rgb(13,138,251)
```
#2696fb
```
#2696fb rgb(38,150,251)
```
#3fa2fb
```
#3fa2fb rgb(63,162,251)
```
#58aefc
```
#58aefc rgb(88,174,252)
```
#71bafc
```
#71bafc rgb(113,186,252)
```

Monochromatic Color

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

#26cbfb
```
#26cbfb rgb(38,203,251)
```
#26bafb
```
#26bafb rgb(38,186,251)
```
#26a8fb
```
#26a8fb rgb(38,168,251)
```
#2696fb
```
#2696fb rgb(38,150,251)
```
#2684fb
```
#2684fb rgb(38,132,251)
```
#2673fb
```
#2673fb rgb(38,115,251)
```
#2661fb
```
#2661fb rgb(38,97,251)
```

Similar Colors

Text with hexadecimal color #2696fb

This text has a font color of #2696fb.

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

#2696fb background color

This paragraph has a background color of #2696fb.

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

#2696fb border color

This element has a border color of #2696fb.

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

CSS codes

.text {color:#2696fb;}

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

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

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, #00080e is the darkest color, while #fafdff is the lightest one.

#00080e
```
#00080e rgb(0,8,14)
```
#011221
```
#011221 rgb(1,18,33)
```
#011c35
```
#011c35 rgb(1,28,53)
```
#012648
```
#012648 rgb(1,38,72)
```
#02315b
```
#02315b rgb(2,49,91)
```
#023b6e
```
#023b6e rgb(2,59,110)
```
#024582
```
#024582 rgb(2,69,130)
```
#035095
```
#035095 rgb(3,80,149)
```
#035aa8
```
#035aa8 rgb(3,90,168)
```
#0364bb
```
#0364bb rgb(3,100,187)
```
#046fcf
```
#046fcf rgb(4,111,207)
```
#0479e2
```
#0479e2 rgb(4,121,226)
```
#0583f5
```
#0583f5 rgb(5,131,245)
```

Shade Color Variation

#138dfb
```
#138dfb rgb(19,141,251)
```
#2696fb
```
#2696fb rgb(38,150,251)
```
#399ffb
```
#399ffb rgb(57,159,251)
```
#4da9fc
```
#4da9fc rgb(77,169,252)
```
#60b2fc
```
#60b2fc rgb(96,178,252)
```
#73bbfc
```
#73bbfc rgb(115,187,252)
```
#86c5fd
```
#86c5fd rgb(134,197,253)
```
#9acefd
```
#9acefd rgb(154,206,253)
```
#add7fd
```
#add7fd rgb(173,215,253)
```
#c0e1fe
```
#c0e1fe rgb(192,225,254)
```
#d3eafe
```
#d3eafe rgb(211,234,254)
```
#e7f3ff
```
#e7f3ff rgb(231,243,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#8c9195
```
#8c9195 rgb(140,145,149)
```
#84919e
```
#84919e rgb(132,145,158)
```
#7b92a6
```
#7b92a6 rgb(123,146,166)
```
#7392af
```
#7392af rgb(115,146,175)
```
#6a92b7
```
#6a92b7 rgb(106,146,183)
```
#6293c0
```
#6293c0 rgb(98,147,192)
```
#5993c8
```
#5993c8 rgb(89,147,200)
```
#5194d1
```
#5194d1 rgb(81,148,209)
```
#4894d9
```
#4894d9 rgb(72,148,217)
```
#4095e2
```
#4095e2 rgb(64,149,226)
```
#3795ea
```
#3795ea rgb(55,149,234)
```
#2f96f3
```
#2f96f3 rgb(47,150,243)
```
#2696fb
```
#2696fb rgb(38,150,251)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6e8499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b95f6 Protanopia 1% of men
#3d9afb Deuteranopia 1% of men
#00a7b2 Tritanopia 0.001% of the population

Trichromacy

#5295f7 Protanomaly 1% of men, 0.01% of women
#3598fb Deuteranomaly 6% of men, 0.4% of women
#0da1cc Tritanomaly 0.01% of the population

#2696fb hex color

#2696fb Color Information

#2696fb Color Conversion

Color Schemes with #2696fb

Alternatives to #2696fb

#2696fb Preview

Shades and Tints of #2696fb

Tones of #2696fb

Color Blindness Simulator