colorhexa.com

#2c69a7 hex color

In a RGB color space, hex #2c69a7 is composed of 17.3% red, 41.2% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 37.1% magenta, 0% yellow and 34.5% black. It has a hue angle of 210.2 degrees, a saturation of 58.3% and a lightness of 41.4%. #2c69a7 color hex could be obtained by blending #58d2ff with #00004f. Closest websafe color is: #336699.

- R 17
- G 41
- B 65
RGB color chart
- C 74
- M 37
- Y 0
- K 35
CMYK color chart

● #2c69a7 color description : Dark blue.

The hexadecimal color #2c69a7 has RGB values of R:44, G:105, B:167 and CMYK values of C:0.74, M:0.37, Y:0, K:0.35. Its decimal value is 2910631.

Hex triplet	2c69a7	`#2c69a7`
RGB Decimal	44, 105, 167	`rgb(44,105,167)`
RGB Percent	17.3, 41.2, 65.5	`rgb(17.3%,41.2%,65.5%)`
CMYK	74, 37, 0, 35
HSL	210.2°, 58.3, 41.4	`hsl(210.2,58.3%,41.4%)`
HSV (or HSB)	210.2°, 73.7, 65.5
Web Safe	336699	`#336699`

CIE-LAB	43.401, 1.998, -38.963
XYZ	13.064, 13.428, 38.46
xyY	0.201, 0.207, 13.428
CIE-LCH	43.401, 39.014, 272.936
CIE-LUV	43.401, -22.244, -57.533
Hunter-Lab	36.644, -0.49, -36.579
Binary	00101100, 01101001, 10100111

#2c69a7
```
#2c69a7 rgb(44,105,167)
```
#a76a2c
```
#a76a2c rgb(167,106,44)
```

Complementary Color

#2ca7a7
```
#2ca7a7 rgb(44,167,167)
```
#2c69a7
```
#2c69a7 rgb(44,105,167)
```
#2d2ca7
```
#2d2ca7 rgb(45,44,167)
```

Analogous Color

#a7a72c
```
#a7a72c rgb(167,167,44)
```
#2c69a7
```
#2c69a7 rgb(44,105,167)
```
#a72c2c
```
#a72c2c rgb(167,44,44)
```

Split Complementary Color

#69a72c
```
#69a72c rgb(105,167,44)
```
#2c69a7
```
#2c69a7 rgb(44,105,167)
```
#a72c69
```
#a72c69 rgb(167,44,105)
```

Triadic Color

#2ca76a
```
#2ca76a rgb(44,167,106)
```
#2c69a7
```
#2c69a7 rgb(44,105,167)
```
#a72c69
```
#a72c69 rgb(167,44,105)
```
#a76a2c
```
#a76a2c rgb(167,106,44)
```

Tetradic Color

#1c436a
```
#1c436a rgb(28,67,106)
```
#21507f
```
#21507f rgb(33,80,127)
```
#275c93
```
#275c93 rgb(39,92,147)
```
#2c69a7
```
#2c69a7 rgb(44,105,167)
```
#3176bb
```
#3176bb rgb(49,118,187)
```
#3b82cb
```
#3b82cb rgb(59,130,203)
```
#4f8fd1
```
#4f8fd1 rgb(79,143,209)
```

Monochromatic Color

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

#2c88a7
```
#2c88a7 rgb(44,136,167)
```
#2c7ea7
```
#2c7ea7 rgb(44,126,167)
```
#2c73a7
```
#2c73a7 rgb(44,115,167)
```
#2c69a7
```
#2c69a7 rgb(44,105,167)
```
#2c5fa7
```
#2c5fa7 rgb(44,95,167)
```
#2c55a7
```
#2c55a7 rgb(44,85,167)
```
#2c4aa7
```
#2c4aa7 rgb(44,74,167)
```

Similar Colors

Text with hexadecimal color #2c69a7

This text has a font color of #2c69a7.

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

#2c69a7 background color

This paragraph has a background color of #2c69a7.

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

#2c69a7 border color

This element has a border color of #2c69a7.

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

CSS codes

.text {color:#2c69a7;}

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

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

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, #03070c is the darkest color, while #fbfdfe is the lightest one.

#03070c
```
#03070c rgb(3,7,12)
```
#07111b
```
#07111b rgb(7,17,27)
```
#0b1b2b
```
#0b1b2b rgb(11,27,43)
```
#0f253a
```
#0f253a rgb(15,37,58)
```
#132e4a
```
#132e4a rgb(19,46,74)
```
#183859
```
#183859 rgb(24,56,89)
```
#1c4269
```
#1c4269 rgb(28,66,105)
```
#204c78
```
#204c78 rgb(32,76,120)
```
#245588
```
#245588 rgb(36,85,136)
```
#285f97
```
#285f97 rgb(40,95,151)
```
#2c69a7
```
#2c69a7 rgb(44,105,167)
```
#3073b7
```
#3073b7 rgb(48,115,183)
```
#347dc6
```
#347dc6 rgb(52,125,198)
```

Shade Color Variation

#4186cd
```
#4186cd rgb(65,134,205)
```
#5090d1
```
#5090d1 rgb(80,144,209)
```
#609ad5
```
#609ad5 rgb(96,154,213)
```
#70a4d9
```
#70a4d9 rgb(112,164,217)
```
#7faedd
```
#7faedd rgb(127,174,221)
```
#8fb8e1
```
#8fb8e1 rgb(143,184,225)
```
#9ec1e5
```
#9ec1e5 rgb(158,193,229)
```
#aecbea
```
#aecbea rgb(174,203,234)
```
#bdd5ee
```
#bdd5ee rgb(189,213,238)
```
#cddff2
```
#cddff2 rgb(205,223,242)
```
#dce9f6
```
#dce9f6 rgb(220,233,246)
```
#ecf3fa
```
#ecf3fa rgb(236,243,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65696e is the less saturated color, while #0369d0 is the most saturated one.

#65696e
```
#65696e rgb(101,105,110)
```
#5d6976
```
#5d6976 rgb(93,105,118)
```
#55697e
```
#55697e rgb(85,105,126)
```
#4c6987
```
#4c6987 rgb(76,105,135)
```
#44698f
```
#44698f rgb(68,105,143)
```
#3c6997
```
#3c6997 rgb(60,105,151)
```
#34699f
```
#34699f rgb(52,105,159)
```
#2c69a7
```
#2c69a7 rgb(44,105,167)
```
#2469af
```
#2469af rgb(36,105,175)
```
#1c69b7
```
#1c69b7 rgb(28,105,183)
```
#1469bf
```
#1469bf rgb(20,105,191)
```
#0c69c7
```
#0c69c7 rgb(12,105,199)
```
#0369d0
```
#0369d0 rgb(3,105,208)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#54606d Atypical Achromatopsia 0.001% of the population

Dichromacy

#556ca8 Protanopia 1% of men
#446eac Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#466ba7 Protanomaly 1% of men, 0.01% of women
#3b6caa Deuteranomaly 6% of men, 0.4% of women
#10738f Tritanomaly 0.01% of the population