#2a7cbb hex color

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

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

● #2a7cbb color description : Strong blue.

The hexadecimal color #2a7cbb has RGB values of R:42, G:124, B:187 and CMYK values of C:0.78, M:0.34, Y:0, K:0.27. Its decimal value is 2784443.

Hex triplet	2a7cbb	`#2a7cbb`
RGB Decimal	42, 124, 187	`rgb(42,124,187)`
RGB Percent	16.5, 48.6, 73.3	`rgb(16.5%,48.6%,73.3%)`
CMYK	78, 34, 0, 27
HSL	206.1°, 63.3, 44.9	`hsl(206.1,63.3%,44.9%)`
HSV (or HSB)	206.1°, 77.5, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.09, -2.441, -40.02
XYZ	17.13, 18.494, 49.678
xyY	0.201, 0.217, 18.494
CIE-LCH	50.09, 40.095, 266.51
CIE-LUV	50.09, -28.239, -60.622
Hunter-Lab	43.005, -4.156, -38.387
Binary	00101010, 01111100, 10111011

#2a7cbb
```
#2a7cbb rgb(42,124,187)
```
#bb692a
```
#bb692a rgb(187,105,42)
```

Complementary Color

#2abbb2
```
#2abbb2 rgb(42,187,178)
```
#2a7cbb
```
#2a7cbb rgb(42,124,187)
```
#2a34bb
```
#2a34bb rgb(42,52,187)
```

Analogous Color

#bbb22a
```
#bbb22a rgb(187,178,42)
```
#2a7cbb
```
#2a7cbb rgb(42,124,187)
```
#bb2a34
```
#bb2a34 rgb(187,42,52)
```

Split Complementary Color

#7cbb2a
```
#7cbb2a rgb(124,187,42)
```
#2a7cbb
```
#2a7cbb rgb(42,124,187)
```
#bb2a7c
```
#bb2a7c rgb(187,42,124)
```

Triadic Color

#2abb69
```
#2abb69 rgb(42,187,105)
```
#2a7cbb
```
#2a7cbb rgb(42,124,187)
```
#bb2a7c
```
#bb2a7c rgb(187,42,124)
```
#bb692a
```
#bb692a rgb(187,105,42)
```

Tetradic Color

#1c537d
```
#1c537d rgb(28,83,125)
```
#216091
```
#216091 rgb(33,96,145)
```
#256ea6
```
#256ea6 rgb(37,110,166)
```
#2a7cbb
```
#2a7cbb rgb(42,124,187)
```
#2f8ad0
```
#2f8ad0 rgb(47,138,208)
```
#4396d5
```
#4396d5 rgb(67,150,213)
```
#58a1d9
```
#58a1d9 rgb(88,161,217)
```

Monochromatic Color

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

#2aa0bb
```
#2aa0bb rgb(42,160,187)
```
#2a94bb
```
#2a94bb rgb(42,148,187)
```
#2a88bb
```
#2a88bb rgb(42,136,187)
```
#2a7cbb
```
#2a7cbb rgb(42,124,187)
```
#2a70bb
```
#2a70bb rgb(42,112,187)
```
#2a64bb
```
#2a64bb rgb(42,100,187)
```
#2a58bb
```
#2a58bb rgb(42,88,187)
```

Similar Colors

Text with hexadecimal color #2a7cbb

This text has a font color of #2a7cbb.

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

#2a7cbb background color

This paragraph has a background color of #2a7cbb.

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

#2a7cbb border color

This element has a border color of #2a7cbb.

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

CSS codes

.text {color:#2a7cbb;}

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

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

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)
```
#0a1c2b
```
#0a1c2b rgb(10,28,43)
```
#0d273b
```
#0d273b rgb(13,39,59)
```
#11324b
```
#11324b rgb(17,50,75)
```
#143c5b
```
#143c5b rgb(20,60,91)
```
#18476b
```
#18476b rgb(24,71,107)
```
#1c527b
```
#1c527b rgb(28,82,123)
```
#1f5c8b
```
#1f5c8b rgb(31,92,139)
```
#23679b
```
#23679b rgb(35,103,155)
```
#2671ab
```
#2671ab rgb(38,113,171)
```
#2a7cbb
```
#2a7cbb rgb(42,124,187)
```
#2e87cb
```
#2e87cb rgb(46,135,203)
```

Shade Color Variation

#3a90d3
```
#3a90d3 rgb(58,144,211)
```
#4a99d6
```
#4a99d6 rgb(74,153,214)
```
#5aa2da
```
#5aa2da rgb(90,162,218)
```
#6aabdd
```
#6aabdd rgb(106,171,221)
```
#7ab4e1
```
#7ab4e1 rgb(122,180,225)
```
#8abde5
```
#8abde5 rgb(138,189,229)
```
#9ac6e8
```
#9ac6e8 rgb(154,198,232)
```
#aacfec
```
#aacfec rgb(170,207,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 #0781de is the most saturated one.

#707375
```
#707375 rgb(112,115,117)
```
#68747d
```
#68747d rgb(104,116,125)
```
#5f7586
```
#5f7586 rgb(95,117,134)
```
#56768f
```
#56768f rgb(86,118,143)
```
#4d7798
```
#4d7798 rgb(77,119,152)
```
#4479a1
```
#4479a1 rgb(68,121,161)
```
#3c7aa9
```
#3c7aa9 rgb(60,122,169)
```
#337bb2
```
#337bb2 rgb(51,123,178)
```
#2a7cbb
```
#2a7cbb rgb(42,124,187)
```
#217dc4
```
#217dc4 rgb(33,125,196)
```
#187ecd
```
#187ecd rgb(24,126,205)
```
#107fd5
```
#107fd5 rgb(16,127,213)
```
#0781de
```
#0781de rgb(7,129,222)
```

Tone Color Variation

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

Dichromacy

#667cb9 Protanopia 1% of men
#557ec0 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#507cba Protanomaly 1% of men, 0.01% of women
#457dbe Deuteranomaly 6% of men, 0.4% of women
#0f85a2 Tritanomaly 0.01% of the population

#2a7cbb hex color

#2a7cbb Color Information

#2a7cbb Color Conversion

Color Schemes with #2a7cbb

Alternatives to #2a7cbb

#2a7cbb Preview

Shades and Tints of #2a7cbb

Tones of #2a7cbb

Color Blindness Simulator