#2696de hex color

In a RGB color space, hex #2696de is composed of 14.9% red, 58.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 32.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 203.5 degrees, a saturation of 73.6% and a lightness of 51%. #2696de color hex could be obtained by blending #4cffff with #002dbd. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 15
- G 59
- B 87
RGB color chart
- C 83
- M 32
- Y 0
- K 13
CMYK color chart

● #2696de color description : Bright blue.

The hexadecimal color #2696de has RGB values of R:38, G:150, B:222 and CMYK values of C:0.83, M:0.32, Y:0, K:0.13. Its decimal value is 2528990.

Hex triplet	2696de	`#2696de`
RGB Decimal	38, 150, 222	`rgb(38,150,222)`
RGB Percent	14.9, 58.8, 87.1	`rgb(14.9%,58.8%,87.1%)`
CMYK	83, 32, 0, 13
HSL	203.5°, 73.6, 51	`hsl(203.5,73.6%,51%)`
HSV (or HSB)	203.5°, 82.9, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.431, -5.257, -45.071
XYZ	24.887, 27.496, 73.099
xyY	0.198, 0.219, 27.496
CIE-LCH	59.431, 45.376, 263.347
CIE-LUV	59.431, -35.721, -70.663
Hunter-Lab	52.437, -7.047, -45.946
Binary	00100110, 10010110, 11011110

#2696de
```
#2696de rgb(38,150,222)
```
#de6e26
```
#de6e26 rgb(222,110,38)
```

Complementary Color

#26deca
```
#26deca rgb(38,222,202)
```
#2696de
```
#2696de rgb(38,150,222)
```
#263ade
```
#263ade rgb(38,58,222)
```

Analogous Color

#deca26
```
#deca26 rgb(222,202,38)
```
#2696de
```
#2696de rgb(38,150,222)
```
#de263a
```
#de263a rgb(222,38,58)
```

Split Complementary Color

#96de26
```
#96de26 rgb(150,222,38)
```
#2696de
```
#2696de rgb(38,150,222)
```
#de2696
```
#de2696 rgb(222,38,150)
```

Triadic Color

#26de6e
```
#26de6e rgb(38,222,110)
```
#2696de
```
#2696de rgb(38,150,222)
```
#de2696
```
#de2696 rgb(222,38,150)
```
#de6e26
```
#de6e26 rgb(222,110,38)
```

Tetradic Color

#186a9f
```
#186a9f rgb(24,106,159)
```
#1c79b5
```
#1c79b5 rgb(28,121,181)
```
#1f88cc
```
#1f88cc rgb(31,136,204)
```
#2696de
```
#2696de rgb(38,150,222)
```
#3ca1e1
```
#3ca1e1 rgb(60,161,225)
```
#52abe5
```
#52abe5 rgb(82,171,229)
```
#68b6e8
```
#68b6e8 rgb(104,182,232)
```

Monochromatic Color

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

#26c4de
```
#26c4de rgb(38,196,222)
```
#26b5de
```
#26b5de rgb(38,181,222)
```
#26a5de
```
#26a5de rgb(38,165,222)
```
#2696de
```
#2696de rgb(38,150,222)
```
#2687de
```
#2687de rgb(38,135,222)
```
#2677de
```
#2677de rgb(38,119,222)
```
#2668de
```
#2668de rgb(38,104,222)
```

Similar Colors

Text with hexadecimal color #2696de

This text has a font color of #2696de.

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

#2696de background color

This paragraph has a background color of #2696de.

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

#2696de border color

This element has a border color of #2696de.

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

CSS codes

.text {color:#2696de;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#030e15
```
#030e15 rgb(3,14,21)
```
#061a26
```
#061a26 rgb(6,26,38)
```
#082537
```
#082537 rgb(8,37,55)
```
#0b3048
```
#0b3048 rgb(11,48,72)
```
#0e3c59
```
#0e3c59 rgb(14,60,89)
```
#10476a
```
#10476a rgb(16,71,106)
```
#13537c
```
#13537c rgb(19,83,124)
```
#155e8d
```
#155e8d rgb(21,94,141)
```
#18699e
```
#18699e rgb(24,105,158)
```
#1b75af
```
#1b75af rgb(27,117,175)
```
#1d80c0
```
#1d80c0 rgb(29,128,192)
```
#208bd1
```
#208bd1 rgb(32,139,209)
```

Shade Color Variation

#2696de
```
#2696de rgb(38,150,222)
```
#379ee1
```
#379ee1 rgb(55,158,225)
```
#48a6e3
```
#48a6e3 rgb(72,166,227)
```
#59afe6
```
#59afe6 rgb(89,175,230)
```
#6ab7e8
```
#6ab7e8 rgb(106,183,232)
```
#7bbfeb
```
#7bbfeb rgb(123,191,235)
```
#8cc7ee
```
#8cc7ee rgb(140,199,238)
```
#9dd0f0
```
#9dd0f0 rgb(157,208,240)
```
#aed8f3
```
#aed8f3 rgb(174,216,243)
```
#bfe0f5
```
#bfe0f5 rgb(191,224,245)
```
#d0e8f8
```
#d0e8f8 rgb(208,232,248)
```
#e1f1fa
```
#e1f1fa rgb(225,241,250)
```
#f2f9fd
```
#f2f9fd rgb(242,249,253)
```

Tint Color Variation

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

#7d8387
```
#7d8387 rgb(125,131,135)
```
#738591
```
#738591 rgb(115,133,145)
```
#69879b
```
#69879b rgb(105,135,155)
```
#6089a4
```
#6089a4 rgb(96,137,164)
```
#568cae
```
#568cae rgb(86,140,174)
```
#4c8eb8
```
#4c8eb8 rgb(76,142,184)
```
#4390c1
```
#4390c1 rgb(67,144,193)
```
#3992cb
```
#3992cb rgb(57,146,203)
```
#3094d4
```
#3094d4 rgb(48,148,212)
```
#2696de
```
#2696de rgb(38,150,222)
```
#1c98e8
```
#1c98e8 rgb(28,152,232)
```
#139af1
```
#139af1 rgb(19,154,241)
```
#099cfb
```
#099cfb rgb(9,156,251)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6c8290 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a92d8 Protanopia 1% of men
#6595e2 Deuteranopia 1% of men
#00a3ae Tritanopia 0.001% of the population

Trichromacy

#5b93da Protanomaly 1% of men, 0.01% of women
#4e95e0 Deuteranomaly 6% of men, 0.4% of women
#0d9ebf Tritanomaly 0.01% of the population

#2696de hex color

#2696de Color Information

#2696de Color Conversion

Color Schemes with #2696de

Alternatives to #2696de

#2696de Preview

Shades and Tints of #2696de

Tones of #2696de

Color Blindness Simulator