#2a7dbd hex color

In a RGB color space, hex #2a7dbd is composed of 16.5% red, 49% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 33.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 206.1 degrees, a saturation of 63.6% and a lightness of 45.3%. #2a7dbd color hex could be obtained by blending #54faff 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

● #2a7dbd color description : Strong blue.

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

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

CIE-LAB	50.49, -2.302, -40.537
XYZ	17.472, 18.832, 50.855
xyY	0.2, 0.216, 18.832
CIE-LCH	50.49, 40.602, 266.75
CIE-LUV	50.49, -28.488, -61.562
Hunter-Lab	43.396, -4.078, -39.104
Binary	00101010, 01111101, 10111101

#2a7dbd
```
#2a7dbd rgb(42,125,189)
```
#bd6a2a
```
#bd6a2a rgb(189,106,42)
```

Complementary Color

#2abdb4
```
#2abdb4 rgb(42,189,180)
```
#2a7dbd
```
#2a7dbd rgb(42,125,189)
```
#2a33bd
```
#2a33bd rgb(42,51,189)
```

Analogous Color

#bdb42a
```
#bdb42a rgb(189,180,42)
```
#2a7dbd
```
#2a7dbd rgb(42,125,189)
```
#bd2a33
```
#bd2a33 rgb(189,42,51)
```

Split Complementary Color

#7dbd2a
```
#7dbd2a rgb(125,189,42)
```
#2a7dbd
```
#2a7dbd rgb(42,125,189)
```
#bd2a7d
```
#bd2a7d rgb(189,42,125)
```

Triadic Color

#2abd6a
```
#2abd6a rgb(42,189,106)
```
#2a7dbd
```
#2a7dbd rgb(42,125,189)
```
#bd2a7d
```
#bd2a7d rgb(189,42,125)
```
#bd6a2a
```
#bd6a2a rgb(189,106,42)
```

Tetradic Color

#1c547e
```
#1c547e rgb(28,84,126)
```
#216193
```
#216193 rgb(33,97,147)
```
#256fa8
```
#256fa8 rgb(37,111,168)
```
#2a7dbd
```
#2a7dbd rgb(42,125,189)
```
#308bd1
```
#308bd1 rgb(48,139,209)
```
#4496d6
```
#4496d6 rgb(68,150,214)
```
#59a2da
```
#59a2da rgb(89,162,218)
```

Monochromatic Color

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

#2aa2bd
```
#2aa2bd rgb(42,162,189)
```
#2a96bd
```
#2a96bd rgb(42,150,189)
```
#2a89bd
```
#2a89bd rgb(42,137,189)
```
#2a7dbd
```
#2a7dbd rgb(42,125,189)
```
#2a71bd
```
#2a71bd rgb(42,113,189)
```
#2a65bd
```
#2a65bd rgb(42,101,189)
```
#2a58bd
```
#2a58bd rgb(42,88,189)
```

Similar Colors

Text with hexadecimal color #2a7dbd

This text has a font color of #2a7dbd.

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

#2a7dbd background color

This paragraph has a background color of #2a7dbd.

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

#2a7dbd border color

This element has a border color of #2a7dbd.

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

CSS codes

.text {color:#2a7dbd;}

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

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

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)
```
#11334d
```
#11334d rgb(17,51,77)
```
#153d5d
```
#153d5d rgb(21,61,93)
```
#18486d
```
#18486d rgb(24,72,109)
```
#1c537d
```
#1c537d rgb(28,83,125)
```
#1f5d8d
```
#1f5d8d rgb(31,93,141)
```
#23689d
```
#23689d rgb(35,104,157)
```
#2672ad
```
#2672ad rgb(38,114,173)
```
#2a7dbd
```
#2a7dbd rgb(42,125,189)
```
#2e88cd
```
#2e88cd rgb(46,136,205)
```

Shade Color Variation

#3b91d3
```
#3b91d3 rgb(59,145,211)
```
#4b9ad7
```
#4b9ad7 rgb(75,154,215)
```
#5ba3db
```
#5ba3db rgb(91,163,219)
```
#6bacde
```
#6bacde rgb(107,172,222)
```
#7bb5e2
```
#7bb5e2 rgb(123,181,226)
```
#8bbee5
```
#8bbee5 rgb(139,190,229)
```
#9bc7e9
```
#9bc7e9 rgb(155,199,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 #0682e1 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)
```
#457aa2
```
#457aa2 rgb(69,122,162)
```
#3c7bab
```
#3c7bab rgb(60,123,171)
```
#337cb4
```
#337cb4 rgb(51,124,180)
```
#2a7dbd
```
#2a7dbd rgb(42,125,189)
```
#217ec6
```
#217ec6 rgb(33,126,198)
```
#187fcf
```
#187fcf rgb(24,127,207)
```
#0f80d8
```
#0f80d8 rgb(15,128,216)
```
#0682e1
```
#0682e1 rgb(6,130,225)
```

Tone Color Variation

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

#677dbb Protanopia 1% of men
#557fc2 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#507dbb Protanomaly 1% of men, 0.01% of women
#457ec0 Deuteranomaly 6% of men, 0.4% of women
#0f86a3 Tritanomaly 0.01% of the population

#2a7dbd hex color

#2a7dbd Color Information

#2a7dbd Color Conversion

Color Schemes with #2a7dbd

Alternatives to #2a7dbd

#2a7dbd Preview

Shades and Tints of #2a7dbd

Tones of #2a7dbd

Color Blindness Simulator