#2d89bd hex color

In a RGB color space, hex #2d89bd is composed of 17.6% red, 53.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 27.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 201.7 degrees, a saturation of 61.5% and a lightness of 45.9%. #2d89bd color hex could be obtained by blending #5affff with #00137b. Closest websafe color is: #3399cc.

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

● #2d89bd color description : Strong blue.

The hexadecimal color #2d89bd has RGB values of R:45, G:137, B:189 and CMYK values of C:0.76, M:0.28, Y:0, K:0.26. Its decimal value is 2984381.

Hex triplet	2d89bd	`#2d89bd`
RGB Decimal	45, 137, 189	`rgb(45,137,189)`
RGB Percent	17.6, 53.7, 74.1	`rgb(17.6%,53.7%,74.1%)`
CMYK	76, 28, 0, 26
HSL	201.7°, 61.5, 45.9	`hsl(201.7,61.5%,45.9%)`
HSV (or HSB)	201.7°, 76.2, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.156, -8.965, -34.767
XYZ	19.211, 22.122, 51.399
xyY	0.207, 0.239, 22.122
CIE-LCH	54.156, 35.905, 255.541
CIE-LUV	54.156, -32.205, -52.288
Hunter-Lab	47.034, -9.401, -31.869
Binary	00101101, 10001001, 10111101

#2d89bd
```
#2d89bd rgb(45,137,189)
```
#bd612d
```
#bd612d rgb(189,97,45)
```

Complementary Color

#2dbda9
```
#2dbda9 rgb(45,189,169)
```
#2d89bd
```
#2d89bd rgb(45,137,189)
```
#2d41bd
```
#2d41bd rgb(45,65,189)
```

Analogous Color

#bda92d
```
#bda92d rgb(189,169,45)
```
#2d89bd
```
#2d89bd rgb(45,137,189)
```
#bd2d41
```
#bd2d41 rgb(189,45,65)
```

Split Complementary Color

#89bd2d
```
#89bd2d rgb(137,189,45)
```
#2d89bd
```
#2d89bd rgb(45,137,189)
```
#bd2d89
```
#bd2d89 rgb(189,45,137)
```

Triadic Color

#2dbd61
```
#2dbd61 rgb(45,189,97)
```
#2d89bd
```
#2d89bd rgb(45,137,189)
```
#bd2d89
```
#bd2d89 rgb(189,45,137)
```
#bd612d
```
#bd612d rgb(189,97,45)
```

Tetradic Color

#1e5c7f
```
#1e5c7f rgb(30,92,127)
```
#236b94
```
#236b94 rgb(35,107,148)
```
#287aa8
```
#287aa8 rgb(40,122,168)
```
#2d89bd
```
#2d89bd rgb(45,137,189)
```
#3597cf
```
#3597cf rgb(53,151,207)
```
#49a2d4
```
#49a2d4 rgb(73,162,212)
```
#5eacd9
```
#5eacd9 rgb(94,172,217)
```

Monochromatic Color

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

#2dadbd
```
#2dadbd rgb(45,173,189)
```
#2da1bd
```
#2da1bd rgb(45,161,189)
```
#2d95bd
```
#2d95bd rgb(45,149,189)
```
#2d89bd
```
#2d89bd rgb(45,137,189)
```
#2d7dbd
```
#2d7dbd rgb(45,125,189)
```
#2d71bd
```
#2d71bd rgb(45,113,189)
```
#2d65bd
```
#2d65bd rgb(45,101,189)
```

Similar Colors

Text with hexadecimal color #2d89bd

This text has a font color of #2d89bd.

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

#2d89bd background color

This paragraph has a background color of #2d89bd.

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

#2d89bd border color

This element has a border color of #2d89bd.

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

CSS codes

.text {color:#2d89bd;}

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

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

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

#040b0f
```
#040b0f rgb(4,11,15)
```
#07161f
```
#07161f rgb(7,22,31)
```
#0b222e
```
#0b222e rgb(11,34,46)
```
#0f2d3e
```
#0f2d3e rgb(15,45,62)
```
#13394e
```
#13394e rgb(19,57,78)
```
#16445e
```
#16445e rgb(22,68,94)
```
#1a506e
```
#1a506e rgb(26,80,110)
```
#1e5b7e
```
#1e5b7e rgb(30,91,126)
```
#22678d
```
#22678d rgb(34,103,141)
```
#25729d
```
#25729d rgb(37,114,157)
```
#297ead
```
#297ead rgb(41,126,173)
```
#2d89bd
```
#2d89bd rgb(45,137,189)
```
#3194cd
```
#3194cd rgb(49,148,205)
```

Shade Color Variation

#409dd1
```
#409dd1 rgb(64,157,209)
```
#50a5d5
```
#50a5d5 rgb(80,165,213)
```
#5fadd9
```
#5fadd9 rgb(95,173,217)
```
#6fb5dd
```
#6fb5dd rgb(111,181,221)
```
#7fbde1
```
#7fbde1 rgb(127,189,225)
```
#8fc6e4
```
#8fc6e4 rgb(143,198,228)
```
#9fcee8
```
#9fcee8 rgb(159,206,232)
```
#afd6ec
```
#afd6ec rgb(175,214,236)
```
#bfdef0
```
#bfdef0 rgb(191,222,240)
```
#cee6f3
```
#cee6f3 rgb(206,230,243)
```
#deeef7
```
#deeef7 rgb(222,238,247)
```
#eef6fb
```
#eef6fb rgb(238,246,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6c787e
```
#6c787e rgb(108,120,126)
```
#637a87
```
#637a87 rgb(99,122,135)
```
#5a7d90
```
#5a7d90 rgb(90,125,144)
```
#517f99
```
#517f99 rgb(81,127,153)
```
#4882a2
```
#4882a2 rgb(72,130,162)
```
#3f84ab
```
#3f84ab rgb(63,132,171)
```
#3687b4
```
#3687b4 rgb(54,135,180)
```
#2d89bd
```
#2d89bd rgb(45,137,189)
```
#248cc6
```
#248cc6 rgb(36,140,198)
```
#1b8ecf
```
#1b8ecf rgb(27,142,207)
```
#1291d8
```
#1291d8 rgb(18,145,216)
```
#0993e1
```
#0993e1 rgb(9,147,225)
```
#0096ea
```
#0096ea rgb(0,150,234)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#657782 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7686ba Protanopia 1% of men
#6a87c3 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5b87bb Protanomaly 1% of men, 0.01% of women
#5487c1 Deuteranomaly 6% of men, 0.4% of women
#1090aa Tritanomaly 0.01% of the population

#2d89bd hex color

#2d89bd Color Information

#2d89bd Color Conversion

Color Schemes with #2d89bd

Alternatives to #2d89bd

#2d89bd Preview

Shades and Tints of #2d89bd

Tones of #2d89bd

Color Blindness Simulator