#2697da hex color

In a RGB color space, hex #2697da is composed of 14.9% red, 59.2% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 30.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 202.3 degrees, a saturation of 70.9% and a lightness of 50.2%. #2697da color hex could be obtained by blending #4cffff with #002fb5. Closest websafe color is: #3399cc.

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

● #2697da color description : Bright blue.

The hexadecimal color #2697da has RGB values of R:38, G:151, B:218 and CMYK values of C:0.83, M:0.31, Y:0, K:0.15. Its decimal value is 2529242.

Hex triplet	2697da	`#2697da`
RGB Decimal	38, 151, 218	`rgb(38,151,218)`
RGB Percent	14.9, 59.2, 85.5	`rgb(14.9%,59.2%,85.5%)`
CMYK	83, 31, 0, 15
HSL	202.3°, 70.9, 50.2	`hsl(202.3,70.9%,50.2%)`
HSV (or HSB)	202.3°, 82.6, 85.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.53, -7.276, -42.686
XYZ	24.518, 27.605, 70.362
xyY	0.2, 0.225, 27.605
CIE-LCH	59.53, 43.302, 260.327
CIE-LUV	59.53, -36.286, -66.496
Hunter-Lab	52.54, -8.65, -42.622
Binary	00100110, 10010111, 11011010

#2697da
```
#2697da rgb(38,151,218)
```
#da6926
```
#da6926 rgb(218,105,38)
```

Complementary Color

#26dac3
```
#26dac3 rgb(38,218,195)
```
#2697da
```
#2697da rgb(38,151,218)
```
#263dda
```
#263dda rgb(38,61,218)
```

Analogous Color

#dac326
```
#dac326 rgb(218,195,38)
```
#2697da
```
#2697da rgb(38,151,218)
```
#da263d
```
#da263d rgb(218,38,61)
```

Split Complementary Color

#97da26
```
#97da26 rgb(151,218,38)
```
#2697da
```
#2697da rgb(38,151,218)
```
#da2697
```
#da2697 rgb(218,38,151)
```

Triadic Color

#26da69
```
#26da69 rgb(38,218,105)
```
#2697da
```
#2697da rgb(38,151,218)
```
#da2697
```
#da2697 rgb(218,38,151)
```
#da6926
```
#da6926 rgb(218,105,38)
```

Tetradic Color

#1a6a99
```
#1a6a99 rgb(26,106,153)
```
#1e79af
```
#1e79af rgb(30,121,175)
```
#2288c5
```
#2288c5 rgb(34,136,197)
```
#2697da
```
#2697da rgb(38,151,218)
```
#3ca1de
```
#3ca1de rgb(60,161,222)
```
#52ace1
```
#52ace1 rgb(82,172,225)
```
#67b6e5
```
#67b6e5 rgb(103,182,229)
```

Monochromatic Color

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

#26c4da
```
#26c4da rgb(38,196,218)
```
#26b5da
```
#26b5da rgb(38,181,218)
```
#26a6da
```
#26a6da rgb(38,166,218)
```
#2697da
```
#2697da rgb(38,151,218)
```
#2688da
```
#2688da rgb(38,136,218)
```
#2679da
```
#2679da rgb(38,121,218)
```
#266ada
```
#266ada rgb(38,106,218)
```

Similar Colors

Text with hexadecimal color #2697da

This text has a font color of #2697da.

<span style="color:#2697da;">Text here</span>

#2697da background color

This paragraph has a background color of #2697da.

<p style="background-color:#2697da;">Content here</p>

#2697da border color

This element has a border color of #2697da.

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

CSS codes

.text {color:#2697da;}

.background {background-color:#2697da;}

.border {border:1px solid #2697da;}

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

#000101
```
#000101 rgb(0,1,1)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#061822
```
#061822 rgb(6,24,34)
```
#092333
```
#092333 rgb(9,35,51)
```
#0c2f44
```
#0c2f44 rgb(12,47,68)
```
#0e3b55
```
#0e3b55 rgb(14,59,85)
```
#114665
```
#114665 rgb(17,70,101)
```
#145276
```
#145276 rgb(20,82,118)
```
#175d87
```
#175d87 rgb(23,93,135)
```
#1a6998
```
#1a6998 rgb(26,105,152)
```
#1d74a8
```
#1d74a8 rgb(29,116,168)
```
#2080b9
```
#2080b9 rgb(32,128,185)
```
#228cca
```
#228cca rgb(34,140,202)
```

Shade Color Variation

#2697da
```
#2697da rgb(38,151,218)
```
#379fdd
```
#379fdd rgb(55,159,221)
```
#48a7e0
```
#48a7e0 rgb(72,167,224)
```
#58afe3
```
#58afe3 rgb(88,175,227)
```
#69b7e5
```
#69b7e5 rgb(105,183,229)
```
#7abfe8
```
#7abfe8 rgb(122,191,232)
```
#8bc7eb
```
#8bc7eb rgb(139,199,235)
```
#9bcfee
```
#9bcfee rgb(155,207,238)
```
#acd7f1
```
#acd7f1 rgb(172,215,241)
```
#bddff4
```
#bddff4 rgb(189,223,244)
```
#cee7f7
```
#cee7f7 rgb(206,231,247)
```
#deeff9
```
#deeff9 rgb(222,239,249)
```
#eff7fc
```
#eff7fc rgb(239,247,252)
```

Tint Color Variation

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

#7e8182
```
#7e8182 rgb(126,129,130)
```
#74838c
```
#74838c rgb(116,131,140)
```
#6a8696
```
#6a8696 rgb(106,134,150)
```
#61889f
```
#61889f rgb(97,136,159)
```
#578ba9
```
#578ba9 rgb(87,139,169)
```
#4d8db3
```
#4d8db3 rgb(77,141,179)
```
#4390bd
```
#4390bd rgb(67,144,189)
```
#3a92c6
```
#3a92c6 rgb(58,146,198)
```
#3095d0
```
#3095d0 rgb(48,149,208)
```
#2697da
```
#2697da rgb(38,151,218)
```
#1c99e4
```
#1c99e4 rgb(28,153,228)
```
#129cee
```
#129cee rgb(18,156,238)
```
#099ef7
```
#099ef7 rgb(9,158,247)
```

Tone Color Variation

Below, you can see how #2697da 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

#7d92d4 Protanopia 1% of men
#6a95df Deuteranopia 1% of men
#00a3ae Tritanopia 0.001% of the population

Trichromacy

#5d94d6 Protanomaly 1% of men, 0.01% of women
#5195dd Deuteranomaly 6% of men, 0.4% of women
#0d9fbe Tritanomaly 0.01% of the population

#2697da hex color

#2697da Color Information

#2697da Color Conversion

Color Schemes with #2697da

Alternatives to #2697da

#2697da Preview

Shades and Tints of #2697da

Tones of #2697da

Color Blindness Simulator