#2686ae hex color

In a RGB color space, hex #2686ae is composed of 14.9% red, 52.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 23% magenta, 0% yellow and 31.8% black. It has a hue angle of 197.6 degrees, a saturation of 64.2% and a lightness of 41.6%. #2686ae color hex could be obtained by blending #4cffff with #000d5d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 15
- G 53
- B 68
RGB color chart
- C 78
- M 23
- Y 0
- K 32
CMYK color chart

● #2686ae color description : Dark blue.

The hexadecimal color #2686ae has RGB values of R:38, G:134, B:174 and CMYK values of C:0.78, M:0.23, Y:0, K:0.32. Its decimal value is 2524846.

Hex triplet	2686ae	`#2686ae`
RGB Decimal	38, 134, 174	`rgb(38,134,174)`
RGB Percent	14.9, 52.5, 68.2	`rgb(14.9%,52.5%,68.2%)`
CMYK	78, 23, 0, 32
HSL	197.6°, 64.2, 41.6	`hsl(197.6,64.2%,41.6%)`
HSV (or HSB)	197.6°, 78.2, 68.2
Web Safe	339999	`#339999`

CIE-LAB	52.417, -13.393, -28.898
XYZ	16.962, 20.517, 43.108
xyY	0.21, 0.255, 20.517
CIE-LCH	52.417, 31.851, 245.134
CIE-LUV	52.417, -32.983, -42.01
Hunter-Lab	45.295, -12.422, -24.72
Binary	00100110, 10000110, 10101110

#2686ae
```
#2686ae rgb(38,134,174)
```
#ae4e26
```
#ae4e26 rgb(174,78,38)
```

Complementary Color

#26ae92
```
#26ae92 rgb(38,174,146)
```
#2686ae
```
#2686ae rgb(38,134,174)
```
#2642ae
```
#2642ae rgb(38,66,174)
```

Analogous Color

#ae9226
```
#ae9226 rgb(174,146,38)
```
#2686ae
```
#2686ae rgb(38,134,174)
```
#ae2642
```
#ae2642 rgb(174,38,66)
```

Split Complementary Color

#86ae26
```
#86ae26 rgb(134,174,38)
```
#2686ae
```
#2686ae rgb(38,134,174)
```
#ae2686
```
#ae2686 rgb(174,38,134)
```

Triadic Color

#26ae4e
```
#26ae4e rgb(38,174,78)
```
#2686ae
```
#2686ae rgb(38,134,174)
```
#ae2686
```
#ae2686 rgb(174,38,134)
```
#ae4e26
```
#ae4e26 rgb(174,78,38)
```

Tetradic Color

#18566f
```
#18566f rgb(24,86,111)
```
#1d6684
```
#1d6684 rgb(29,102,132)
```
#217699
```
#217699 rgb(33,118,153)
```
#2686ae
```
#2686ae rgb(38,134,174)
```
#2b96c3
```
#2b96c3 rgb(43,150,195)
```
#34a4d3
```
#34a4d3 rgb(52,164,211)
```
#49aed7
```
#49aed7 rgb(73,174,215)
```

Monochromatic Color

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

#26a8ae
```
#26a8ae rgb(38,168,174)
```
#269dae
```
#269dae rgb(38,157,174)
```
#2691ae
```
#2691ae rgb(38,145,174)
```
#2686ae
```
#2686ae rgb(38,134,174)
```
#267bae
```
#267bae rgb(38,123,174)
```
#266fae
```
#266fae rgb(38,111,174)
```
#2664ae
```
#2664ae rgb(38,100,174)
```

Similar Colors

Text with hexadecimal color #2686ae

This text has a font color of #2686ae.

<span style="color:#2686ae;">Text here</span>

#2686ae background color

This paragraph has a background color of #2686ae.

<p style="background-color:#2686ae;">Content here</p>

#2686ae border color

This element has a border color of #2686ae.

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

CSS codes

.text {color:#2686ae;}

.background {background-color:#2686ae;}

.border {border:1px solid #2686ae;}

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

#030a0d
```
#030a0d rgb(3,10,13)
```
#06161d
```
#06161d rgb(6,22,29)
```
#0a232d
```
#0a232d rgb(10,35,45)
```
#0d2f3d
```
#0d2f3d rgb(13,47,61)
```
#113c4d
```
#113c4d rgb(17,60,77)
```
#14485e
```
#14485e rgb(20,72,94)
```
#18546e
```
#18546e rgb(24,84,110)
```
#1b617e
```
#1b617e rgb(27,97,126)
```
#1f6d8e
```
#1f6d8e rgb(31,109,142)
```
#227a9e
```
#227a9e rgb(34,122,158)
```
#2686ae
```
#2686ae rgb(38,134,174)
```
#2a92be
```
#2a92be rgb(42,146,190)
```
#2d9fce
```
#2d9fce rgb(45,159,206)
```

Shade Color Variation

#3ba7d4
```
#3ba7d4 rgb(59,167,212)
```
#4baed8
```
#4baed8 rgb(75,174,216)
```
#5bb5db
```
#5bb5db rgb(91,181,219)
```
#6bbddf
```
#6bbddf rgb(107,189,223)
```
#7bc4e2
```
#7bc4e2 rgb(123,196,226)
```
#8bcbe6
```
#8bcbe6 rgb(139,203,230)
```
#9bd2e9
```
#9bd2e9 rgb(155,210,233)
```
#abdaed
```
#abdaed rgb(171,218,237)
```
#bce1f0
```
#bce1f0 rgb(188,225,240)
```
#cce8f4
```
#cce8f4 rgb(204,232,244)
```
#dceff7
```
#dceff7 rgb(220,239,247)
```
#ecf6fb
```
#ecf6fb rgb(236,246,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676b6d is the less saturated color, while #0593cf is the most saturated one.

#676b6d
```
#676b6d rgb(103,107,109)
```
#5f6e75
```
#5f6e75 rgb(95,110,117)
```
#57727d
```
#57727d rgb(87,114,125)
```
#4f7585
```
#4f7585 rgb(79,117,133)
```
#47798d
```
#47798d rgb(71,121,141)
```
#3e7c96
```
#3e7c96 rgb(62,124,150)
```
#367f9e
```
#367f9e rgb(54,127,158)
```
#2e83a6
```
#2e83a6 rgb(46,131,166)
```
#2686ae
```
#2686ae rgb(38,134,174)
```
#1e89b6
```
#1e89b6 rgb(30,137,182)
```
#168dbe
```
#168dbe rgb(22,141,190)
```
#0e90c6
```
#0e90c6 rgb(14,144,198)
```
#0593cf
```
#0593cf rgb(5,147,207)
```

Tone Color Variation

Below, you can see how #2686ae 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

#6e6e6e Achromatopsia 0.005% of the population
#60737b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7782ab Protanopia 1% of men
#6f82b6 Deuteranopia 1% of men
#00909b Tritanopia 0.001% of the population

Trichromacy

#5983ac Protanomaly 1% of men, 0.01% of women
#5483b3 Deuteranomaly 6% of men, 0.4% of women
#0d8ca2 Tritanomaly 0.01% of the population

#2686ae hex color

#2686ae Color Information

#2686ae Color Conversion

Color Schemes with #2686ae

Alternatives to #2686ae

#2686ae Preview

Shades and Tints of #2686ae

Tones of #2686ae

Color Blindness Simulator