colorhexa.com

#2d7e8f hex color

In a RGB color space, hex #2d7e8f is composed of 17.6% red, 49.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 11.9% magenta, 0% yellow and 43.9% black. It has a hue angle of 190.4 degrees, a saturation of 52.1% and a lightness of 36.9%. #2d7e8f color hex could be obtained by blending #5afcff with #00001f. Closest websafe color is: #336699.

- R 18
- G 49
- B 56
RGB color chart
- C 69
- M 12
- Y 0
- K 44
CMYK color chart

● #2d7e8f color description : Dark moderate cyan.

The hexadecimal color #2d7e8f has RGB values of R:45, G:126, B:143 and CMYK values of C:0.69, M:0.12, Y:0, K:0.44. Its decimal value is 2981519.

Hex triplet	2d7e8f	`#2d7e8f`
RGB Decimal	45, 126, 143	`rgb(45,126,143)`
RGB Percent	17.6, 49.4, 56.1	`rgb(17.6%,49.4%,56.1%)`
CMYK	69, 12, 0, 44
HSL	190.4°, 52.1, 36.9	`hsl(190.4,52.1%,36.9%)`
HSV (or HSB)	190.4°, 68.5, 56.1
Web Safe	336699	`#336699`

CIE-LAB	48.837, -18.594, -16.364
XYZ	13.5, 17.462, 28.644
xyY	0.226, 0.293, 17.462
CIE-LCH	48.837, 24.769, 221.35
CIE-LUV	48.837, -30.733, -21.226
Hunter-Lab	41.787, -15.462, -11.391
Binary	00101101, 01111110, 10001111

#2d7e8f
```
#2d7e8f rgb(45,126,143)
```
#8f3e2d
```
#8f3e2d rgb(143,62,45)
```

Complementary Color

#2d8f6f
```
#2d8f6f rgb(45,143,111)
```
#2d7e8f
```
#2d7e8f rgb(45,126,143)
```
#2d4d8f
```
#2d4d8f rgb(45,77,143)
```

Analogous Color

#8f6f2d
```
#8f6f2d rgb(143,111,45)
```
#2d7e8f
```
#2d7e8f rgb(45,126,143)
```
#8f2d4d
```
#8f2d4d rgb(143,45,77)
```

Split Complementary Color

#7e8f2d
```
#7e8f2d rgb(126,143,45)
```
#2d7e8f
```
#2d7e8f rgb(45,126,143)
```
#8f2d7e
```
#8f2d7e rgb(143,45,126)
```

Triadic Color

#2d8f3e
```
#2d8f3e rgb(45,143,62)
```
#2d7e8f
```
#2d7e8f rgb(45,126,143)
```
#8f2d7e
```
#8f2d7e rgb(143,45,126)
```
#8f3e2d
```
#8f3e2d rgb(143,62,45)
```

Tetradic Color

#1b4b55
```
#1b4b55 rgb(27,75,85)
```
#215c68
```
#215c68 rgb(33,92,104)
```
#276d7c
```
#276d7c rgb(39,109,124)
```
#2d7e8f
```
#2d7e8f rgb(45,126,143)
```
#338fa2
```
#338fa2 rgb(51,143,162)
```
#39a0b6
```
#39a0b6 rgb(57,160,182)
```
#44aec4
```
#44aec4 rgb(68,174,196)
```

Monochromatic Color

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

#2d8f88
```
#2d8f88 rgb(45,143,136)
```
#2d8e8f
```
#2d8e8f rgb(45,142,143)
```
#2d868f
```
#2d868f rgb(45,134,143)
```
#2d7e8f
```
#2d7e8f rgb(45,126,143)
```
#2d768f
```
#2d768f rgb(45,118,143)
```
#2d6e8f
```
#2d6e8f rgb(45,110,143)
```
#2d668f
```
#2d668f rgb(45,102,143)
```

Similar Colors

Text with hexadecimal color #2d7e8f

This text has a font color of #2d7e8f.

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

#2d7e8f background color

This paragraph has a background color of #2d7e8f.

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

#2d7e8f border color

This element has a border color of #2d7e8f.

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

CSS codes

.text {color:#2d7e8f;}

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

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

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

#030809
```
#030809 rgb(3,8,9)
```
#071518
```
#071518 rgb(7,21,24)
```
#0c2227
```
#0c2227 rgb(12,34,39)
```
#112f35
```
#112f35 rgb(17,47,53)
```
#163c44
```
#163c44 rgb(22,60,68)
```
#1a4953
```
#1a4953 rgb(26,73,83)
```
#1f5762
```
#1f5762 rgb(31,87,98)
```
#246471
```
#246471 rgb(36,100,113)
```
#287180
```
#287180 rgb(40,113,128)
```
#2d7e8f
```
#2d7e8f rgb(45,126,143)
```
#328b9e
```
#328b9e rgb(50,139,158)
```
#3698ad
```
#3698ad rgb(54,152,173)
```
#3ba5bc
```
#3ba5bc rgb(59,165,188)
```

Shade Color Variation

#46afc5
```
#46afc5 rgb(70,175,197)
```
#55b5c9
```
#55b5c9 rgb(85,181,201)
```
#64bcce
```
#64bcce rgb(100,188,206)
```
#73c2d3
```
#73c2d3 rgb(115,194,211)
```
#81c9d7
```
#81c9d7 rgb(129,201,215)
```
#90cfdc
```
#90cfdc rgb(144,207,220)
```
#9fd5e1
```
#9fd5e1 rgb(159,213,225)
```
#aedce6
```
#aedce6 rgb(174,220,230)
```
#bde2ea
```
#bde2ea rgb(189,226,234)
```
#cce9ef
```
#cce9ef rgb(204,233,239)
```
#dbeff4
```
#dbeff4 rgb(219,239,244)
```
#eaf6f8
```
#eaf6f8 rgb(234,246,248)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #586264 is the less saturated color, while #029aba is the most saturated one.

#586264
```
#586264 rgb(88,98,100)
```
#51666b
```
#51666b rgb(81,102,107)
```
#4a6b72
```
#4a6b72 rgb(74,107,114)
```
#437079
```
#437079 rgb(67,112,121)
```
#3b7581
```
#3b7581 rgb(59,117,129)
```
#347988
```
#347988 rgb(52,121,136)
```
#2d7e8f
```
#2d7e8f rgb(45,126,143)
```
#268396
```
#268396 rgb(38,131,150)
```
#1f879d
```
#1f879d rgb(31,135,157)
```
#178ca5
```
#178ca5 rgb(23,140,165)
```
#1091ac
```
#1091ac rgb(16,145,172)
```
#0996b3
```
#0996b3 rgb(9,150,179)
```
#029aba
```
#029aba rgb(2,154,186)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777a8e Protanopia 1% of men
#767999 Deuteranopia 1% of men
#34858f Tritanopia 0.001% of the population

Trichromacy

#5c7b8e Protanomaly 1% of men, 0.01% of women
#5b7a95 Deuteranomaly 6% of men, 0.4% of women
#31828f Tritanomaly 0.01% of the population