#2d89ed hex color

In a RGB color space, hex #2d89ed is composed of 17.6% red, 53.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 42.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 211.3 degrees, a saturation of 84.2% and a lightness of 55.3%. #2d89ed color hex could be obtained by blending #5affff with #0013db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 54
- B 93
RGB color chart
- C 81
- M 42
- Y 0
- K 7
CMYK color chart

● #2d89ed color description : Bright blue.

The hexadecimal color #2d89ed has RGB values of R:45, G:137, B:237 and CMYK values of C:0.81, M:0.42, Y:0, K:0.07. Its decimal value is 2984429.

Hex triplet	2d89ed	`#2d89ed`
RGB Decimal	45, 137, 237	`rgb(45,137,237)`
RGB Percent	17.6, 53.7, 92.9	`rgb(17.6%,53.7%,92.9%)`
CMYK	81, 42, 0, 7
HSL	211.3°, 84.2, 55.3	`hsl(211.3,84.2%,55.3%)`
HSV (or HSB)	211.3°, 81, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.646, 8.552, -57.831
XYZ	25.31, 24.562, 83.523
xyY	0.19, 0.184, 24.562
CIE-LCH	56.646, 58.46, 278.412
CIE-LUV	56.646, -29.976, -92.231
Hunter-Lab	49.56, 4.432, -65.23
Binary	00101101, 10001001, 11101101

#2d89ed
```
#2d89ed rgb(45,137,237)
```
#ed912d
```
#ed912d rgb(237,145,45)
```

Complementary Color

#2de9ed
```
#2de9ed rgb(45,233,237)
```
#2d89ed
```
#2d89ed rgb(45,137,237)
```
#312ded
```
#312ded rgb(49,45,237)
```

Analogous Color

#e9ed2d
```
#e9ed2d rgb(233,237,45)
```
#2d89ed
```
#2d89ed rgb(45,137,237)
```
#ed312d
```
#ed312d rgb(237,49,45)
```

Split Complementary Color

#89ed2d
```
#89ed2d rgb(137,237,45)
```
#2d89ed
```
#2d89ed rgb(45,137,237)
```
#ed2d89
```
#ed2d89 rgb(237,45,137)
```

Triadic Color

#2ded91
```
#2ded91 rgb(45,237,145)
```
#2d89ed
```
#2d89ed rgb(45,137,237)
```
#ed2d89
```
#ed2d89 rgb(237,45,137)
```
#ed912d
```
#ed912d rgb(237,145,45)
```

Tetradic Color

#1063bd
```
#1063bd rgb(16,99,189)
```
#126fd5
```
#126fd5 rgb(18,111,213)
```
#167ceb
```
#167ceb rgb(22,124,235)
```
#2d89ed
```
#2d89ed rgb(45,137,237)
```
#4496ef
```
#4496ef rgb(68,150,239)
```
#5ca3f1
```
#5ca3f1 rgb(92,163,241)
```
#73b1f3
```
#73b1f3 rgb(115,177,243)
```

Monochromatic Color

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

#2db9ed
```
#2db9ed rgb(45,185,237)
```
#2da9ed
```
#2da9ed rgb(45,169,237)
```
#2d99ed
```
#2d99ed rgb(45,153,237)
```
#2d89ed
```
#2d89ed rgb(45,137,237)
```
#2d79ed
```
#2d79ed rgb(45,121,237)
```
#2d69ed
```
#2d69ed rgb(45,105,237)
```
#2d59ed
```
#2d59ed rgb(45,89,237)
```

Similar Colors

Text with hexadecimal color #2d89ed

This text has a font color of #2d89ed.

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

#2d89ed background color

This paragraph has a background color of #2d89ed.

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

#2d89ed border color

This element has a border color of #2d89ed.

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

CSS codes

.text {color:#2d89ed;}

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

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

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, #010407 is the darkest color, while #f4f9fe is the lightest one.

#010407
```
#010407 rgb(1,4,7)
```
#020d19
```
#020d19 rgb(2,13,25)
```
#04162b
```
#04162b rgb(4,22,43)
```
#05203d
```
#05203d rgb(5,32,61)
```
#07294f
```
#07294f rgb(7,41,79)
```
#083361
```
#083361 rgb(8,51,97)
```
#0a3c73
```
#0a3c73 rgb(10,60,115)
```
#0b4685
```
#0b4685 rgb(11,70,133)
```
#0d4f97
```
#0d4f97 rgb(13,79,151)
```
#0f59a9
```
#0f59a9 rgb(15,89,169)
```
#1062bb
```
#1062bb rgb(16,98,187)
```
#126cce
```
#126cce rgb(18,108,206)
```
#1375e0
```
#1375e0 rgb(19,117,224)
```

Shade Color Variation

#1b7feb
```
#1b7feb rgb(27,127,235)
```
#2d89ed
```
#2d89ed rgb(45,137,237)
```
#3f93ef
```
#3f93ef rgb(63,147,239)
```
#519df0
```
#519df0 rgb(81,157,240)
```
#63a7f2
```
#63a7f2 rgb(99,167,242)
```
#75b2f3
```
#75b2f3 rgb(117,178,243)
```
#87bcf5
```
#87bcf5 rgb(135,188,245)
```
#99c6f6
```
#99c6f6 rgb(153,198,246)
```
#abd0f8
```
#abd0f8 rgb(171,208,248)
```
#bedaf9
```
#bedaf9 rgb(190,218,249)
```
#d0e4fb
```
#d0e4fb rgb(208,228,251)
```
#e2effc
```
#e2effc rgb(226,239,252)
```
#f4f9fe
```
#f4f9fe rgb(244,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858d95 is the less saturated color, while #1b88ff is the most saturated one.

#858d95
```
#858d95 rgb(133,141,149)
```
#7c8c9e
```
#7c8c9e rgb(124,140,158)
```
#738ca7
```
#738ca7 rgb(115,140,167)
```
#6a8cb0
```
#6a8cb0 rgb(106,140,176)
```
#628bb8
```
#628bb8 rgb(98,139,184)
```
#598bc1
```
#598bc1 rgb(89,139,193)
```
#508aca
```
#508aca rgb(80,138,202)
```
#478ad3
```
#478ad3 rgb(71,138,211)
```
#3f8adb
```
#3f8adb rgb(63,138,219)
```
#3689e4
```
#3689e4 rgb(54,137,228)
```
#2d89ed
```
#2d89ed rgb(45,137,237)
```
#2489f6
```
#2489f6 rgb(36,137,246)
```
#1b88ff
```
#1b88ff rgb(27,136,255)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7c90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f8aea Protanopia 1% of men
#2b90ed Deuteranopia 1% of men
#009ca5 Tritanopia 0.001% of the population

Trichromacy

#4c8aeb Protanomaly 1% of men, 0.01% of women
#2c8ded Deuteranomaly 6% of men, 0.4% of women
#1095bf Tritanomaly 0.01% of the population

#2d89ed hex color

#2d89ed Color Information

#2d89ed Color Conversion

Color Schemes with #2d89ed

Alternatives to #2d89ed

#2d89ed Preview

Shades and Tints of #2d89ed

Tones of #2d89ed

Color Blindness Simulator