#2696ed hex color

In a RGB color space, hex #2696ed is composed of 14.9% red, 58.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 36.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 206.2 degrees, a saturation of 84.7% and a lightness of 53.9%. #2696ed color hex could be obtained by blending #4cffff with #002ddb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 15
- G 59
- B 93
RGB color chart
- C 84
- M 37
- Y 0
- K 7
CMYK color chart

● #2696ed color description : Bright blue.

The hexadecimal color #2696ed has RGB values of R:38, G:150, B:237 and CMYK values of C:0.84, M:0.37, Y:0, K:0.07. Its decimal value is 2529005.

Hex triplet	2696ed	`#2696ed`
RGB Decimal	38, 150, 237	`rgb(38,150,237)`
RGB Percent	14.9, 58.8, 92.9	`rgb(14.9%,58.8%,92.9%)`
CMYK	84, 37, 0, 7
HSL	206.2°, 84.7, 53.9	`hsl(206.2,84.7%,53.9%)`
HSV (or HSB)	206.2°, 84, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.192, 0.223, -52.183
XYZ	26.988, 28.337, 84.163
xyY	0.193, 0.203, 28.337
CIE-LCH	60.192, 52.184, 270.244
CIE-LUV	60.192, -34.91, -83.217
Hunter-Lab	53.232, -2.659, -56.478
Binary	00100110, 10010110, 11101101

#2696ed
```
#2696ed rgb(38,150,237)
```
#ed7d26
```
#ed7d26 rgb(237,125,38)
```

Complementary Color

#26ede1
```
#26ede1 rgb(38,237,225)
```
#2696ed
```
#2696ed rgb(38,150,237)
```
#2633ed
```
#2633ed rgb(38,51,237)
```

Analogous Color

#ede126
```
#ede126 rgb(237,225,38)
```
#2696ed
```
#2696ed rgb(38,150,237)
```
#ed2633
```
#ed2633 rgb(237,38,51)
```

Split Complementary Color

#96ed26
```
#96ed26 rgb(150,237,38)
```
#2696ed
```
#2696ed rgb(38,150,237)
```
#ed2696
```
#ed2696 rgb(237,38,150)
```

Triadic Color

#26ed7d
```
#26ed7d rgb(38,237,125)
```
#2696ed
```
#2696ed rgb(38,150,237)
```
#ed2696
```
#ed2696 rgb(237,38,150)
```
#ed7d26
```
#ed7d26 rgb(237,125,38)
```

Tetradic Color

#0f6eb7
```
#0f6eb7 rgb(15,110,183)
```
#117ccf
```
#117ccf rgb(17,124,207)
```
#138ae6
```
#138ae6 rgb(19,138,230)
```
#2696ed
```
#2696ed rgb(38,150,237)
```
#3ea1ef
```
#3ea1ef rgb(62,161,239)
```
#55adf1
```
#55adf1 rgb(85,173,241)
```
#6db8f3
```
#6db8f3 rgb(109,184,243)
```

Monochromatic Color

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

#26c8ed
```
#26c8ed rgb(38,200,237)
```
#26b7ed
```
#26b7ed rgb(38,183,237)
```
#26a7ed
```
#26a7ed rgb(38,167,237)
```
#2696ed
```
#2696ed rgb(38,150,237)
```
#2685ed
```
#2685ed rgb(38,133,237)
```
#2675ed
```
#2675ed rgb(38,117,237)
```
#2664ed
```
#2664ed rgb(38,100,237)
```

Similar Colors

Text with hexadecimal color #2696ed

This text has a font color of #2696ed.

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

#2696ed background color

This paragraph has a background color of #2696ed.

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

#2696ed border color

This element has a border color of #2696ed.

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

CSS codes

.text {color:#2696ed;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020b12
```
#020b12 rgb(2,11,18)
```
#031625
```
#031625 rgb(3,22,37)
```
#052137
```
#052137 rgb(5,33,55)
```
#062c49
```
#062c49 rgb(6,44,73)
```
#08365b
```
#08365b rgb(8,54,91)
```
#09416d
```
#09416d rgb(9,65,109)
```
#0b4c7f
```
#0b4c7f rgb(11,76,127)
```
#0c5791
```
#0c5791 rgb(12,87,145)
```
#0e62a3
```
#0e62a3 rgb(14,98,163)
```
#0f6db5
```
#0f6db5 rgb(15,109,181)
```
#1178c8
```
#1178c8 rgb(17,120,200)
```
#1282da
```
#1282da rgb(18,130,218)
```

Shade Color Variation

#148deb
```
#148deb rgb(20,141,235)
```
#2696ed
```
#2696ed rgb(38,150,237)
```
#389fef
```
#389fef rgb(56,159,239)
```
#4aa8f0
```
#4aa8f0 rgb(74,168,240)
```
#5cb0f2
```
#5cb0f2 rgb(92,176,242)
```
#6eb9f3
```
#6eb9f3 rgb(110,185,243)
```
#81c2f5
```
#81c2f5 rgb(129,194,245)
```
#93cbf6
```
#93cbf6 rgb(147,203,246)
```
#a5d3f8
```
#a5d3f8 rgb(165,211,248)
```
#b7dcf9
```
#b7dcf9 rgb(183,220,249)
```
#c9e5fb
```
#c9e5fb rgb(201,229,251)
```
#dbeefc
```
#dbeefc rgb(219,238,252)
```
#edf6fe
```
#edf6fe rgb(237,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a8a is the less saturated color, while #1d97f6 is the most saturated one.

#898a8a
```
#898a8a rgb(137,138,138)
```
#808b93
```
#808b93 rgb(128,139,147)
```
#778c9c
```
#778c9c rgb(119,140,156)
```
#6e8da5
```
#6e8da5 rgb(110,141,165)
```
#658eae
```
#658eae rgb(101,142,174)
```
#5c8fb7
```
#5c8fb7 rgb(92,143,183)
```
#5390c0
```
#5390c0 rgb(83,144,192)
```
#4a91c9
```
#4a91c9 rgb(74,145,201)
```
#4193d2
```
#4193d2 rgb(65,147,210)
```
#3894db
```
#3894db rgb(56,148,219)
```
#2f95e4
```
#2f95e4 rgb(47,149,228)
```
#2696ed
```
#2696ed rgb(38,150,237)
```
#1d97f6
```
#1d97f6 rgb(29,151,246)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6c8394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7394e8 Protanopia 1% of men
#5497ef Deuteranopia 1% of men
#00a5b0 Tritanopia 0.001% of the population

Trichromacy

#5794e9 Protanomaly 1% of men, 0.01% of women
#4397ee Deuteranomaly 6% of men, 0.4% of women
#0d9fc6 Tritanomaly 0.01% of the population

#2696ed hex color

#2696ed Color Information

#2696ed Color Conversion

Color Schemes with #2696ed

Alternatives to #2696ed

#2696ed Preview

Shades and Tints of #2696ed

Tones of #2696ed

Color Blindness Simulator