#2a7cbd hex color

In a RGB color space, hex #2a7cbd is composed of 16.5% red, 48.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 34.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 206.5 degrees, a saturation of 63.6% and a lightness of 45.3%. #2a7cbd color hex could be obtained by blending #54f8ff with #00007b. Closest websafe color is: #3366cc.

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

● #2a7cbd color description : Strong blue.

The hexadecimal color #2a7cbd has RGB values of R:42, G:124, B:189 and CMYK values of C:0.78, M:0.34, Y:0, K:0.26. Its decimal value is 2784445.

Hex triplet	2a7cbd	`#2a7cbd`
RGB Decimal	42, 124, 189	`rgb(42,124,189)`
RGB Percent	16.5, 48.6, 74.1	`rgb(16.5%,48.6%,74.1%)`
CMYK	78, 34, 0, 26
HSL	206.5°, 63.6, 45.3	`hsl(206.5,63.6%,45.3%)`
HSV (or HSB)	206.5°, 77.8, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.192, -1.703, -41.008
XYZ	17.346, 18.58, 50.813
xyY	0.2, 0.214, 18.58
CIE-LCH	50.192, 41.043, 267.622
CIE-LUV	50.192, -28.147, -62.301
Hunter-Lab	43.105, -3.604, -39.72
Binary	00101010, 01111100, 10111101

#2a7cbd
```
#2a7cbd rgb(42,124,189)
```
#bd6b2a
```
#bd6b2a rgb(189,107,42)
```

Complementary Color

#2abdb5
```
#2abdb5 rgb(42,189,181)
```
#2a7cbd
```
#2a7cbd rgb(42,124,189)
```
#2a33bd
```
#2a33bd rgb(42,51,189)
```

Analogous Color

#bdb52a
```
#bdb52a rgb(189,181,42)
```
#2a7cbd
```
#2a7cbd rgb(42,124,189)
```
#bd2a33
```
#bd2a33 rgb(189,42,51)
```

Split Complementary Color

#7cbd2a
```
#7cbd2a rgb(124,189,42)
```
#2a7cbd
```
#2a7cbd rgb(42,124,189)
```
#bd2a7c
```
#bd2a7c rgb(189,42,124)
```

Triadic Color

#2abd6b
```
#2abd6b rgb(42,189,107)
```
#2a7cbd
```
#2a7cbd rgb(42,124,189)
```
#bd2a7c
```
#bd2a7c rgb(189,42,124)
```
#bd6b2a
```
#bd6b2a rgb(189,107,42)
```

Tetradic Color

#1c537e
```
#1c537e rgb(28,83,126)
```
#216193
```
#216193 rgb(33,97,147)
```
#256ea8
```
#256ea8 rgb(37,110,168)
```
#2a7cbd
```
#2a7cbd rgb(42,124,189)
```
#308ad1
```
#308ad1 rgb(48,138,209)
```
#4495d6
```
#4495d6 rgb(68,149,214)
```
#59a1da
```
#59a1da rgb(89,161,218)
```

Monochromatic Color

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

#2aa1bd
```
#2aa1bd rgb(42,161,189)
```
#2a95bd
```
#2a95bd rgb(42,149,189)
```
#2a88bd
```
#2a88bd rgb(42,136,189)
```
#2a7cbd
```
#2a7cbd rgb(42,124,189)
```
#2a70bd
```
#2a70bd rgb(42,112,189)
```
#2a64bd
```
#2a64bd rgb(42,100,189)
```
#2a57bd
```
#2a57bd rgb(42,87,189)
```

Similar Colors

Text with hexadecimal color #2a7cbd

This text has a font color of #2a7cbd.

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

#2a7cbd background color

This paragraph has a background color of #2a7cbd.

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

#2a7cbd border color

This element has a border color of #2a7cbd.

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

CSS codes

.text {color:#2a7cbd;}

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

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

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#06131d
```
#06131d rgb(6,19,29)
```
#0a1d2d
```
#0a1d2d rgb(10,29,45)
```
#0d283d
```
#0d283d rgb(13,40,61)
```
#11324d
```
#11324d rgb(17,50,77)
```
#153d5d
```
#153d5d rgb(21,61,93)
```
#18476d
```
#18476d rgb(24,71,109)
```
#1c527d
```
#1c527d rgb(28,82,125)
```
#1f5c8d
```
#1f5c8d rgb(31,92,141)
```
#23679d
```
#23679d rgb(35,103,157)
```
#2671ad
```
#2671ad rgb(38,113,173)
```
#2a7cbd
```
#2a7cbd rgb(42,124,189)
```
#2e87cd
```
#2e87cd rgb(46,135,205)
```

Shade Color Variation

#3b90d3
```
#3b90d3 rgb(59,144,211)
```
#4b99d7
```
#4b99d7 rgb(75,153,215)
```
#5ba2db
```
#5ba2db rgb(91,162,219)
```
#6babde
```
#6babde rgb(107,171,222)
```
#7bb4e2
```
#7bb4e2 rgb(123,180,226)
```
#8bbde5
```
#8bbde5 rgb(139,189,229)
```
#9bc6e9
```
#9bc6e9 rgb(155,198,233)
```
#abd0ec
```
#abd0ec rgb(171,208,236)
```
#bbd9f0
```
#bbd9f0 rgb(187,217,240)
```
#cbe2f4
```
#cbe2f4 rgb(203,226,244)
```
#dbebf7
```
#dbebf7 rgb(219,235,247)
```
#ebf4fb
```
#ebf4fb rgb(235,244,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#717476
```
#717476 rgb(113,116,118)
```
#68757f
```
#68757f rgb(104,117,127)
```
#5f7688
```
#5f7688 rgb(95,118,136)
```
#567791
```
#567791 rgb(86,119,145)
```
#4e7899
```
#4e7899 rgb(78,120,153)
```
#4579a2
```
#4579a2 rgb(69,121,162)
```
#3c7aab
```
#3c7aab rgb(60,122,171)
```
#337bb4
```
#337bb4 rgb(51,123,180)
```
#2a7cbd
```
#2a7cbd rgb(42,124,189)
```
#217dc6
```
#217dc6 rgb(33,125,198)
```
#187ecf
```
#187ecf rgb(24,126,207)
```
#0f7fd8
```
#0f7fd8 rgb(15,127,216)
```
#0680e1
```
#0680e1 rgb(6,128,225)
```

Tone Color Variation

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

#657cbb Protanopia 1% of men
#537ec2 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#507cbc Protanomaly 1% of men, 0.01% of women
#447dc0 Deuteranomaly 6% of men, 0.4% of women
#0f85a3 Tritanomaly 0.01% of the population

#2a7cbd hex color

#2a7cbd Color Information

#2a7cbd Color Conversion

Color Schemes with #2a7cbd

Alternatives to #2a7cbd

#2a7cbd Preview

Shades and Tints of #2a7cbd

Tones of #2a7cbd

Color Blindness Simulator