colorhexa.com

#2696c4 hex color

In a RGB color space, hex #2696c4 is composed of 14.9% red, 58.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 23.5% magenta, 0% yellow and 23.1% black. It has a hue angle of 197.5 degrees, a saturation of 67.5% and a lightness of 45.9%. #2696c4 color hex could be obtained by blending #4cffff with #002d89. Closest websafe color is: #3399cc.

- R 15
- G 59
- B 77
RGB color chart
- C 81
- M 23
- Y 0
- K 23
CMYK color chart

● #2696c4 color description : Strong blue.

The hexadecimal color #2696c4 has RGB values of R:38, G:150, B:196 and CMYK values of C:0.81, M:0.23, Y:0, K:0.23. Its decimal value is 2528964.

Hex triplet	2696c4	`#2696c4`
RGB Decimal	38, 150, 196	`rgb(38,150,196)`
RGB Percent	14.9, 58.8, 76.9	`rgb(14.9%,58.8%,76.9%)`
CMYK	81, 23, 0, 23
HSL	197.5°, 67.5, 45.9	`hsl(197.5,67.5%,45.9%)`
HSV (or HSB)	197.5°, 80.6, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.234, -14.537, -32.382
XYZ	21.667, 26.208, 56.138
xyY	0.208, 0.252, 26.208
CIE-LCH	58.234, 35.496, 245.823
CIE-LUV	58.234, -37.273, -48.369
Hunter-Lab	51.194, -14.043, -29.18
Binary	00100110, 10010110, 11000100

#2696c4
```
#2696c4 rgb(38,150,196)
```
#c45426
```
#c45426 rgb(196,84,38)
```

Complementary Color

#26c4a3
```
#26c4a3 rgb(38,196,163)
```
#2696c4
```
#2696c4 rgb(38,150,196)
```
#2647c4
```
#2647c4 rgb(38,71,196)
```

Analogous Color

#c4a326
```
#c4a326 rgb(196,163,38)
```
#2696c4
```
#2696c4 rgb(38,150,196)
```
#c42647
```
#c42647 rgb(196,38,71)
```

Split Complementary Color

#96c426
```
#96c426 rgb(150,196,38)
```
#2696c4
```
#2696c4 rgb(38,150,196)
```
#c42696
```
#c42696 rgb(196,38,150)
```

Triadic Color

#26c454
```
#26c454 rgb(38,196,84)
```
#2696c4
```
#2696c4 rgb(38,150,196)
```
#c42696
```
#c42696 rgb(196,38,150)
```
#c45426
```
#c45426 rgb(196,84,38)
```

Tetradic Color

#1a6584
```
#1a6584 rgb(26,101,132)
```
#1e7599
```
#1e7599 rgb(30,117,153)
```
#2286af
```
#2286af rgb(34,134,175)
```
#2696c4
```
#2696c4 rgb(38,150,196)
```
#2da5d6
```
#2da5d6 rgb(45,165,214)
```
#43aeda
```
#43aeda rgb(67,174,218)
```
#58b7df
```
#58b7df rgb(88,183,223)
```

Monochromatic Color

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

#26bec4
```
#26bec4 rgb(38,190,196)
```
#26b0c4
```
#26b0c4 rgb(38,176,196)
```
#26a3c4
```
#26a3c4 rgb(38,163,196)
```
#2696c4
```
#2696c4 rgb(38,150,196)
```
#2689c4
```
#2689c4 rgb(38,137,196)
```
#267cc4
```
#267cc4 rgb(38,124,196)
```
#266fc4
```
#266fc4 rgb(38,111,196)
```

Similar Colors

Text with hexadecimal color #2696c4

This text has a font color of #2696c4.

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

#2696c4 background color

This paragraph has a background color of #2696c4.

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

#2696c4 border color

This element has a border color of #2696c4.

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

CSS codes

.text {color:#2696c4;}

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

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

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, #030c0f is the darkest color, while #feffff is the lightest one.

#030c0f
```
#030c0f rgb(3,12,15)
```
#061820
```
#061820 rgb(6,24,32)
```
#092530
```
#092530 rgb(9,37,48)
```
#0d3141
```
#0d3141 rgb(13,49,65)
```
#103e51
```
#103e51 rgb(16,62,81)
```
#134b61
```
#134b61 rgb(19,75,97)
```
#165772
```
#165772 rgb(22,87,114)
```
#196482
```
#196482 rgb(25,100,130)
```
#1c7093
```
#1c7093 rgb(28,112,147)
```
#207da3
```
#207da3 rgb(32,125,163)
```
#2389b4
```
#2389b4 rgb(35,137,180)
```
#2696c4
```
#2696c4 rgb(38,150,196)
```
#29a3d4
```
#29a3d4 rgb(41,163,212)
```

Shade Color Variation

#39aad9
```
#39aad9 rgb(57,170,217)
```
#49b1dc
```
#49b1dc rgb(73,177,220)
```
#5ab8df
```
#5ab8df rgb(90,184,223)
```
#6abfe2
```
#6abfe2 rgb(106,191,226)
```
#7ac6e5
```
#7ac6e5 rgb(122,198,229)
```
#8bcde8
```
#8bcde8 rgb(139,205,232)
```
#9bd4ec
```
#9bd4ec rgb(155,212,236)
```
#acdbef
```
#acdbef rgb(172,219,239)
```
#bce2f2
```
#bce2f2 rgb(188,226,242)
```
#cde9f5
```
#cde9f5 rgb(205,233,245)
```
#ddf0f8
```
#ddf0f8 rgb(221,240,248)
```
#edf7fc
```
#edf7fc rgb(237,247,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e787c is the less saturated color, while #02a5e8 is the most saturated one.

#6e787c
```
#6e787c rgb(110,120,124)
```
#657c85
```
#657c85 rgb(101,124,133)
```
#5c7f8e
```
#5c7f8e rgb(92,127,142)
```
#538397
```
#538397 rgb(83,131,151)
```
#4a87a0
```
#4a87a0 rgb(74,135,160)
```
#418ba9
```
#418ba9 rgb(65,139,169)
```
#388eb2
```
#388eb2 rgb(56,142,178)
```
#2f92bb
```
#2f92bb rgb(47,146,187)
```
#2696c4
```
#2696c4 rgb(38,150,196)
```
#1d9acd
```
#1d9acd rgb(29,154,205)
```
#149ed6
```
#149ed6 rgb(20,158,214)
```
#0ba1df
```
#0ba1df rgb(11,161,223)
```
#02a5e8
```
#02a5e8 rgb(2,165,232)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#698089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8390bf Protanopia 1% of men
#7990cb Deuteranopia 1% of men
#00a0ab Tritanopia 0.001% of the population

Trichromacy

#6192c1 Protanomaly 1% of men, 0.01% of women
#5b92c8 Deuteranomaly 6% of men, 0.4% of women
#0d9cb4 Tritanomaly 0.01% of the population