#2c6ba8 hex color

In a RGB color space, hex #2c6ba8 is composed of 17.3% red, 42% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 36.3% magenta, 0% yellow and 34.1% black. It has a hue angle of 209.5 degrees, a saturation of 58.5% and a lightness of 41.6%. #2c6ba8 color hex could be obtained by blending #58d6ff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 42
- B 66
RGB color chart
- C 74
- M 36
- Y 0
- K 34
CMYK color chart

● #2c6ba8 color description : Dark blue.

The hexadecimal color #2c6ba8 has RGB values of R:44, G:107, B:168 and CMYK values of C:0.74, M:0.36, Y:0, K:0.34. Its decimal value is 2911144.

Hex triplet	2c6ba8	`#2c6ba8`
RGB Decimal	44, 107, 168	`rgb(44,107,168)`
RGB Percent	17.3, 42, 65.9	`rgb(17.3%,42%,65.9%)`
CMYK	74, 36, 0, 34
HSL	209.5°, 58.5, 41.6	`hsl(209.5,58.5%,41.6%)`
HSV (or HSB)	209.5°, 73.8, 65.9
Web Safe	336699	`#336699`

CIE-LAB	44.056, 1.127, -38.513
XYZ	13.363, 13.877, 39.018
xyY	0.202, 0.209, 13.877
CIE-LCH	44.056, 38.529, 271.676
CIE-LUV	44.056, -22.891, -56.96
Hunter-Lab	37.252, -1.161, -36.025
Binary	00101100, 01101011, 10101000

#2c6ba8
```
#2c6ba8 rgb(44,107,168)
```
#a8692c
```
#a8692c rgb(168,105,44)
```

Complementary Color

#2ca8a7
```
#2ca8a7 rgb(44,168,167)
```
#2c6ba8
```
#2c6ba8 rgb(44,107,168)
```
#2c2da8
```
#2c2da8 rgb(44,45,168)
```

Analogous Color

#a8a72c
```
#a8a72c rgb(168,167,44)
```
#2c6ba8
```
#2c6ba8 rgb(44,107,168)
```
#a82c2d
```
#a82c2d rgb(168,44,45)
```

Split Complementary Color

#6ba82c
```
#6ba82c rgb(107,168,44)
```
#2c6ba8
```
#2c6ba8 rgb(44,107,168)
```
#a82c6b
```
#a82c6b rgb(168,44,107)
```

Triadic Color

#2ca869
```
#2ca869 rgb(44,168,105)
```
#2c6ba8
```
#2c6ba8 rgb(44,107,168)
```
#a82c6b
```
#a82c6b rgb(168,44,107)
```
#a8692c
```
#a8692c rgb(168,105,44)
```

Tetradic Color

#1c446b
```
#1c446b rgb(28,68,107)
```
#215180
```
#215180 rgb(33,81,128)
```
#275e94
```
#275e94 rgb(39,94,148)
```
#2c6ba8
```
#2c6ba8 rgb(44,107,168)
```
#3178bc
```
#3178bc rgb(49,120,188)
```
#3b85cc
```
#3b85cc rgb(59,133,204)
```
#4f91d1
```
#4f91d1 rgb(79,145,209)
```

Monochromatic Color

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

#2c8aa8
```
#2c8aa8 rgb(44,138,168)
```
#2c80a8
```
#2c80a8 rgb(44,128,168)
```
#2c75a8
```
#2c75a8 rgb(44,117,168)
```
#2c6ba8
```
#2c6ba8 rgb(44,107,168)
```
#2c61a8
```
#2c61a8 rgb(44,97,168)
```
#2c56a8
```
#2c56a8 rgb(44,86,168)
```
#2c4ca8
```
#2c4ca8 rgb(44,76,168)
```

Similar Colors

Text with hexadecimal color #2c6ba8

This text has a font color of #2c6ba8.

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

#2c6ba8 background color

This paragraph has a background color of #2c6ba8.

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

#2c6ba8 border color

This element has a border color of #2c6ba8.

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

CSS codes

.text {color:#2c6ba8;}

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

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

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, #03080d is the darkest color, while #fcfdfe is the lightest one.

#03080d
```
#03080d rgb(3,8,13)
```
#07121c
```
#07121c rgb(7,18,28)
```
#0b1c2c
```
#0b1c2c rgb(11,28,44)
```
#10263b
```
#10263b rgb(16,38,59)
```
#14304b
```
#14304b rgb(20,48,75)
```
#18395a
```
#18395a rgb(24,57,90)
```
#1c436a
```
#1c436a rgb(28,67,106)
```
#204d79
```
#204d79 rgb(32,77,121)
```
#245789
```
#245789 rgb(36,87,137)
```
#286198
```
#286198 rgb(40,97,152)
```
#2c6ba8
```
#2c6ba8 rgb(44,107,168)
```
#3075b8
```
#3075b8 rgb(48,117,184)
```
#347fc7
```
#347fc7 rgb(52,127,199)
```

Shade Color Variation

#4189cd
```
#4189cd rgb(65,137,205)
```
#5192d1
```
#5192d1 rgb(81,146,209)
```
#619cd6
```
#619cd6 rgb(97,156,214)
```
#70a6da
```
#70a6da rgb(112,166,218)
```
#80afde
```
#80afde rgb(128,175,222)
```
#8fb9e2
```
#8fb9e2 rgb(143,185,226)
```
#9fc3e6
```
#9fc3e6 rgb(159,195,230)
```
#aecdea
```
#aecdea rgb(174,205,234)
```
#bed6ee
```
#bed6ee rgb(190,214,238)
```
#cde0f2
```
#cde0f2 rgb(205,224,242)
```
#ddeaf6
```
#ddeaf6 rgb(221,234,246)
```
#ecf3fa
```
#ecf3fa rgb(236,243,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656a6f is the less saturated color, while #036cd1 is the most saturated one.

#656a6f
```
#656a6f rgb(101,106,111)
```
#5d6a77
```
#5d6a77 rgb(93,106,119)
```
#556a7f
```
#556a7f rgb(85,106,127)
```
#4d6a87
```
#4d6a87 rgb(77,106,135)
```
#446b90
```
#446b90 rgb(68,107,144)
```
#3c6b98
```
#3c6b98 rgb(60,107,152)
```
#346ba0
```
#346ba0 rgb(52,107,160)
```
#2c6ba8
```
#2c6ba8 rgb(44,107,168)
```
#246bb0
```
#246bb0 rgb(36,107,176)
```
#1c6bb8
```
#1c6bb8 rgb(28,107,184)
```
#146bc0
```
#146bc0 rgb(20,107,192)
```
#0b6cc9
```
#0b6cc9 rgb(11,108,201)
```
#036cd1
```
#036cd1 rgb(3,108,209)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#55616e Atypical Achromatopsia 0.001% of the population

Dichromacy

#586ea8 Protanopia 1% of men
#4770ad Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#486ca8 Protanomaly 1% of men, 0.01% of women
#3d6eab Deuteranomaly 6% of men, 0.4% of women
#107590 Tritanomaly 0.01% of the population

#2c6ba8 hex color

#2c6ba8 Color Information

#2c6ba8 Color Conversion

Color Schemes with #2c6ba8

Alternatives to #2c6ba8

#2c6ba8 Preview

Shades and Tints of #2c6ba8

Tones of #2c6ba8

Color Blindness Simulator