#2a7074 hex color

In a RGB color space, hex #2a7074 is composed of 16.5% red, 43.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 3.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 183.2 degrees, a saturation of 46.8% and a lightness of 31%. #2a7074 color hex could be obtained by blending #54e0e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 44
- B 45
RGB color chart
- C 64
- M 3
- Y 0
- K 55
CMYK color chart

● #2a7074 color description : Dark moderate cyan.

The hexadecimal color #2a7074 has RGB values of R:42, G:112, B:116 and CMYK values of C:0.64, M:0.03, Y:0, K:0.55. Its decimal value is 2781300.

Hex triplet	2a7074	`#2a7074`
RGB Decimal	42, 112, 116	`rgb(42,112,116)`
RGB Percent	16.5, 43.9, 45.5	`rgb(16.5%,43.9%,45.5%)`
CMYK	64, 3, 0, 55
HSL	183.2°, 46.8, 31	`hsl(183.2,46.8%,31%)`
HSV (or HSB)	183.2°, 63.8, 45.5
Web Safe	336666	`#336666`

CIE-LAB	43.272, -20.227, -8.73
XYZ	9.9, 13.341, 18.575
xyY	0.237, 0.319, 13.341
CIE-LCH	43.272, 22.03, 203.344
CIE-LUV	43.272, -27.459, -9.289
Hunter-Lab	36.525, -15.534, -4.585
Binary	00101010, 01110000, 01110100

#2a7074
```
#2a7074 rgb(42,112,116)
```
#742e2a
```
#742e2a rgb(116,46,42)
```

Complementary Color

#2a7453
```
#2a7453 rgb(42,116,83)
```
#2a7074
```
#2a7074 rgb(42,112,116)
```
#2a4b74
```
#2a4b74 rgb(42,75,116)
```

Analogous Color

#74532a
```
#74532a rgb(116,83,42)
```
#2a7074
```
#2a7074 rgb(42,112,116)
```
#742a4b
```
#742a4b rgb(116,42,75)
```

Split Complementary Color

#70742a
```
#70742a rgb(112,116,42)
```
#2a7074
```
#2a7074 rgb(42,112,116)
```
#742a70
```
#742a70 rgb(116,42,112)
```

Triadic Color

#2a742e
```
#2a742e rgb(42,116,46)
```
#2a7074
```
#2a7074 rgb(42,112,116)
```
#742a70
```
#742a70 rgb(116,42,112)
```
#742e2a
```
#742e2a rgb(116,46,42)
```

Tetradic Color

#163a3c
```
#163a3c rgb(22,58,60)
```
#1c4c4f
```
#1c4c4f rgb(28,76,79)
```
#235e61
```
#235e61 rgb(35,94,97)
```
#2a7074
```
#2a7074 rgb(42,112,116)
```
#318287
```
#318287 rgb(49,130,135)
```
#389499
```
#389499 rgb(56,148,153)
```
#3ea6ac
```
#3ea6ac rgb(62,166,172)
```

Monochromatic Color

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

#2a7466
```
#2a7466 rgb(42,116,102)
```
#2a746c
```
#2a746c rgb(42,116,108)
```
#2a7472
```
#2a7472 rgb(42,116,114)
```
#2a7074
```
#2a7074 rgb(42,112,116)
```
#2a6a74
```
#2a6a74 rgb(42,106,116)
```
#2a6474
```
#2a6474 rgb(42,100,116)
```
#2a5e74
```
#2a5e74 rgb(42,94,116)
```

Similar Colors

Text with hexadecimal color #2a7074

This text has a font color of #2a7074.

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

#2a7074 background color

This paragraph has a background color of #2a7074.

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

#2a7074 border color

This element has a border color of #2a7074.

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

CSS codes

.text {color:#2a7074;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0f
```
#060f0f rgb(6,15,15)
```
#0b1d1e
```
#0b1d1e rgb(11,29,30)
```
#102a2c
```
#102a2c rgb(16,42,44)
```
#15383a
```
#15383a rgb(21,56,58)
```
#1a4649
```
#1a4649 rgb(26,70,73)
```
#205457
```
#205457 rgb(32,84,87)
```
#256266
```
#256266 rgb(37,98,102)
```
#2a7074
```
#2a7074 rgb(42,112,116)
```
#2f7e82
```
#2f7e82 rgb(47,126,130)
```
#348c91
```
#348c91 rgb(52,140,145)
```
#3a9a9f
```
#3a9a9f rgb(58,154,159)
```
#3fa8ae
```
#3fa8ae rgb(63,168,174)
```

Shade Color Variation

#45b5bc
```
#45b5bc rgb(69,181,188)
```
#53bbc1
```
#53bbc1 rgb(83,187,193)
```
#61c0c6
```
#61c0c6 rgb(97,192,198)
```
#70c6cb
```
#70c6cb rgb(112,198,203)
```
#7eccd0
```
#7eccd0 rgb(126,204,208)
```
#8dd2d6
```
#8dd2d6 rgb(141,210,214)
```
#9bd7db
```
#9bd7db rgb(155,215,219)
```
#a9dde0
```
#a9dde0 rgb(169,221,224)
```
#b8e3e5
```
#b8e3e5 rgb(184,227,229)
```
#c6e8ea
```
#c6e8ea rgb(198,232,234)
```
#d5eef0
```
#d5eef0 rgb(213,238,240)
```
#e3f4f5
```
#e3f4f5 rgb(227,244,245)
```
#f1fafa
```
#f1fafa rgb(241,250,250)
```

Tint Color Variation

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

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#485556
```
#485556 rgb(72,85,86)
```
#425a5c
```
#425a5c rgb(66,90,92)
```
#3c6062
```
#3c6062 rgb(60,96,98)
```
#366568
```
#366568 rgb(54,101,104)
```
#306b6e
```
#306b6e rgb(48,107,110)
```
#2a7074
```
#2a7074 rgb(42,112,116)
```
#24757a
```
#24757a rgb(36,117,122)
```
#1e7b80
```
#1e7b80 rgb(30,123,128)
```
#188086
```
#188086 rgb(24,128,134)
```
#12868c
```
#12868c rgb(18,134,140)
```
#0c8b92
```
#0c8b92 rgb(12,139,146)
```
#069198
```
#069198 rgb(6,145,152)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#526061 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6d75 Protanopia 1% of men
#6f6b7f Deuteranopia 1% of men
#37767f Tritanopia 0.001% of the population

Trichromacy

#556e74 Protanomaly 1% of men, 0.01% of women
#566d7b Deuteranomaly 6% of men, 0.4% of women
#32747b Tritanomaly 0.01% of the population

#2a7074 hex color

#2a7074 Color Information

#2a7074 Color Conversion

Color Schemes with #2a7074

Alternatives to #2a7074

#2a7074 Preview

Shades and Tints of #2a7074

Tones of #2a7074

Color Blindness Simulator