#2d9fbb hex color

In a RGB color space, hex #2d9fbb is composed of 17.6% red, 62.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 15% magenta, 0% yellow and 26.7% black. It has a hue angle of 191.8 degrees, a saturation of 61.2% and a lightness of 45.5%. #2d9fbb color hex could be obtained by blending #5affff with #003f77. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 62
- B 73
RGB color chart
- C 76
- M 15
- Y 0
- K 27
CMYK color chart

● #2d9fbb color description : Strong cyan.

The hexadecimal color #2d9fbb has RGB values of R:45, G:159, B:187 and CMYK values of C:0.76, M:0.15, Y:0, K:0.27. Its decimal value is 2990011.

Hex triplet	2d9fbb	`#2d9fbb`
RGB Decimal	45, 159, 187	`rgb(45,159,187)`
RGB Percent	17.6, 62.4, 73.3	`rgb(17.6%,62.4%,73.3%)`
CMYK	76, 15, 0, 27
HSL	191.8°, 61.2, 45.5	`hsl(191.8,61.2%,45.5%)`
HSV (or HSB)	191.8°, 75.9, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.729, -21.664, -23.45
XYZ	22.448, 28.94, 51.414
xyY	0.218, 0.282, 28.94
CIE-LCH	60.729, 31.926, 227.267
CIE-LUV	60.729, -40.131, -33.082
Hunter-Lab	53.796, -19.66, -19.008
Binary	00101101, 10011111, 10111011

#2d9fbb
```
#2d9fbb rgb(45,159,187)
```
#bb492d
```
#bb492d rgb(187,73,45)
```

Complementary Color

#2dbb90
```
#2dbb90 rgb(45,187,144)
```
#2d9fbb
```
#2d9fbb rgb(45,159,187)
```
#2d58bb
```
#2d58bb rgb(45,88,187)
```

Analogous Color

#bb902d
```
#bb902d rgb(187,144,45)
```
#2d9fbb
```
#2d9fbb rgb(45,159,187)
```
#bb2d58
```
#bb2d58 rgb(187,45,88)
```

Split Complementary Color

#9fbb2d
```
#9fbb2d rgb(159,187,45)
```
#2d9fbb
```
#2d9fbb rgb(45,159,187)
```
#bb2d9f
```
#bb2d9f rgb(187,45,159)
```

Triadic Color

#2dbb49
```
#2dbb49 rgb(45,187,73)
```
#2d9fbb
```
#2d9fbb rgb(45,159,187)
```
#bb2d9f
```
#bb2d9f rgb(187,45,159)
```
#bb492d
```
#bb492d rgb(187,73,45)
```

Tetradic Color

#1e6b7d
```
#1e6b7d rgb(30,107,125)
```
#237c92
```
#237c92 rgb(35,124,146)
```
#288ea6
```
#288ea6 rgb(40,142,166)
```
#2d9fbb
```
#2d9fbb rgb(45,159,187)
```
#33b0ce
```
#33b0ce rgb(51,176,206)
```
#48b8d3
```
#48b8d3 rgb(72,184,211)
```
#5dc0d8
```
#5dc0d8 rgb(93,192,216)
```

Monochromatic Color

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

#2dbbb4
```
#2dbbb4 rgb(45,187,180)
```
#2db7bb
```
#2db7bb rgb(45,183,187)
```
#2dabbb
```
#2dabbb rgb(45,171,187)
```
#2d9fbb
```
#2d9fbb rgb(45,159,187)
```
#2d93bb
```
#2d93bb rgb(45,147,187)
```
#2d87bb
```
#2d87bb rgb(45,135,187)
```
#2d7cbb
```
#2d7cbb rgb(45,124,187)
```

Similar Colors

Text with hexadecimal color #2d9fbb

This text has a font color of #2d9fbb.

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

#2d9fbb background color

This paragraph has a background color of #2d9fbb.

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

#2d9fbb border color

This element has a border color of #2d9fbb.

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

CSS codes

.text {color:#2d9fbb;}

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

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

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, #030b0d is the darkest color, while #fcfefe is the lightest one.

#030b0d
```
#030b0d rgb(3,11,13)
```
#07191d
```
#07191d rgb(7,25,29)
```
#0b262d
```
#0b262d rgb(11,38,45)
```
#0f333d
```
#0f333d rgb(15,51,61)
```
#12414c
```
#12414c rgb(18,65,76)
```
#164e5c
```
#164e5c rgb(22,78,92)
```
#1a5c6c
```
#1a5c6c rgb(26,92,108)
```
#1e697c
```
#1e697c rgb(30,105,124)
```
#22778c
```
#22778c rgb(34,119,140)
```
#25849b
```
#25849b rgb(37,132,155)
```
#2992ab
```
#2992ab rgb(41,146,171)
```
#2d9fbb
```
#2d9fbb rgb(45,159,187)
```
#31accb
```
#31accb rgb(49,172,203)
```

Shade Color Variation

#3fb4d1
```
#3fb4d1 rgb(63,180,209)
```
#4ebad4
```
#4ebad4 rgb(78,186,212)
```
#5ec0d8
```
#5ec0d8 rgb(94,192,216)
```
#6ec6dc
```
#6ec6dc rgb(110,198,220)
```
#7ecde0
```
#7ecde0 rgb(126,205,224)
```
#8ed3e4
```
#8ed3e4 rgb(142,211,228)
```
#9dd9e8
```
#9dd9e8 rgb(157,217,232)
```
#addfeb
```
#addfeb rgb(173,223,235)
```
#bde5ef
```
#bde5ef rgb(189,229,239)
```
#cdebf3
```
#cdebf3 rgb(205,235,243)
```
#ddf2f7
```
#ddf2f7 rgb(221,242,247)
```
#ecf8fb
```
#ecf8fb rgb(236,248,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#6b797d
```
#6b797d rgb(107,121,125)
```
#637f85
```
#637f85 rgb(99,127,133)
```
#5a848e
```
#5a848e rgb(90,132,142)
```
#518997
```
#518997 rgb(81,137,151)
```
#488fa0
```
#488fa0 rgb(72,143,160)
```
#3f94a9
```
#3f94a9 rgb(63,148,169)
```
#369ab2
```
#369ab2 rgb(54,154,178)
```
#2d9fbb
```
#2d9fbb rgb(45,159,187)
```
#24a4c4
```
#24a4c4 rgb(36,164,196)
```
#1baacd
```
#1baacd rgb(27,170,205)
```
#12afd6
```
#12afd6 rgb(18,175,214)
```
#09b5df
```
#09b5df rgb(9,181,223)
```
#00bae8
```
#00bae8 rgb(0,186,232)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6f868c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9096b6 Protanopia 1% of men
#8c95c4 Deuteranopia 1% of men
#2aa6b2 Tritanopia 0.001% of the population

Trichromacy

#6c99b7 Protanomaly 1% of men, 0.01% of women
#6999c0 Deuteranomaly 6% of men, 0.4% of women
#2ba3b5 Tritanomaly 0.01% of the population

#2d9fbb hex color

#2d9fbb Color Information

#2d9fbb Color Conversion

Color Schemes with #2d9fbb

Alternatives to #2d9fbb

#2d9fbb Preview

Shades and Tints of #2d9fbb

Tones of #2d9fbb

Color Blindness Simulator