#2c7caf hex color

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

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

● #2c7caf color description : Dark blue.

The hexadecimal color #2c7caf has RGB values of R:44, G:124, B:175 and CMYK values of C:0.75, M:0.29, Y:0, K:0.31. Its decimal value is 2915503.

Hex triplet	2c7caf	`#2c7caf`
RGB Decimal	44, 124, 175	`rgb(44,124,175)`
RGB Percent	17.3, 48.6, 68.6	`rgb(17.3%,48.6%,68.6%)`
CMYK	75, 29, 0, 31
HSL	203.4°, 59.8, 42.9	`hsl(203.4,59.8%,42.9%)`
HSV (or HSB)	203.4°, 74.9, 68.6
Web Safe	336699	`#336699`

CIE-LAB	49.55, -6.568, -33.939
XYZ	15.982, 18.045, 43.196
xyY	0.207, 0.234, 18.045
CIE-LCH	49.55, 34.569, 259.047
CIE-LUV	49.55, -28.505, -50.355
Hunter-Lab	42.479, -7.179, -30.555
Binary	00101100, 01111100, 10101111

#2c7caf
```
#2c7caf rgb(44,124,175)
```
#af5f2c
```
#af5f2c rgb(175,95,44)
```

Complementary Color

#2cafa1
```
#2cafa1 rgb(44,175,161)
```
#2c7caf
```
#2c7caf rgb(44,124,175)
```
#2c3baf
```
#2c3baf rgb(44,59,175)
```

Analogous Color

#afa12c
```
#afa12c rgb(175,161,44)
```
#2c7caf
```
#2c7caf rgb(44,124,175)
```
#af2c3b
```
#af2c3b rgb(175,44,59)
```

Split Complementary Color

#7caf2c
```
#7caf2c rgb(124,175,44)
```
#2c7caf
```
#2c7caf rgb(44,124,175)
```
#af2c7c
```
#af2c7c rgb(175,44,124)
```

Triadic Color

#2caf5f
```
#2caf5f rgb(44,175,95)
```
#2c7caf
```
#2c7caf rgb(44,124,175)
```
#af2c7c
```
#af2c7c rgb(175,44,124)
```
#af5f2c
```
#af5f2c rgb(175,95,44)
```

Tetradic Color

#1d5172
```
#1d5172 rgb(29,81,114)
```
#225f86
```
#225f86 rgb(34,95,134)
```
#276e9b
```
#276e9b rgb(39,110,155)
```
#2c7caf
```
#2c7caf rgb(44,124,175)
```
#318ac3
```
#318ac3 rgb(49,138,195)
```
#3f97cf
```
#3f97cf rgb(63,151,207)
```
#54a2d4
```
#54a2d4 rgb(84,162,212)
```

Monochromatic Color

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

#2c9daf
```
#2c9daf rgb(44,157,175)
```
#2c92af
```
#2c92af rgb(44,146,175)
```
#2c87af
```
#2c87af rgb(44,135,175)
```
#2c7caf
```
#2c7caf rgb(44,124,175)
```
#2c71af
```
#2c71af rgb(44,113,175)
```
#2c66af
```
#2c66af rgb(44,102,175)
```
#2c5baf
```
#2c5baf rgb(44,91,175)
```

Similar Colors

Text with hexadecimal color #2c7caf

This text has a font color of #2c7caf.

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

#2c7caf background color

This paragraph has a background color of #2c7caf.

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

#2c7caf border color

This element has a border color of #2c7caf.

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

CSS codes

.text {color:#2c7caf;}

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

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

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 #f2f8fc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#050d12
```
#050d12 rgb(5,13,18)
```
#091822
```
#091822 rgb(9,24,34)
```
#0c2332
```
#0c2332 rgb(12,35,50)
```
#102e41
```
#102e41 rgb(16,46,65)
```
#143951
```
#143951 rgb(20,57,81)
```
#184461
```
#184461 rgb(24,68,97)
```
#1c5070
```
#1c5070 rgb(28,80,112)
```
#205b80
```
#205b80 rgb(32,91,128)
```
#246690
```
#246690 rgb(36,102,144)
```
#28719f
```
#28719f rgb(40,113,159)
```
#2c7caf
```
#2c7caf rgb(44,124,175)
```
#3087bf
```
#3087bf rgb(48,135,191)
```

Shade Color Variation

#3692cc
```
#3692cc rgb(54,146,204)
```
#459ad0
```
#459ad0 rgb(69,154,208)
```
#55a3d4
```
#55a3d4 rgb(85,163,212)
```
#65abd8
```
#65abd8 rgb(101,171,216)
```
#75b4dc
```
#75b4dc rgb(117,180,220)
```
#84bce0
```
#84bce0 rgb(132,188,224)
```
#94c5e4
```
#94c5e4 rgb(148,197,228)
```
#a4cde8
```
#a4cde8 rgb(164,205,232)
```
#b3d6ec
```
#b3d6ec rgb(179,214,236)
```
#c3def0
```
#c3def0 rgb(195,222,240)
```
#d3e7f4
```
#d3e7f4 rgb(211,231,244)
```
#e2eff8
```
#e2eff8 rgb(226,239,248)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

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

#676f74
```
#676f74 rgb(103,111,116)
```
#5f717c
```
#5f717c rgb(95,113,124)
```
#567385
```
#567385 rgb(86,115,133)
```
#4e758d
```
#4e758d rgb(78,117,141)
```
#457696
```
#457696 rgb(69,118,150)
```
#3d789e
```
#3d789e rgb(61,120,158)
```
#347aa7
```
#347aa7 rgb(52,122,167)
```
#2c7caf
```
#2c7caf rgb(44,124,175)
```
#247eb7
```
#247eb7 rgb(36,126,183)
```
#1b80c0
```
#1b80c0 rgb(27,128,192)
```
#1382c8
```
#1382c8 rgb(19,130,200)
```
#0a83d1
```
#0a83d1 rgb(10,131,209)
```
#0285d9
```
#0285d9 rgb(2,133,217)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5e6e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7bad Protanopia 1% of men
#5f7cb5 Deuteranopia 1% of men
#008993 Tritanopia 0.001% of the population

Trichromacy

#547bae Protanomaly 1% of men, 0.01% of women
#4d7cb3 Deuteranomaly 6% of men, 0.4% of women
#10849d Tritanomaly 0.01% of the population

#2c7caf hex color

#2c7caf Color Information

#2c7caf Color Conversion

Color Schemes with #2c7caf

Alternatives to #2c7caf

#2c7caf Preview

Shades and Tints of #2c7caf

Tones of #2c7caf

Color Blindness Simulator