#2a7dbb hex color

In a RGB color space, hex #2a7dbb is composed of 16.5% red, 49% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 33.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 205.7 degrees, a saturation of 63.3% and a lightness of 44.9%. #2a7dbb color hex could be obtained by blending #54faff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 49
- B 73
RGB color chart
- C 78
- M 33
- Y 0
- K 27
CMYK color chart

● #2a7dbb color description : Strong blue.

The hexadecimal color #2a7dbb has RGB values of R:42, G:125, B:187 and CMYK values of C:0.78, M:0.33, Y:0, K:0.27. Its decimal value is 2784699.

Hex triplet	2a7dbb	`#2a7dbb`
RGB Decimal	42, 125, 187	`rgb(42,125,187)`
RGB Percent	16.5, 49, 73.3	`rgb(16.5%,49%,73.3%)`
CMYK	78, 33, 0, 27
HSL	205.7°, 63.3, 44.9	`hsl(205.7,63.3%,44.9%)`
HSV (or HSB)	205.7°, 77.5, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.389, -3.038, -39.548
XYZ	17.256, 18.746, 49.72
xyY	0.201, 0.219, 18.746
CIE-LCH	50.389, 39.665, 265.607
CIE-LUV	50.389, -28.582, -59.879
Hunter-Lab	43.297, -4.627, -37.779
Binary	00101010, 01111101, 10111011

#2a7dbb
```
#2a7dbb rgb(42,125,187)
```
#bb682a
```
#bb682a rgb(187,104,42)
```

Complementary Color

#2abbb1
```
#2abbb1 rgb(42,187,177)
```
#2a7dbb
```
#2a7dbb rgb(42,125,187)
```
#2a35bb
```
#2a35bb rgb(42,53,187)
```

Analogous Color

#bbb12a
```
#bbb12a rgb(187,177,42)
```
#2a7dbb
```
#2a7dbb rgb(42,125,187)
```
#bb2a35
```
#bb2a35 rgb(187,42,53)
```

Split Complementary Color

#7dbb2a
```
#7dbb2a rgb(125,187,42)
```
#2a7dbb
```
#2a7dbb rgb(42,125,187)
```
#bb2a7d
```
#bb2a7d rgb(187,42,125)
```

Triadic Color

#2abb68
```
#2abb68 rgb(42,187,104)
```
#2a7dbb
```
#2a7dbb rgb(42,125,187)
```
#bb2a7d
```
#bb2a7d rgb(187,42,125)
```
#bb682a
```
#bb682a rgb(187,104,42)
```

Tetradic Color

#1c537d
```
#1c537d rgb(28,83,125)
```
#216191
```
#216191 rgb(33,97,145)
```
#256fa6
```
#256fa6 rgb(37,111,166)
```
#2a7dbb
```
#2a7dbb rgb(42,125,187)
```
#2f8bd0
```
#2f8bd0 rgb(47,139,208)
```
#4397d5
```
#4397d5 rgb(67,151,213)
```
#58a2d9
```
#58a2d9 rgb(88,162,217)
```

Monochromatic Color

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

#2aa1bb
```
#2aa1bb rgb(42,161,187)
```
#2a95bb
```
#2a95bb rgb(42,149,187)
```
#2a89bb
```
#2a89bb rgb(42,137,187)
```
#2a7dbb
```
#2a7dbb rgb(42,125,187)
```
#2a71bb
```
#2a71bb rgb(42,113,187)
```
#2a65bb
```
#2a65bb rgb(42,101,187)
```
#2a59bb
```
#2a59bb rgb(42,89,187)
```

Similar Colors

Text with hexadecimal color #2a7dbb

This text has a font color of #2a7dbb.

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

#2a7dbb background color

This paragraph has a background color of #2a7dbb.

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

#2a7dbb border color

This element has a border color of #2a7dbb.

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

CSS codes

.text {color:#2a7dbb;}

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

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

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, #02070b is the darkest color, while #fafcfe is the lightest one.

#02070b
```
#02070b rgb(2,7,11)
```
#06121b
```
#06121b rgb(6,18,27)
```
#0a1d2b
```
#0a1d2b rgb(10,29,43)
```
#0d273b
```
#0d273b rgb(13,39,59)
```
#11324b
```
#11324b rgb(17,50,75)
```
#143d5b
```
#143d5b rgb(20,61,91)
```
#18476b
```
#18476b rgb(24,71,107)
```
#1c527b
```
#1c527b rgb(28,82,123)
```
#1f5d8b
```
#1f5d8b rgb(31,93,139)
```
#23689b
```
#23689b rgb(35,104,155)
```
#2672ab
```
#2672ab rgb(38,114,171)
```
#2a7dbb
```
#2a7dbb rgb(42,125,187)
```
#2e88cb
```
#2e88cb rgb(46,136,203)
```

Shade Color Variation

#3a91d3
```
#3a91d3 rgb(58,145,211)
```
#4a9ad6
```
#4a9ad6 rgb(74,154,214)
```
#5aa3da
```
#5aa3da rgb(90,163,218)
```
#6aacdd
```
#6aacdd rgb(106,172,221)
```
#7ab5e1
```
#7ab5e1 rgb(122,181,225)
```
#8abee5
```
#8abee5 rgb(138,190,229)
```
#9ac7e8
```
#9ac7e8 rgb(154,199,232)
```
#aad0ec
```
#aad0ec rgb(170,208,236)
```
#bad8ef
```
#bad8ef rgb(186,216,239)
```
#cae1f3
```
#cae1f3 rgb(202,225,243)
```
#daeaf7
```
#daeaf7 rgb(218,234,247)
```
#eaf3fa
```
#eaf3fa rgb(234,243,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#707375
```
#707375 rgb(112,115,117)
```
#68747d
```
#68747d rgb(104,116,125)
```
#5f7586
```
#5f7586 rgb(95,117,134)
```
#56778f
```
#56778f rgb(86,119,143)
```
#4d7898
```
#4d7898 rgb(77,120,152)
```
#4479a1
```
#4479a1 rgb(68,121,161)
```
#3c7aa9
```
#3c7aa9 rgb(60,122,169)
```
#337cb2
```
#337cb2 rgb(51,124,178)
```
#2a7dbb
```
#2a7dbb rgb(42,125,187)
```
#217ec4
```
#217ec4 rgb(33,126,196)
```
#1880cd
```
#1880cd rgb(24,128,205)
```
#1081d5
```
#1081d5 rgb(16,129,213)
```
#0782de
```
#0782de rgb(7,130,222)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5e6f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#687cb9 Protanopia 1% of men
#577fc0 Deuteranopia 1% of men
#008b94 Tritanopia 0.001% of the population

Trichromacy

#517cb9 Protanomaly 1% of men, 0.01% of women
#467ebe Deuteranomaly 6% of men, 0.4% of women
#0f86a2 Tritanomaly 0.01% of the population

#2a7dbb hex color

#2a7dbb Color Information

#2a7dbb Color Conversion

Color Schemes with #2a7dbb

Alternatives to #2a7dbb

#2a7dbb Preview

Shades and Tints of #2a7dbb

Tones of #2a7dbb

Color Blindness Simulator