#2a738e hex color

In a RGB color space, hex #2a738e is composed of 16.5% red, 45.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 19% magenta, 0% yellow and 44.3% black. It has a hue angle of 196.2 degrees, a saturation of 54.3% and a lightness of 36.1%. #2a738e color hex could be obtained by blending #54e6ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 45
- B 56
RGB color chart
- C 70
- M 19
- Y 0
- K 44
CMYK color chart

● #2a738e color description : Dark blue.

The hexadecimal color #2a738e has RGB values of R:42, G:115, B:142 and CMYK values of C:0.7, M:0.19, Y:0, K:0.44. Its decimal value is 2782094.

Hex triplet	2a738e	`#2a738e`
RGB Decimal	42, 115, 142	`rgb(42,115,142)`
RGB Percent	16.5, 45.1, 55.7	`rgb(16.5%,45.1%,55.7%)`
CMYK	70, 19, 0, 44
HSL	196.2°, 54.3, 36.1	`hsl(196.2,54.3%,36.1%)`
HSV (or HSB)	196.2°, 70.4, 55.7
Web Safe	336699	`#336699`

CIE-LAB	45.228, -13.315, -21.309
XYZ	11.967, 14.706, 27.798
xyY	0.22, 0.27, 14.706
CIE-LCH	45.228, 25.127, 238.002
CIE-LUV	45.228, -27.244, -29.063
Hunter-Lab	38.348, -11.407, -16.134
Binary	00101010, 01110011, 10001110

#2a738e
```
#2a738e rgb(42,115,142)
```
#8e452a
```
#8e452a rgb(142,69,42)
```

Complementary Color

#2a8e77
```
#2a8e77 rgb(42,142,119)
```
#2a738e
```
#2a738e rgb(42,115,142)
```
#2a418e
```
#2a418e rgb(42,65,142)
```

Analogous Color

#8e772a
```
#8e772a rgb(142,119,42)
```
#2a738e
```
#2a738e rgb(42,115,142)
```
#8e2a41
```
#8e2a41 rgb(142,42,65)
```

Split Complementary Color

#738e2a
```
#738e2a rgb(115,142,42)
```
#2a738e
```
#2a738e rgb(42,115,142)
```
#8e2a73
```
#8e2a73 rgb(142,42,115)
```

Triadic Color

#2a8e45
```
#2a8e45 rgb(42,142,69)
```
#2a738e
```
#2a738e rgb(42,115,142)
```
#8e2a73
```
#8e2a73 rgb(142,42,115)
```
#8e452a
```
#8e452a rgb(142,69,42)
```

Tetradic Color

#194353
```
#194353 rgb(25,67,83)
```
#1e5367
```
#1e5367 rgb(30,83,103)
```
#24637a
```
#24637a rgb(36,99,122)
```
#2a738e
```
#2a738e rgb(42,115,142)
```
#3083a2
```
#3083a2 rgb(48,131,162)
```
#3693b5
```
#3693b5 rgb(54,147,181)
```
#3ea1c6
```
#3ea1c6 rgb(62,161,198)
```

Monochromatic Color

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

#2a8c8e
```
#2a8c8e rgb(42,140,142)
```
#2a848e
```
#2a848e rgb(42,132,142)
```
#2a7b8e
```
#2a7b8e rgb(42,123,142)
```
#2a738e
```
#2a738e rgb(42,115,142)
```
#2a6b8e
```
#2a6b8e rgb(42,107,142)
```
#2a628e
```
#2a628e rgb(42,98,142)
```
#2a5a8e
```
#2a5a8e rgb(42,90,142)
```

Similar Colors

Text with hexadecimal color #2a738e

This text has a font color of #2a738e.

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

#2a738e background color

This paragraph has a background color of #2a738e.

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

#2a738e border color

This element has a border color of #2a738e.

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

CSS codes

.text {color:#2a738e;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#061115
```
#061115 rgb(6,17,21)
```
#0b1d24
```
#0b1d24 rgb(11,29,36)
```
#0f2933
```
#0f2933 rgb(15,41,51)
```
#143642
```
#143642 rgb(20,54,66)
```
#184251
```
#184251 rgb(24,66,81)
```
#1d4e61
```
#1d4e61 rgb(29,78,97)
```
#215a70
```
#215a70 rgb(33,90,112)
```
#26677f
```
#26677f rgb(38,103,127)
```
#2a738e
```
#2a738e rgb(42,115,142)
```
#2e7f9d
```
#2e7f9d rgb(46,127,157)
```
#338cac
```
#338cac rgb(51,140,172)
```
#3798bb
```
#3798bb rgb(55,152,187)
```

Shade Color Variation

#40a2c6
```
#40a2c6 rgb(64,162,198)
```
#4faacb
```
#4faacb rgb(79,170,203)
```
#5eb1cf
```
#5eb1cf rgb(94,177,207)
```
#6db8d4
```
#6db8d4 rgb(109,184,212)
```
#7dc0d8
```
#7dc0d8 rgb(125,192,216)
```
#8cc7dd
```
#8cc7dd rgb(140,199,221)
```
#9bcee1
```
#9bcee1 rgb(155,206,225)
```
#aad6e6
```
#aad6e6 rgb(170,214,230)
```
#b9ddea
```
#b9ddea rgb(185,221,234)
```
#c8e4ef
```
#c8e4ef rgb(200,228,239)
```
#d7ecf3
```
#d7ecf3 rgb(215,236,243)
```
#e6f3f8
```
#e6f3f8 rgb(230,243,248)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5c5c is the less saturated color, while #0783b1 is the most saturated one.

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#545f64
```
#545f64 rgb(84,95,100)
```
#4d636b
```
#4d636b rgb(77,99,107)
```
#466672
```
#466672 rgb(70,102,114)
```
#3f6979
```
#3f6979 rgb(63,105,121)
```
#386c80
```
#386c80 rgb(56,108,128)
```
#317087
```
#317087 rgb(49,112,135)
```
#2a738e
```
#2a738e rgb(42,115,142)
```
#237695
```
#237695 rgb(35,118,149)
```
#1c7a9c
```
#1c7a9c rgb(28,122,156)
```
#157da3
```
#157da3 rgb(21,125,163)
```
#0e80aa
```
#0e80aa rgb(14,128,170)
```
#0783b1
```
#0783b1 rgb(7,131,177)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#556469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b718e Protanopia 1% of men
#677197 Deuteranopia 1% of men
#297c86 Tritanopia 0.001% of the population

Trichromacy

#53728e Protanomaly 1% of men, 0.01% of women
#517193 Deuteranomaly 6% of men, 0.4% of women
#297988 Tritanomaly 0.01% of the population

#2a738e hex color

#2a738e Color Information

#2a738e Color Conversion

Color Schemes with #2a738e

Alternatives to #2a738e

#2a738e Preview

Shades and Tints of #2a738e

Tones of #2a738e

Color Blindness Simulator