#2c5daf hex color

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

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

● #2c5daf color description : Dark blue.

The hexadecimal color #2c5daf has RGB values of R:44, G:93, B:175 and CMYK values of C:0.75, M:0.47, Y:0, K:0.31. Its decimal value is 2907567.

Hex triplet	2c5daf	`#2c5daf`
RGB Decimal	44, 93, 175	`rgb(44,93,175)`
RGB Percent	17.3, 36.5, 68.6	`rgb(17.3%,36.5%,68.6%)`
CMYK	75, 47, 0, 31
HSL	217.6°, 59.8, 42.9	`hsl(217.6,59.8%,42.9%)`
HSV (or HSB)	217.6°, 74.9, 68.6
Web Safe	336699	`#336699`

CIE-LAB	40.342, 12.692, -48.56
XYZ	12.689, 11.458, 42.098
xyY	0.192, 0.173, 11.458
CIE-LCH	40.342, 50.191, 284.648
CIE-LUV	40.342, -18.125, -71.636
Hunter-Lab	33.85, 7.675, -50.041
Binary	00101100, 01011101, 10101111

#2c5daf
```
#2c5daf rgb(44,93,175)
```
#af7e2c
```
#af7e2c rgb(175,126,44)
```

Complementary Color

#2c9faf
```
#2c9faf rgb(44,159,175)
```
#2c5daf
```
#2c5daf rgb(44,93,175)
```
#3d2caf
```
#3d2caf rgb(61,44,175)
```

Analogous Color

#9faf2c
```
#9faf2c rgb(159,175,44)
```
#2c5daf
```
#2c5daf rgb(44,93,175)
```
#af3d2c
```
#af3d2c rgb(175,61,44)
```

Split Complementary Color

#5daf2c
```
#5daf2c rgb(93,175,44)
```
#2c5daf
```
#2c5daf rgb(44,93,175)
```
#af2c5d
```
#af2c5d rgb(175,44,93)
```

Triadic Color

#2caf7e
```
#2caf7e rgb(44,175,126)
```
#2c5daf
```
#2c5daf rgb(44,93,175)
```
#af2c5d
```
#af2c5d rgb(175,44,93)
```
#af7e2c
```
#af7e2c rgb(175,126,44)
```

Tetradic Color

#1d3d72
```
#1d3d72 rgb(29,61,114)
```
#224786
```
#224786 rgb(34,71,134)
```
#27529b
```
#27529b rgb(39,82,155)
```
#2c5daf
```
#2c5daf rgb(44,93,175)
```
#3168c3
```
#3168c3 rgb(49,104,195)
```
#3f75cf
```
#3f75cf rgb(63,117,207)
```
#5484d4
```
#5484d4 rgb(84,132,212)
```

Monochromatic Color

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

#2c7eaf
```
#2c7eaf rgb(44,126,175)
```
#2c73af
```
#2c73af rgb(44,115,175)
```
#2c68af
```
#2c68af rgb(44,104,175)
```
#2c5daf
```
#2c5daf rgb(44,93,175)
```
#2c52af
```
#2c52af rgb(44,82,175)
```
#2c47af
```
#2c47af rgb(44,71,175)
```
#2c3caf
```
#2c3caf rgb(44,60,175)
```

Similar Colors

Text with hexadecimal color #2c5daf

This text has a font color of #2c5daf.

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

#2c5daf background color

This paragraph has a background color of #2c5daf.

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

#2c5daf border color

This element has a border color of #2c5daf.

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

CSS codes

.text {color:#2c5daf;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050a12
```
#050a12 rgb(5,10,18)
```
#091222
```
#091222 rgb(9,18,34)
```
#0c1a32
```
#0c1a32 rgb(12,26,50)
```
#102341
```
#102341 rgb(16,35,65)
```
#142b51
```
#142b51 rgb(20,43,81)
```
#183361
```
#183361 rgb(24,51,97)
```
#1c3c70
```
#1c3c70 rgb(28,60,112)
```
#204480
```
#204480 rgb(32,68,128)
```
#244c90
```
#244c90 rgb(36,76,144)
```
#28559f
```
#28559f rgb(40,85,159)
```
#2c5daf
```
#2c5daf rgb(44,93,175)
```
#3065bf
```
#3065bf rgb(48,101,191)
```

Shade Color Variation

#366ecc
```
#366ecc rgb(54,110,204)
```
#4579d0
```
#4579d0 rgb(69,121,208)
```
#5585d4
```
#5585d4 rgb(85,133,212)
```
#6590d8
```
#6590d8 rgb(101,144,216)
```
#759bdc
```
#759bdc rgb(117,155,220)
```
#84a7e0
```
#84a7e0 rgb(132,167,224)
```
#94b2e4
```
#94b2e4 rgb(148,178,228)
```
#a4bde8
```
#a4bde8 rgb(164,189,232)
```
#b3c8ec
```
#b3c8ec rgb(179,200,236)
```
#c3d4f0
```
#c3d4f0 rgb(195,212,240)
```
#d3dff4
```
#d3dff4 rgb(211,223,244)
```
#e2eaf8
```
#e2eaf8 rgb(226,234,248)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

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

#676c74
```
#676c74 rgb(103,108,116)
```
#5f6a7c
```
#5f6a7c rgb(95,106,124)
```
#566885
```
#566885 rgb(86,104,133)
```
#4e658d
```
#4e658d rgb(78,101,141)
```
#456396
```
#456396 rgb(69,99,150)
```
#3d619e
```
#3d619e rgb(61,97,158)
```
#345fa7
```
#345fa7 rgb(52,95,167)
```
#2c5daf
```
#2c5daf rgb(44,93,175)
```
#245bb7
```
#245bb7 rgb(36,91,183)
```
#1b59c0
```
#1b59c0 rgb(27,89,192)
```
#1357c8
```
#1357c8 rgb(19,87,200)
```
#0a55d1
```
#0a55d1 rgb(10,85,209)
```
#0252d9
```
#0252d9 rgb(2,82,217)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f5969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c64b2 Protanopia 1% of men
#0069ae Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#3661b1 Protanomaly 1% of men, 0.01% of women
#1064ae Deuteranomaly 6% of men, 0.4% of women
#106a8c Tritanomaly 0.01% of the population

#2c5daf hex color

#2c5daf Color Information

#2c5daf Color Conversion

Color Schemes with #2c5daf

Alternatives to #2c5daf

#2c5daf Preview

Shades and Tints of #2c5daf

Tones of #2c5daf

Color Blindness Simulator