#2a747f hex color

In a RGB color space, hex #2a747f is composed of 16.5% red, 45.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 8.7% magenta, 0% yellow and 50.2% black. It has a hue angle of 187.8 degrees, a saturation of 50.3% and a lightness of 33.1%. #2a747f color hex could be obtained by blending #54e8fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 45
- B 50
RGB color chart
- C 67
- M 9
- Y 0
- K 50
CMYK color chart

● #2a747f color description : Dark moderate cyan.

The hexadecimal color #2a747f has RGB values of R:42, G:116, B:127 and CMYK values of C:0.67, M:0.09, Y:0, K:0.5. Its decimal value is 2782335.

Hex triplet	2a747f	`#2a747f`
RGB Decimal	42, 116, 127	`rgb(42,116,127)`
RGB Percent	16.5, 45.5, 49.8	`rgb(16.5%,45.5%,49.8%)`
CMYK	67, 9, 0, 50
HSL	187.8°, 50.3, 33.1	`hsl(187.8,50.3%,33.1%)`
HSV (or HSB)	187.8°, 66.9, 49.8
Web Safe	336666	`#336666`

CIE-LAB	44.962, -18.884, -12.78
XYZ	11.03, 14.514, 22.298
xyY	0.231, 0.303, 14.514
CIE-LCH	44.962, 22.802, 214.089
CIE-LUV	44.962, -28.41, -15.479
Hunter-Lab	38.098, -14.993, -8.033
Binary	00101010, 01110100, 01111111

#2a747f
```
#2a747f rgb(42,116,127)
```
#7f352a
```
#7f352a rgb(127,53,42)
```

Complementary Color

#2a7f60
```
#2a7f60 rgb(42,127,96)
```
#2a747f
```
#2a747f rgb(42,116,127)
```
#2a497f
```
#2a497f rgb(42,73,127)
```

Analogous Color

#7f602a
```
#7f602a rgb(127,96,42)
```
#2a747f
```
#2a747f rgb(42,116,127)
```
#7f2a4a
```
#7f2a4a rgb(127,42,74)
```

Split Complementary Color

#747f2a
```
#747f2a rgb(116,127,42)
```
#2a747f
```
#2a747f rgb(42,116,127)
```
#7f2a74
```
#7f2a74 rgb(127,42,116)
```

Triadic Color

#2a7f35
```
#2a7f35 rgb(42,127,53)
```
#2a747f
```
#2a747f rgb(42,116,127)
```
#7f2a74
```
#7f2a74 rgb(127,42,116)
```
#7f352a
```
#7f352a rgb(127,53,42)
```

Tetradic Color

#173f46
```
#173f46 rgb(23,63,70)
```
#1d5159
```
#1d5159 rgb(29,81,89)
```
#24626c
```
#24626c rgb(36,98,108)
```
#2a747f
```
#2a747f rgb(42,116,127)
```
#308692
```
#308692 rgb(48,134,146)
```
#3797a5
```
#3797a5 rgb(55,151,165)
```
#3da9b8
```
#3da9b8 rgb(61,169,184)
```

Monochromatic Color

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

#2a7f75
```
#2a7f75 rgb(42,127,117)
```
#2a7f7c
```
#2a7f7c rgb(42,127,124)
```
#2a7b7f
```
#2a7b7f rgb(42,123,127)
```
#2a747f
```
#2a747f rgb(42,116,127)
```
#2a6d7f
```
#2a6d7f rgb(42,109,127)
```
#2a667f
```
#2a667f rgb(42,102,127)
```
#2a5f7f
```
#2a5f7f rgb(42,95,127)
```

Similar Colors

Text with hexadecimal color #2a747f

This text has a font color of #2a747f.

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

#2a747f background color

This paragraph has a background color of #2a747f.

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

#2a747f border color

This element has a border color of #2a747f.

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

CSS codes

.text {color:#2a747f;}

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

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

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

#030809
```
#030809 rgb(3,8,9)
```
#081618
```
#081618 rgb(8,22,24)
```
#0d2327
```
#0d2327 rgb(13,35,39)
```
#123135
```
#123135 rgb(18,49,53)
```
#173e44
```
#173e44 rgb(23,62,68)
```
#1b4c53
```
#1b4c53 rgb(27,76,83)
```
#205962
```
#205962 rgb(32,89,98)
```
#256770
```
#256770 rgb(37,103,112)
```
#2a747f
```
#2a747f rgb(42,116,127)
```
#2f818e
```
#2f818e rgb(47,129,142)
```
#348f9c
```
#348f9c rgb(52,143,156)
```
#399cab
```
#399cab rgb(57,156,171)
```
#3daaba
```
#3daaba rgb(61,170,186)
```

Shade Color Variation

#48b3c3
```
#48b3c3 rgb(72,179,195)
```
#57b9c8
```
#57b9c8 rgb(87,185,200)
```
#66bfcc
```
#66bfcc rgb(102,191,204)
```
#75c5d1
```
#75c5d1 rgb(117,197,209)
```
#83cbd6
```
#83cbd6 rgb(131,203,214)
```
#92d2db
```
#92d2db rgb(146,210,219)
```
#a1d8e0
```
#a1d8e0 rgb(161,216,224)
```
#b0dee5
```
#b0dee5 rgb(176,222,229)
```
#bee4ea
```
#bee4ea rgb(190,228,234)
```
#cdeaef
```
#cdeaef rgb(205,234,239)
```
#dcf0f3
```
#dcf0f3 rgb(220,240,243)
```
#ebf6f8
```
#ebf6f8 rgb(235,246,248)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#515758
```
#515758 rgb(81,87,88)
```
#4b5c5f
```
#4b5c5f rgb(75,92,95)
```
#446165
```
#446165 rgb(68,97,101)
```
#3e666c
```
#3e666c rgb(62,102,108)
```
#376a72
```
#376a72 rgb(55,106,114)
```
#316f79
```
#316f79 rgb(49,111,121)
```
#2a747f
```
#2a747f rgb(42,116,127)
```
#247986
```
#247986 rgb(36,121,134)
```
#1d7e8c
```
#1d7e8c rgb(29,126,140)
```
#178293
```
#178293 rgb(23,130,147)
```
#108799
```
#108799 rgb(16,135,153)
```
#0a8ca0
```
#0a8ca0 rgb(10,140,160)
```
#0391a6
```
#0391a6 rgb(3,145,166)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#546365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f717f Protanopia 1% of men
#6f6f89 Deuteranopia 1% of men
#347b84 Tritanopia 0.001% of the population

Trichromacy

#56727f Protanomaly 1% of men, 0.01% of women
#567185 Deuteranomaly 6% of men, 0.4% of women
#307882 Tritanomaly 0.01% of the population

#2a747f hex color

#2a747f Color Information

#2a747f Color Conversion

Color Schemes with #2a747f

Alternatives to #2a747f

#2a747f Preview

Shades and Tints of #2a747f

Tones of #2a747f

Color Blindness Simulator