#2a7aaf hex color

In a RGB color space, hex #2a7aaf is composed of 16.5% red, 47.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 30.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 203.9 degrees, a saturation of 61.3% and a lightness of 42.5%. #2a7aaf color hex could be obtained by blending #54f4ff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 48
- B 69
RGB color chart
- C 76
- M 30
- Y 0
- K 31
CMYK color chart

● #2a7aaf color description : Dark blue.

The hexadecimal color #2a7aaf has RGB values of R:42, G:122, B:175 and CMYK values of C:0.76, M:0.3, Y:0, K:0.31. Its decimal value is 2783919.

Hex triplet	2a7aaf	`#2a7aaf`
RGB Decimal	42, 122, 175	`rgb(42,122,175)`
RGB Percent	16.5, 47.8, 68.6	`rgb(16.5%,47.8%,68.6%)`
CMYK	76, 30, 0, 31
HSL	203.9°, 61.3, 42.5	`hsl(203.9,61.3%,42.5%)`
HSV (or HSB)	203.9°, 76, 68.6
Web Safe	336699	`#336699`

CIE-LAB	48.89, -5.648, -34.979
XYZ	15.65, 17.505, 43.109
xyY	0.205, 0.23, 17.505
CIE-LCH	48.89, 35.432, 260.827
CIE-LUV	48.89, -28.116, -51.972
Hunter-Lab	41.839, -6.449, -31.802
Binary	00101010, 01111010, 10101111

#2a7aaf
```
#2a7aaf rgb(42,122,175)
```
#af5f2a
```
#af5f2a rgb(175,95,42)
```

Complementary Color

#2aafa2
```
#2aafa2 rgb(42,175,162)
```
#2a7aaf
```
#2a7aaf rgb(42,122,175)
```
#2a38af
```
#2a38af rgb(42,56,175)
```

Analogous Color

#afa22a
```
#afa22a rgb(175,162,42)
```
#2a7aaf
```
#2a7aaf rgb(42,122,175)
```
#af2a38
```
#af2a38 rgb(175,42,56)
```

Split Complementary Color

#7aaf2a
```
#7aaf2a rgb(122,175,42)
```
#2a7aaf
```
#2a7aaf rgb(42,122,175)
```
#af2a7a
```
#af2a7a rgb(175,42,122)
```

Triadic Color

#2aaf5f
```
#2aaf5f rgb(42,175,95)
```
#2a7aaf
```
#2a7aaf rgb(42,122,175)
```
#af2a7a
```
#af2a7a rgb(175,42,122)
```
#af5f2a
```
#af5f2a rgb(175,95,42)
```

Tetradic Color

#1b4f71
```
#1b4f71 rgb(27,79,113)
```
#205d86
```
#205d86 rgb(32,93,134)
```
#256c9a
```
#256c9a rgb(37,108,154)
```
#2a7aaf
```
#2a7aaf rgb(42,122,175)
```
#2f88c4
```
#2f88c4 rgb(47,136,196)
```
#3c95d0
```
#3c95d0 rgb(60,149,208)
```
#50a0d5
```
#50a0d5 rgb(80,160,213)
```

Monochromatic Color

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

#2a9baf
```
#2a9baf rgb(42,155,175)
```
#2a90af
```
#2a90af rgb(42,144,175)
```
#2a85af
```
#2a85af rgb(42,133,175)
```
#2a7aaf
```
#2a7aaf rgb(42,122,175)
```
#2a6faf
```
#2a6faf rgb(42,111,175)
```
#2a64af
```
#2a64af rgb(42,100,175)
```
#2a59af
```
#2a59af rgb(42,89,175)
```

Similar Colors

Text with hexadecimal color #2a7aaf

This text has a font color of #2a7aaf.

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

#2a7aaf background color

This paragraph has a background color of #2a7aaf.

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

#2a7aaf border color

This element has a border color of #2a7aaf.

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

CSS codes

.text {color:#2a7aaf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040c11
```
#040c11 rgb(4,12,17)
```
#081721
```
#081721 rgb(8,23,33)
```
#0c2230
```
#0c2230 rgb(12,34,48)
```
#0f2d40
```
#0f2d40 rgb(15,45,64)
```
#133850
```
#133850 rgb(19,56,80)
```
#174360
```
#174360 rgb(23,67,96)
```
#1b4e70
```
#1b4e70 rgb(27,78,112)
```
#1f5980
```
#1f5980 rgb(31,89,128)
```
#22648f
```
#22648f rgb(34,100,143)
```
#266f9f
```
#266f9f rgb(38,111,159)
```
#2a7aaf
```
#2a7aaf rgb(42,122,175)
```
#2e85bf
```
#2e85bf rgb(46,133,191)
```

Shade Color Variation

#3290ce
```
#3290ce rgb(50,144,206)
```
#4298d2
```
#4298d2 rgb(66,152,210)
```
#52a1d5
```
#52a1d5 rgb(82,161,213)
```
#62aad9
```
#62aad9 rgb(98,170,217)
```
#72b2dd
```
#72b2dd rgb(114,178,221)
```
#81bbe1
```
#81bbe1 rgb(129,187,225)
```
#91c3e5
```
#91c3e5 rgb(145,195,229)
```
#a1cce8
```
#a1cce8 rgb(161,204,232)
```
#b1d5ec
```
#b1d5ec rgb(177,213,236)
```
#c1ddf0
```
#c1ddf0 rgb(193,221,240)
```
#d1e6f4
```
#d1e6f4 rgb(209,230,244)
```
#e0eef8
```
#e0eef8 rgb(224,238,248)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646e75 is the less saturated color, while #0082d9 is the most saturated one.

#646e75
```
#646e75 rgb(100,110,117)
```
#5c707d
```
#5c707d rgb(92,112,125)
```
#547285
```
#547285 rgb(84,114,133)
```
#4b738e
```
#4b738e rgb(75,115,142)
```
#437596
```
#437596 rgb(67,117,150)
```
#3b779e
```
#3b779e rgb(59,119,158)
```
#3278a7
```
#3278a7 rgb(50,120,167)
```
#2a7aaf
```
#2a7aaf rgb(42,122,175)
```
#227cb7
```
#227cb7 rgb(34,124,183)
```
#197dc0
```
#197dc0 rgb(25,125,192)
```
#117fc8
```
#117fc8 rgb(17,127,200)
```
#0981d0
```
#0981d0 rgb(9,129,208)
```
#0082d9
```
#0082d9 rgb(0,130,217)
```

Tone Color Variation

Below, you can see how #2a7aaf 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
#5c6c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6879ad Protanopia 1% of men
#5c7bb5 Deuteranopia 1% of men
#008791 Tritanopia 0.001% of the population

Trichromacy

#5279ae Protanomaly 1% of men, 0.01% of women
#497ab3 Deuteranomaly 6% of men, 0.4% of women
#0f829b Tritanomaly 0.01% of the population

#2a7aaf hex color

#2a7aaf Color Information

#2a7aaf Color Conversion

Color Schemes with #2a7aaf

Alternatives to #2a7aaf

#2a7aaf Preview

Shades and Tints of #2a7aaf

Tones of #2a7aaf

Color Blindness Simulator