colorhexa.com

#2d6377 hex color

In a RGB color space, hex #2d6377 is composed of 17.6% red, 38.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 16.8% magenta, 0% yellow and 53.3% black. It has a hue angle of 196.2 degrees, a saturation of 45.1% and a lightness of 32.2%. #2d6377 color hex could be obtained by blending #5ac6ee with #000000. Closest websafe color is: #336666.

- R 18
- G 39
- B 47
RGB color chart
- C 62
- M 17
- Y 0
- K 53
CMYK color chart

● #2d6377 color description : Dark moderate blue.

The hexadecimal color #2d6377 has RGB values of R:45, G:99, B:119 and CMYK values of C:0.62, M:0.17, Y:0, K:0.53. Its decimal value is 2974583.

Hex triplet	2d6377	`#2d6377`
RGB Decimal	45, 99, 119	`rgb(45,99,119)`
RGB Percent	17.6, 38.8, 46.7	`rgb(17.6%,38.8%,46.7%)`
CMYK	62, 17, 0, 53
HSL	196.2°, 45.1, 32.2	`hsl(196.2,45.1%,32.2%)`
HSV (or HSB)	196.2°, 62.2, 46.7
Web Safe	336666	`#336666`

CIE-LAB	39.263, -11.385, -16.62
XYZ	8.873, 10.813, 19.071
xyY	0.229, 0.279, 10.813
CIE-LCH	39.263, 20.146, 235.587
CIE-LUV	39.263, -21.624, -21.456
Hunter-Lab	32.883, -9.38, -11.369
Binary	00101101, 01100011, 01110111

#2d6377
```
#2d6377 rgb(45,99,119)
```
#77412d
```
#77412d rgb(119,65,45)
```

Complementary Color

#2d7766
```
#2d7766 rgb(45,119,102)
```
#2d6377
```
#2d6377 rgb(45,99,119)
```
#2d3e77
```
#2d3e77 rgb(45,62,119)
```

Analogous Color

#77662d
```
#77662d rgb(119,102,45)
```
#2d6377
```
#2d6377 rgb(45,99,119)
```
#772d3e
```
#772d3e rgb(119,45,62)
```

Split Complementary Color

#63772d
```
#63772d rgb(99,119,45)
```
#2d6377
```
#2d6377 rgb(45,99,119)
```
#772d63
```
#772d63 rgb(119,45,99)
```

Triadic Color

#18353f
```
#18353f rgb(24,53,63)
```
#1f4452
```
#1f4452 rgb(31,68,82)
```
#265464
```
#265464 rgb(38,84,100)
```
#2d6377
```
#2d6377 rgb(45,99,119)
```
#34728a
```
#34728a rgb(52,114,138)
```
#3b829c
```
#3b829c rgb(59,130,156)
```
#4291af
```
#4291af rgb(66,145,175)
```

Monochromatic Color

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

#2d7677
```
#2d7677 rgb(45,118,119)
```
#2d6f77
```
#2d6f77 rgb(45,111,119)
```
#2d6977
```
#2d6977 rgb(45,105,119)
```
#2d6377
```
#2d6377 rgb(45,99,119)
```
#2d5d77
```
#2d5d77 rgb(45,93,119)
```
#2d5777
```
#2d5777 rgb(45,87,119)
```
#2d5177
```
#2d5177 rgb(45,81,119)
```

Similar Colors

Text with hexadecimal color #2d6377

This text has a font color of #2d6377.

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

#2d6377 background color

This paragraph has a background color of #2d6377.

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

#2d6377 border color

This element has a border color of #2d6377.

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

CSS codes

.text {color:#2d6377;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#071013
```
#071013 rgb(7,16,19)
```
#0d1c22
```
#0d1c22 rgb(13,28,34)
```
#122830
```
#122830 rgb(18,40,48)
```
#17343e
```
#17343e rgb(23,52,62)
```
#1d3f4c
```
#1d3f4c rgb(29,63,76)
```
#224b5b
```
#224b5b rgb(34,75,91)
```
#285769
```
#285769 rgb(40,87,105)
```
#2d6377
```
#2d6377 rgb(45,99,119)
```
#326f85
```
#326f85 rgb(50,111,133)
```
#387b93
```
#387b93 rgb(56,123,147)
```
#3d87a2
```
#3d87a2 rgb(61,135,162)
```
#4392b0
```
#4392b0 rgb(67,146,176)
```

Shade Color Variation

#4b9dbb
```
#4b9dbb rgb(75,157,187)
```
#59a5c0
```
#59a5c0 rgb(89,165,192)
```
#68acc6
```
#68acc6 rgb(104,172,198)
```
#76b4cb
```
#76b4cb rgb(118,180,203)
```
#84bcd1
```
#84bcd1 rgb(132,188,209)
```
#92c4d6
```
#92c4d6 rgb(146,196,214)
```
#a1cbdb
```
#a1cbdb rgb(161,203,219)
```
#afd3e1
```
#afd3e1 rgb(175,211,225)
```
#bddbe6
```
#bddbe6 rgb(189,219,230)
```
#cbe3eb
```
#cbe3eb rgb(203,227,235)
```
#d9eaf1
```
#d9eaf1 rgb(217,234,241)
```
#e8f2f6
```
#e8f2f6 rgb(232,242,246)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5557 is the less saturated color, while #0177a3 is the most saturated one.

#4d5557
```
#4d5557 rgb(77,85,87)
```
#46575e
```
#46575e rgb(70,87,94)
```
#405a64
```
#405a64 rgb(64,90,100)
```
#3a5d6a
```
#3a5d6a rgb(58,93,106)
```
#336071
```
#336071 rgb(51,96,113)
```
#2d6377
```
#2d6377 rgb(45,99,119)
```
#27667d
```
#27667d rgb(39,102,125)
```
#206984
```
#206984 rgb(32,105,132)
```
#1a6c8a
```
#1a6c8a rgb(26,108,138)
```
#146f90
```
#146f90 rgb(20,111,144)
```
#0d7197
```
#0d7197 rgb(13,113,151)
```
#07749d
```
#07749d rgb(7,116,157)
```
#0177a3
```
#0177a3 rgb(1,119,163)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d585c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6479 Protanopia 1% of men
#5e6381 Deuteranopia 1% of men
#326c74 Tritanopia 0.001% of the population

Trichromacy

#4d6378 Protanomaly 1% of men, 0.01% of women
#4c637d Deuteranomaly 6% of men, 0.4% of women
#306975 Tritanomaly 0.01% of the population