#2d9bdb hex color

In a RGB color space, hex #2d9bdb is composed of 17.6% red, 60.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 29.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 202.1 degrees, a saturation of 70.7% and a lightness of 51.8%. #2d9bdb color hex could be obtained by blending #5affff with #0037b7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 61
- B 86
RGB color chart
- C 79
- M 29
- Y 0
- K 14
CMYK color chart

● #2d9bdb color description : Bright blue.

The hexadecimal color #2d9bdb has RGB values of R:45, G:155, B:219 and CMYK values of C:0.79, M:0.29, Y:0, K:0.14. Its decimal value is 2989019.

Hex triplet	2d9bdb	`#2d9bdb`
RGB Decimal	45, 155, 219	`rgb(45,155,219)`
RGB Percent	17.6, 60.8, 85.9	`rgb(17.6%,60.8%,85.9%)`
CMYK	79, 29, 0, 14
HSL	202.1°, 70.7, 51.8	`hsl(202.1,70.7%,51.8%)`
HSV (or HSB)	202.1°, 79.5, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.881, -8.539, -41.11
XYZ	25.587, 29.113, 71.285
xyY	0.203, 0.231, 29.113
CIE-LCH	60.881, 41.987, 258.266
CIE-LUV	60.881, -36.779, -63.962
Hunter-Lab	53.956, -9.777, -40.562
Binary	00101101, 10011011, 11011011

#2d9bdb
```
#2d9bdb rgb(45,155,219)
```
#db6d2d
```
#db6d2d rgb(219,109,45)
```

Complementary Color

#2ddbc4
```
#2ddbc4 rgb(45,219,196)
```
#2d9bdb
```
#2d9bdb rgb(45,155,219)
```
#2d44db
```
#2d44db rgb(45,68,219)
```

Analogous Color

#dbc42d
```
#dbc42d rgb(219,196,45)
```
#2d9bdb
```
#2d9bdb rgb(45,155,219)
```
#db2d44
```
#db2d44 rgb(219,45,68)
```

Split Complementary Color

#9bdb2d
```
#9bdb2d rgb(155,219,45)
```
#2d9bdb
```
#2d9bdb rgb(45,155,219)
```
#db2d9b
```
#db2d9b rgb(219,45,155)
```

Triadic Color

#2ddb6d
```
#2ddb6d rgb(45,219,109)
```
#2d9bdb
```
#2d9bdb rgb(45,155,219)
```
#db2d9b
```
#db2d9b rgb(219,45,155)
```
#db6d2d
```
#db6d2d rgb(219,109,45)
```

Tetradic Color

#1b6fa0
```
#1b6fa0 rgb(27,111,160)
```
#1f7eb6
```
#1f7eb6 rgb(31,126,182)
```
#238ecc
```
#238ecc rgb(35,142,204)
```
#2d9bdb
```
#2d9bdb rgb(45,155,219)
```
#43a5df
```
#43a5df rgb(67,165,223)
```
#59b0e2
```
#59b0e2 rgb(89,176,226)
```
#6ebae6
```
#6ebae6 rgb(110,186,230)
```

Monochromatic Color

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

#2dc7db
```
#2dc7db rgb(45,199,219)
```
#2db8db
```
#2db8db rgb(45,184,219)
```
#2daadb
```
#2daadb rgb(45,170,219)
```
#2d9bdb
```
#2d9bdb rgb(45,155,219)
```
#2d8ddb
```
#2d8ddb rgb(45,141,219)
```
#2d7edb
```
#2d7edb rgb(45,126,219)
```
#2d70db
```
#2d70db rgb(45,112,219)
```

Similar Colors

Text with hexadecimal color #2d9bdb

This text has a font color of #2d9bdb.

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

#2d9bdb background color

This paragraph has a background color of #2d9bdb.

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

#2d9bdb border color

This element has a border color of #2d9bdb.

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

CSS codes

.text {color:#2d9bdb;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#041118
```
#041118 rgb(4,17,24)
```
#071d29
```
#071d29 rgb(7,29,41)
```
#0a283a
```
#0a283a rgb(10,40,58)
```
#0d344b
```
#0d344b rgb(13,52,75)
```
#10405b
```
#10405b rgb(16,64,91)
```
#134b6c
```
#134b6c rgb(19,75,108)
```
#15577d
```
#15577d rgb(21,87,125)
```
#18628e
```
#18628e rgb(24,98,142)
```
#1b6e9e
```
#1b6e9e rgb(27,110,158)
```
#1e7aaf
```
#1e7aaf rgb(30,122,175)
```
#2185c0
```
#2185c0 rgb(33,133,192)
```
#2491d1
```
#2491d1 rgb(36,145,209)
```

Shade Color Variation

#2d9bdb
```
#2d9bdb rgb(45,155,219)
```
#3ea3de
```
#3ea3de rgb(62,163,222)
```
#4eabe1
```
#4eabe1 rgb(78,171,225)
```
#5fb3e4
```
#5fb3e4 rgb(95,179,228)
```
#70bbe6
```
#70bbe6 rgb(112,187,230)
```
#81c3e9
```
#81c3e9 rgb(129,195,233)
```
#91cbec
```
#91cbec rgb(145,203,236)
```
#a2d3ef
```
#a2d3ef rgb(162,211,239)
```
#b3dbf2
```
#b3dbf2 rgb(179,219,242)
```
#c4e3f5
```
#c4e3f5 rgb(196,227,245)
```
#d4ebf8
```
#d4ebf8 rgb(212,235,248)
```
#e5f3fb
```
#e5f3fb rgb(229,243,251)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#828486
```
#828486 rgb(130,132,134)
```
#79878f
```
#79878f rgb(121,135,143)
```
#6f8999
```
#6f8999 rgb(111,137,153)
```
#668ca2
```
#668ca2 rgb(102,140,162)
```
#5c8eac
```
#5c8eac rgb(92,142,172)
```
#5391b5
```
#5391b5 rgb(83,145,181)
```
#4993bf
```
#4993bf rgb(73,147,191)
```
#4096c8
```
#4096c8 rgb(64,150,200)
```
#3698d2
```
#3698d2 rgb(54,152,210)
```
#2d9bdb
```
#2d9bdb rgb(45,155,219)
```
#249ee4
```
#249ee4 rgb(36,158,228)
```
#1aa0ee
```
#1aa0ee rgb(26,160,238)
```
#11a3f7
```
#11a3f7 rgb(17,163,247)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#708693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8296d5 Protanopia 1% of men
#7298e0 Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

#6398d7 Protanomaly 1% of men, 0.01% of women
#5999de Deuteranomaly 6% of men, 0.4% of women
#10a2c1 Tritanomaly 0.01% of the population

#2d9bdb hex color

#2d9bdb Color Information

#2d9bdb Color Conversion

Color Schemes with #2d9bdb

Alternatives to #2d9bdb

#2d9bdb Preview

Shades and Tints of #2d9bdb

Tones of #2d9bdb

Color Blindness Simulator