#2d7fbd hex color

In a RGB color space, hex #2d7fbd is composed of 17.6% red, 49.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 32.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 205.8 degrees, a saturation of 61.5% and a lightness of 45.9%. #2d7fbd color hex could be obtained by blending #5afeff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 50
- B 74
RGB color chart
- C 76
- M 33
- Y 0
- K 26
CMYK color chart

● #2d7fbd color description : Strong blue.

The hexadecimal color #2d7fbd has RGB values of R:45, G:127, B:189 and CMYK values of C:0.76, M:0.33, Y:0, K:0.26. Its decimal value is 2981821.

Hex triplet	2d7fbd	`#2d7fbd`
RGB Decimal	45, 127, 189	`rgb(45,127,189)`
RGB Percent	17.6, 49.8, 74.1	`rgb(17.6%,49.8%,74.1%)`
CMYK	76, 33, 0, 26
HSL	205.8°, 61.5, 45.9	`hsl(205.8,61.5%,45.9%)`
HSV (or HSB)	205.8°, 76.2, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.163, -3.137, -39.47
XYZ	17.855, 19.409, 50.947
xyY	0.202, 0.22, 19.409
CIE-LCH	51.163, 39.595, 265.455
CIE-LUV	51.163, -28.732, -59.925
Hunter-Lab	44.056, -4.757, -37.724
Binary	00101101, 01111111, 10111101

#2d7fbd
```
#2d7fbd rgb(45,127,189)
```
#bd6b2d
```
#bd6b2d rgb(189,107,45)
```

Complementary Color

#2dbdb3
```
#2dbdb3 rgb(45,189,179)
```
#2d7fbd
```
#2d7fbd rgb(45,127,189)
```
#2d37bd
```
#2d37bd rgb(45,55,189)
```

Analogous Color

#bdb32d
```
#bdb32d rgb(189,179,45)
```
#2d7fbd
```
#2d7fbd rgb(45,127,189)
```
#bd2d37
```
#bd2d37 rgb(189,45,55)
```

Split Complementary Color

#7fbd2d
```
#7fbd2d rgb(127,189,45)
```
#2d7fbd
```
#2d7fbd rgb(45,127,189)
```
#bd2d7f
```
#bd2d7f rgb(189,45,127)
```

Triadic Color

#2dbd6b
```
#2dbd6b rgb(45,189,107)
```
#2d7fbd
```
#2d7fbd rgb(45,127,189)
```
#bd2d7f
```
#bd2d7f rgb(189,45,127)
```
#bd6b2d
```
#bd6b2d rgb(189,107,45)
```

Tetradic Color

#1e557f
```
#1e557f rgb(30,85,127)
```
#236394
```
#236394 rgb(35,99,148)
```
#2871a8
```
#2871a8 rgb(40,113,168)
```
#2d7fbd
```
#2d7fbd rgb(45,127,189)
```
#358ccf
```
#358ccf rgb(53,140,207)
```
#4998d4
```
#4998d4 rgb(73,152,212)
```
#5ea4d9
```
#5ea4d9 rgb(94,164,217)
```

Monochromatic Color

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

#2da3bd
```
#2da3bd rgb(45,163,189)
```
#2d97bd
```
#2d97bd rgb(45,151,189)
```
#2d8bbd
```
#2d8bbd rgb(45,139,189)
```
#2d7fbd
```
#2d7fbd rgb(45,127,189)
```
#2d73bd
```
#2d73bd rgb(45,115,189)
```
#2d67bd
```
#2d67bd rgb(45,103,189)
```
#2d5bbd
```
#2d5bbd rgb(45,91,189)
```

Similar Colors

Text with hexadecimal color #2d7fbd

This text has a font color of #2d7fbd.

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

#2d7fbd background color

This paragraph has a background color of #2d7fbd.

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

#2d7fbd border color

This element has a border color of #2d7fbd.

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

CSS codes

.text {color:#2d7fbd;}

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

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

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, #040a0f is the darkest color, while #fefeff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#07151f
```
#07151f rgb(7,21,31)
```
#0b1f2e
```
#0b1f2e rgb(11,31,46)
```
#0f2a3e
```
#0f2a3e rgb(15,42,62)
```
#13344e
```
#13344e rgb(19,52,78)
```
#163f5e
```
#163f5e rgb(22,63,94)
```
#1a4a6e
```
#1a4a6e rgb(26,74,110)
```
#1e547e
```
#1e547e rgb(30,84,126)
```
#225f8d
```
#225f8d rgb(34,95,141)
```
#256a9d
```
#256a9d rgb(37,106,157)
```
#2974ad
```
#2974ad rgb(41,116,173)
```
#2d7fbd
```
#2d7fbd rgb(45,127,189)
```
#318acd
```
#318acd rgb(49,138,205)
```

Shade Color Variation

#4093d1
```
#4093d1 rgb(64,147,209)
```
#509cd5
```
#509cd5 rgb(80,156,213)
```
#5fa5d9
```
#5fa5d9 rgb(95,165,217)
```
#6faedd
```
#6faedd rgb(111,174,221)
```
#7fb7e1
```
#7fb7e1 rgb(127,183,225)
```
#8fc0e4
```
#8fc0e4 rgb(143,192,228)
```
#9fc9e8
```
#9fc9e8 rgb(159,201,232)
```
#afd2ec
```
#afd2ec rgb(175,210,236)
```
#bfdaf0
```
#bfdaf0 rgb(191,218,240)
```
#cee3f3
```
#cee3f3 rgb(206,227,243)
```
#deecf7
```
#deecf7 rgb(222,236,247)
```
#eef5fb
```
#eef5fb rgb(238,245,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c767e is the less saturated color, while #0085ea is the most saturated one.

#6c767e
```
#6c767e rgb(108,118,126)
```
#637887
```
#637887 rgb(99,120,135)
```
#5a7990
```
#5a7990 rgb(90,121,144)
```
#517a99
```
#517a99 rgb(81,122,153)
```
#487ba2
```
#487ba2 rgb(72,123,162)
```
#3f7dab
```
#3f7dab rgb(63,125,171)
```
#367eb4
```
#367eb4 rgb(54,126,180)
```
#2d7fbd
```
#2d7fbd rgb(45,127,189)
```
#2480c6
```
#2480c6 rgb(36,128,198)
```
#1b82cf
```
#1b82cf rgb(27,130,207)
```
#1283d8
```
#1283d8 rgb(18,131,216)
```
#0984e1
```
#0984e1 rgb(9,132,225)
```
#0085ea
```
#0085ea rgb(0,133,234)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#61717e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7ebb Protanopia 1% of men
#5980c2 Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#537ebb Protanomaly 1% of men, 0.01% of women
#4980c0 Deuteranomaly 6% of men, 0.4% of women
#1088a4 Tritanomaly 0.01% of the population

#2d7fbd hex color

#2d7fbd Color Information

#2d7fbd Color Conversion

Color Schemes with #2d7fbd

Alternatives to #2d7fbd

#2d7fbd Preview

Shades and Tints of #2d7fbd

Tones of #2d7fbd

Color Blindness Simulator