#2c6eaf hex color

In a RGB color space, hex #2c6eaf is composed of 17.3% red, 43.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 37.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 209.8 degrees, a saturation of 59.8% and a lightness of 42.9%. #2c6eaf color hex could be obtained by blending #58dcff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 43
- B 69
RGB color chart
- C 75
- M 37
- Y 0
- K 31
CMYK color chart

● #2c6eaf color description : Dark blue.

The hexadecimal color #2c6eaf has RGB values of R:44, G:110, B:175 and CMYK values of C:0.75, M:0.37, Y:0, K:0.31. Its decimal value is 2911919.

Hex triplet	2c6eaf	`#2c6eaf`
RGB Decimal	44, 110, 175	`rgb(44,110,175)`
RGB Percent	17.3, 43.1, 68.6	`rgb(17.3%,43.1%,68.6%)`
CMYK	75, 37, 0, 31
HSL	209.8°, 59.8, 42.9	`hsl(209.8,59.8%,42.9%)`
HSV (or HSB)	209.8°, 74.9, 68.6
Web Safe	336699	`#336699`

CIE-LAB	45.333, 1.878, -40.591
XYZ	14.351, 14.781, 42.652
xyY	0.2, 0.206, 14.781
CIE-LCH	45.333, 40.634, 272.648
CIE-LUV	45.333, -23.663, -60.636
Hunter-Lab	38.447, -0.654, -38.863
Binary	00101100, 01101110, 10101111

#2c6eaf
```
#2c6eaf rgb(44,110,175)
```
#af6d2c
```
#af6d2c rgb(175,109,44)
```

Complementary Color

#2cafaf
```
#2cafaf rgb(44,175,175)
```
#2c6eaf
```
#2c6eaf rgb(44,110,175)
```
#2c2daf
```
#2c2daf rgb(44,45,175)
```

Analogous Color

#afaf2c
```
#afaf2c rgb(175,175,44)
```
#2c6eaf
```
#2c6eaf rgb(44,110,175)
```
#af2c2d
```
#af2c2d rgb(175,44,45)
```

Split Complementary Color

#6eaf2c
```
#6eaf2c rgb(110,175,44)
```
#2c6eaf
```
#2c6eaf rgb(44,110,175)
```
#af2c6e
```
#af2c6e rgb(175,44,110)
```

Triadic Color

#2caf6d
```
#2caf6d rgb(44,175,109)
```
#2c6eaf
```
#2c6eaf rgb(44,110,175)
```
#af2c6e
```
#af2c6e rgb(175,44,110)
```
#af6d2c
```
#af6d2c rgb(175,109,44)
```

Tetradic Color

#1d4872
```
#1d4872 rgb(29,72,114)
```
#225486
```
#225486 rgb(34,84,134)
```
#27619b
```
#27619b rgb(39,97,155)
```
#2c6eaf
```
#2c6eaf rgb(44,110,175)
```
#317bc3
```
#317bc3 rgb(49,123,195)
```
#3f88cf
```
#3f88cf rgb(63,136,207)
```
#5494d4
```
#5494d4 rgb(84,148,212)
```

Monochromatic Color

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

#2c8faf
```
#2c8faf rgb(44,143,175)
```
#2c84af
```
#2c84af rgb(44,132,175)
```
#2c79af
```
#2c79af rgb(44,121,175)
```
#2c6eaf
```
#2c6eaf rgb(44,110,175)
```
#2c63af
```
#2c63af rgb(44,99,175)
```
#2c58af
```
#2c58af rgb(44,88,175)
```
#2c4daf
```
#2c4daf rgb(44,77,175)
```

Similar Colors

Text with hexadecimal color #2c6eaf

This text has a font color of #2c6eaf.

<span style="color:#2c6eaf;">Text here</span>

#2c6eaf background color

This paragraph has a background color of #2c6eaf.

<p style="background-color:#2c6eaf;">Content here</p>

#2c6eaf border color

This element has a border color of #2c6eaf.

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

CSS codes

.text {color:#2c6eaf;}

.background {background-color:#2c6eaf;}

.border {border:1px solid #2c6eaf;}

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

#010203
```
#010203 rgb(1,2,3)
```
#050b12
```
#050b12 rgb(5,11,18)
```
#091522
```
#091522 rgb(9,21,34)
```
#0c1f32
```
#0c1f32 rgb(12,31,50)
```
#102941
```
#102941 rgb(16,41,65)
```
#143351
```
#143351 rgb(20,51,81)
```
#183d61
```
#183d61 rgb(24,61,97)
```
#1c4770
```
#1c4770 rgb(28,71,112)
```
#205080
```
#205080 rgb(32,80,128)
```
#245a90
```
#245a90 rgb(36,90,144)
```
#28649f
```
#28649f rgb(40,100,159)
```
#2c6eaf
```
#2c6eaf rgb(44,110,175)
```
#3078bf
```
#3078bf rgb(48,120,191)
```

Shade Color Variation

#3682cc
```
#3682cc rgb(54,130,204)
```
#458bd0
```
#458bd0 rgb(69,139,208)
```
#5595d4
```
#5595d4 rgb(85,149,212)
```
#659fd8
```
#659fd8 rgb(101,159,216)
```
#75a9dc
```
#75a9dc rgb(117,169,220)
```
#84b3e0
```
#84b3e0 rgb(132,179,224)
```
#94bce4
```
#94bce4 rgb(148,188,228)
```
#a4c6e8
```
#a4c6e8 rgb(164,198,232)
```
#b3d0ec
```
#b3d0ec rgb(179,208,236)
```
#c3daf0
```
#c3daf0 rgb(195,218,240)
```
#d3e3f4
```
#d3e3f4 rgb(211,227,244)
```
#e2edf8
```
#e2edf8 rgb(226,237,248)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

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

#676e74
```
#676e74 rgb(103,110,116)
```
#5f6e7c
```
#5f6e7c rgb(95,110,124)
```
#566e85
```
#566e85 rgb(86,110,133)
```
#4e6e8d
```
#4e6e8d rgb(78,110,141)
```
#456e96
```
#456e96 rgb(69,110,150)
```
#3d6e9e
```
#3d6e9e rgb(61,110,158)
```
#346ea7
```
#346ea7 rgb(52,110,167)
```
#2c6eaf
```
#2c6eaf rgb(44,110,175)
```
#246eb7
```
#246eb7 rgb(36,110,183)
```
#1b6ec0
```
#1b6ec0 rgb(27,110,192)
```
#136ec8
```
#136ec8 rgb(19,110,200)
```
#0a6ed1
```
#0a6ed1 rgb(10,110,209)
```
#026ed9
```
#026ed9 rgb(2,110,217)
```

Tone Color Variation

Below, you can see how #2c6eaf 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

#626262 Achromatopsia 0.005% of the population
#576471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5970af Protanopia 1% of men
#4573b4 Deuteranopia 1% of men
#007e86 Tritanopia 0.001% of the population

Trichromacy

#486faf Protanomaly 1% of men, 0.01% of women
#3c71b2 Deuteranomaly 6% of men, 0.4% of women
#107895 Tritanomaly 0.01% of the population

#2c6eaf hex color

#2c6eaf Color Information

#2c6eaf Color Conversion

Color Schemes with #2c6eaf

Alternatives to #2c6eaf

#2c6eaf Preview

Shades and Tints of #2c6eaf

Tones of #2c6eaf

Color Blindness Simulator