#2c69b2 hex color

In a RGB color space, hex #2c69b2 is composed of 17.3% red, 41.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 41% magenta, 0% yellow and 30.2% black. It has a hue angle of 212.7 degrees, a saturation of 60.4% and a lightness of 43.5%. #2c69b2 color hex could be obtained by blending #58d2ff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 41
- B 70
RGB color chart
- C 75
- M 41
- Y 0
- K 30
CMYK color chart

● #2c69b2 color description : Dark blue.

The hexadecimal color #2c69b2 has RGB values of R:44, G:105, B:178 and CMYK values of C:0.75, M:0.41, Y:0, K:0.3. Its decimal value is 2910642.

Hex triplet	2c69b2	`#2c69b2`
RGB Decimal	44, 105, 178	`rgb(44,105,178)`
RGB Percent	17.3, 41.2, 69.8	`rgb(17.3%,41.2%,69.8%)`
CMYK	75, 41, 0, 30
HSL	212.7°, 60.4, 43.5	`hsl(212.7,60.4%,43.5%)`
HSV (or HSB)	212.7°, 75.3, 69.8
Web Safe	336699	`#336699`

CIE-LAB	44.02, 6.132, -44.433
XYZ	14.124, 13.852, 44.046
xyY	0.196, 0.192, 13.852
CIE-LCH	44.02, 44.854, 277.857
CIE-LUV	44.02, -21.896, -66.503
Hunter-Lab	37.218, 2.609, -44.115
Binary	00101100, 01101001, 10110010

#2c69b2
```
#2c69b2 rgb(44,105,178)
```
#b2752c
```
#b2752c rgb(178,117,44)
```

Complementary Color

#2cacb2
```
#2cacb2 rgb(44,172,178)
```
#2c69b2
```
#2c69b2 rgb(44,105,178)
```
#322cb2
```
#322cb2 rgb(50,44,178)
```

Analogous Color

#acb22c
```
#acb22c rgb(172,178,44)
```
#2c69b2
```
#2c69b2 rgb(44,105,178)
```
#b2322c
```
#b2322c rgb(178,50,44)
```

Split Complementary Color

#69b22c
```
#69b22c rgb(105,178,44)
```
#2c69b2
```
#2c69b2 rgb(44,105,178)
```
#b22c69
```
#b22c69 rgb(178,44,105)
```

Triadic Color

#2cb275
```
#2cb275 rgb(44,178,117)
```
#2c69b2
```
#2c69b2 rgb(44,105,178)
```
#b22c69
```
#b22c69 rgb(178,44,105)
```
#b2752c
```
#b2752c rgb(178,117,44)
```

Tetradic Color

#1d4575
```
#1d4575 rgb(29,69,117)
```
#225189
```
#225189 rgb(34,81,137)
```
#275d9e
```
#275d9e rgb(39,93,158)
```
#2c69b2
```
#2c69b2 rgb(44,105,178)
```
#3175c6
```
#3175c6 rgb(49,117,198)
```
#4182d0
```
#4182d0 rgb(65,130,208)
```
#5590d5
```
#5590d5 rgb(85,144,213)
```

Monochromatic Color

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

#2c8bb2
```
#2c8bb2 rgb(44,139,178)
```
#2c7fb2
```
#2c7fb2 rgb(44,127,178)
```
#2c74b2
```
#2c74b2 rgb(44,116,178)
```
#2c69b2
```
#2c69b2 rgb(44,105,178)
```
#2c5eb2
```
#2c5eb2 rgb(44,94,178)
```
#2c53b2
```
#2c53b2 rgb(44,83,178)
```
#2c47b2
```
#2c47b2 rgb(44,71,178)
```

Similar Colors

Text with hexadecimal color #2c69b2

This text has a font color of #2c69b2.

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

#2c69b2 background color

This paragraph has a background color of #2c69b2.

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

#2c69b2 border color

This element has a border color of #2c69b2.

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

CSS codes

.text {color:#2c69b2;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050c15
```
#050c15 rgb(5,12,21)
```
#091624
```
#091624 rgb(9,22,36)
```
#0d1f34
```
#0d1f34 rgb(13,31,52)
```
#112844
```
#112844 rgb(17,40,68)
```
#153154
```
#153154 rgb(21,49,84)
```
#193b63
```
#193b63 rgb(25,59,99)
```
#1c4473
```
#1c4473 rgb(28,68,115)
```
#204d83
```
#204d83 rgb(32,77,131)
```
#245693
```
#245693 rgb(36,86,147)
```
#2860a2
```
#2860a2 rgb(40,96,162)
```
#2c69b2
```
#2c69b2 rgb(44,105,178)
```
#3072c2
```
#3072c2 rgb(48,114,194)
```

Shade Color Variation

#387cce
```
#387cce rgb(56,124,206)
```
#4786d2
```
#4786d2 rgb(71,134,210)
```
#5791d5
```
#5791d5 rgb(87,145,213)
```
#679bd9
```
#679bd9 rgb(103,155,217)
```
#76a5dd
```
#76a5dd rgb(118,165,221)
```
#86b0e1
```
#86b0e1 rgb(134,176,225)
```
#96bae5
```
#96bae5 rgb(150,186,229)
```
#a6c4e9
```
#a6c4e9 rgb(166,196,233)
```
#b5cfed
```
#b5cfed rgb(181,207,237)
```
#c5d9f1
```
#c5d9f1 rgb(197,217,241)
```
#d5e3f5
```
#d5e3f5 rgb(213,227,245)
```
#e5eef8
```
#e5eef8 rgb(229,238,248)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e76 is the less saturated color, while #0165dd is the most saturated one.

#686e76
```
#686e76 rgb(104,110,118)
```
#5f6e7f
```
#5f6e7f rgb(95,110,127)
```
#576d87
```
#576d87 rgb(87,109,135)
```
#4e6c90
```
#4e6c90 rgb(78,108,144)
```
#466b98
```
#466b98 rgb(70,107,152)
```
#3d6ba1
```
#3d6ba1 rgb(61,107,161)
```
#356aa9
```
#356aa9 rgb(53,106,169)
```
#2c69b2
```
#2c69b2 rgb(44,105,178)
```
#2368bb
```
#2368bb rgb(35,104,187)
```
#1b67c3
```
#1b67c3 rgb(27,103,195)
```
#1267cc
```
#1267cc rgb(18,103,204)
```
#0a66d4
```
#0a66d4 rgb(10,102,212)
```
#0165dd
```
#0165dd rgb(1,101,221)
```

Tone Color Variation

Below, you can see how #2c69b2 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
#556170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f6db3 Protanopia 1% of men
#3571b5 Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#426bb2 Protanomaly 1% of men, 0.01% of women
#316eb4 Deuteranomaly 6% of men, 0.4% of women
#107494 Tritanomaly 0.01% of the population

#2c69b2 hex color

#2c69b2 Color Information

#2c69b2 Color Conversion

Color Schemes with #2c69b2

Alternatives to #2c69b2

#2c69b2 Preview

Shades and Tints of #2c69b2

Tones of #2c69b2

Color Blindness Simulator