#2d6374 hex color

In a RGB color space, hex #2d6374 is composed of 17.6% red, 38.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 14.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 194.4 degrees, a saturation of 44.1% and a lightness of 31.6%. #2d6374 color hex could be obtained by blending #5ac6e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 39
- B 45
RGB color chart
- C 61
- M 15
- Y 0
- K 55
CMYK color chart

● #2d6374 color description : Dark moderate cyan.

The hexadecimal color #2d6374 has RGB values of R:45, G:99, B:116 and CMYK values of C:0.61, M:0.15, Y:0, K:0.55. Its decimal value is 2974580.

Hex triplet	2d6374	`#2d6374`
RGB Decimal	45, 99, 116	`rgb(45,99,116)`
RGB Percent	17.6, 38.8, 45.5	`rgb(17.6%,38.8%,45.5%)`
CMYK	61, 15, 0, 55
HSL	194.4°, 44.1, 31.6	`hsl(194.4,44.1%,31.6%)`
HSV (or HSB)	194.4°, 61.2, 45.5
Web Safe	336666	`#336666`

CIE-LAB	39.142, -12.385, -14.971
XYZ	8.696, 10.742, 18.137
xyY	0.231, 0.286, 10.742
CIE-LCH	39.142, 19.43, 230.401
CIE-LUV	39.142, -21.74, -18.927
Hunter-Lab	32.775, -9.998, -9.868
Binary	00101101, 01100011, 01110100

#2d6374
```
#2d6374 rgb(45,99,116)
```
#743e2d
```
#743e2d rgb(116,62,45)
```

Complementary Color

#2d7462
```
#2d7462 rgb(45,116,98)
```
#2d6374
```
#2d6374 rgb(45,99,116)
```
#2d4074
```
#2d4074 rgb(45,64,116)
```

Analogous Color

#74622d
```
#74622d rgb(116,98,45)
```
#2d6374
```
#2d6374 rgb(45,99,116)
```
#742d40
```
#742d40 rgb(116,45,64)
```

Split Complementary Color

#63742d
```
#63742d rgb(99,116,45)
```
#2d6374
```
#2d6374 rgb(45,99,116)
```
#742d63
```
#742d63 rgb(116,45,99)
```

Triadic Color

#2d743e
```
#2d743e rgb(45,116,62)
```
#2d6374
```
#2d6374 rgb(45,99,116)
```
#742d63
```
#742d63 rgb(116,45,99)
```
#743e2d
```
#743e2d rgb(116,62,45)
```

Tetradic Color

#18343d
```
#18343d rgb(24,52,61)
```
#1f444f
```
#1f444f rgb(31,68,79)
```
#265362
```
#265362 rgb(38,83,98)
```
#2d6374
```
#2d6374 rgb(45,99,116)
```
#347386
```
#347386 rgb(52,115,134)
```
#3b8299
```
#3b8299 rgb(59,130,153)
```
#4292ab
```
#4292ab rgb(66,146,171)
```

Monochromatic Color

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

#2d7473
```
#2d7473 rgb(45,116,115)
```
#2d6f74
```
#2d6f74 rgb(45,111,116)
```
#2d6974
```
#2d6974 rgb(45,105,116)
```
#2d6374
```
#2d6374 rgb(45,99,116)
```
#2d5d74
```
#2d5d74 rgb(45,93,116)
```
#2d5774
```
#2d5774 rgb(45,87,116)
```
#2d5174
```
#2d5174 rgb(45,81,116)
```

Similar Colors

Text with hexadecimal color #2d6374

This text has a font color of #2d6374.

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

#2d6374 background color

This paragraph has a background color of #2d6374.

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

#2d6374 border color

This element has a border color of #2d6374.

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

CSS codes

.text {color:#2d6374;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#070f11
```
#070f11 rgb(7,15,17)
```
#0c1b1f
```
#0c1b1f rgb(12,27,31)
```
#12272d
```
#12272d rgb(18,39,45)
```
#17333b
```
#17333b rgb(23,51,59)
```
#1d3f4a
```
#1d3f4a rgb(29,63,74)
```
#224b58
```
#224b58 rgb(34,75,88)
```
#285766
```
#285766 rgb(40,87,102)
```
#2d6374
```
#2d6374 rgb(45,99,116)
```
#326f82
```
#326f82 rgb(50,111,130)
```
#387b90
```
#387b90 rgb(56,123,144)
```
#3d879e
```
#3d879e rgb(61,135,158)
```
#4393ad
```
#4393ad rgb(67,147,173)
```

Shade Color Variation

#4a9eb9
```
#4a9eb9 rgb(74,158,185)
```
#58a6be
```
#58a6be rgb(88,166,190)
```
#66adc4
```
#66adc4 rgb(102,173,196)
```
#75b5c9
```
#75b5c9 rgb(117,181,201)
```
#83bdcf
```
#83bdcf rgb(131,189,207)
```
#91c4d4
```
#91c4d4 rgb(145,196,212)
```
#9fccda
```
#9fccda rgb(159,204,218)
```
#add3df
```
#add3df rgb(173,211,223)
```
#bbdbe5
```
#bbdbe5 rgb(187,219,229)
```
#c9e2ea
```
#c9e2ea rgb(201,226,234)
```
#d8eaf0
```
#d8eaf0 rgb(216,234,240)
```
#e6f1f5
```
#e6f1f5 rgb(230,241,245)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

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

#4c5355
```
#4c5355 rgb(76,83,85)
```
#46565b
```
#46565b rgb(70,86,91)
```
#405961
```
#405961 rgb(64,89,97)
```
#395d68
```
#395d68 rgb(57,93,104)
```
#33606e
```
#33606e rgb(51,96,110)
```
#2d6374
```
#2d6374 rgb(45,99,116)
```
#27667a
```
#27667a rgb(39,102,122)
```
#216980
```
#216980 rgb(33,105,128)
```
#1a6d87
```
#1a6d87 rgb(26,109,135)
```
#14708d
```
#14708d rgb(20,112,141)
```
#0e7393
```
#0e7393 rgb(14,115,147)
```
#087699
```
#087699 rgb(8,118,153)
```
#027a9f
```
#027a9f rgb(2,122,159)
```

Tone Color Variation

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

Dichromacy

#606376 Protanopia 1% of men
#5f637e Deuteranopia 1% of men
#346c74 Tritanopia 0.001% of the population

Trichromacy

#4d6375 Protanomaly 1% of men, 0.01% of women
#4d637a Deuteranomaly 6% of men, 0.4% of women
#316874 Tritanomaly 0.01% of the population

#2d6374 hex color

#2d6374 Color Information

#2d6374 Color Conversion

Color Schemes with #2d6374

Alternatives to #2d6374

#2d6374 Preview

Shades and Tints of #2d6374

Tones of #2d6374

Color Blindness Simulator