#2b9fd4 hex color

In a RGB color space, hex #2b9fd4 is composed of 16.9% red, 62.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 25% magenta, 0% yellow and 16.9% black. It has a hue angle of 198.8 degrees, a saturation of 66.3% and a lightness of 50%. #2b9fd4 color hex could be obtained by blending #56ffff with #003fa9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 62
- B 83
RGB color chart
- C 80
- M 25
- Y 0
- K 17
CMYK color chart

● #2b9fd4 color description : Strong blue.

The hexadecimal color #2b9fd4 has RGB values of R:43, G:159, B:212 and CMYK values of C:0.8, M:0.25, Y:0, K:0.17. Its decimal value is 2858964.

Hex triplet	2b9fd4	`#2b9fd4`
RGB Decimal	43, 159, 212	`rgb(43,159,212)`
RGB Percent	16.9, 62.4, 83.1	`rgb(16.9%,62.4%,83.1%)`
CMYK	80, 25, 0, 17
HSL	198.8°, 66.3, 50	`hsl(198.8,66.3%,50%)`
HSV (or HSB)	198.8°, 79.7, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.707, -13.414, -35.926
XYZ	25.275, 30.061, 66.754
xyY	0.207, 0.246, 30.061
CIE-LCH	61.707, 38.349, 249.526
CIE-LUV	61.707, -38.813, -54.856
Hunter-Lab	54.828, -13.663, -33.807
Binary	00101011, 10011111, 11010100

#2b9fd4
```
#2b9fd4 rgb(43,159,212)
```
#d4602b
```
#d4602b rgb(212,96,43)
```

Complementary Color

#2bd4b5
```
#2bd4b5 rgb(43,212,181)
```
#2b9fd4
```
#2b9fd4 rgb(43,159,212)
```
#2b4bd4
```
#2b4bd4 rgb(43,75,212)
```

Analogous Color

#d4b52b
```
#d4b52b rgb(212,181,43)
```
#2b9fd4
```
#2b9fd4 rgb(43,159,212)
```
#d42b4b
```
#d42b4b rgb(212,43,75)
```

Split Complementary Color

#9fd42b
```
#9fd42b rgb(159,212,43)
```
#2b9fd4
```
#2b9fd4 rgb(43,159,212)
```
#d42b9f
```
#d42b9f rgb(212,43,159)
```

Triadic Color

#2bd460
```
#2bd460 rgb(43,212,96)
```
#2b9fd4
```
#2b9fd4 rgb(43,159,212)
```
#d42b9f
```
#d42b9f rgb(212,43,159)
```
#d4602b
```
#d4602b rgb(212,96,43)
```

Tetradic Color

#1e6f94
```
#1e6f94 rgb(30,111,148)
```
#227faa
```
#227faa rgb(34,127,170)
```
#278fbf
```
#278fbf rgb(39,143,191)
```
#2b9fd4
```
#2b9fd4 rgb(43,159,212)
```
#40a9d8
```
#40a9d8 rgb(64,169,216)
```
#55b2dd
```
#55b2dd rgb(85,178,221)
```
#6bbce1
```
#6bbce1 rgb(107,188,225)
```

Monochromatic Color

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

#2bc9d4
```
#2bc9d4 rgb(43,201,212)
```
#2bbbd4
```
#2bbbd4 rgb(43,187,212)
```
#2badd4
```
#2badd4 rgb(43,173,212)
```
#2b9fd4
```
#2b9fd4 rgb(43,159,212)
```
#2b91d4
```
#2b91d4 rgb(43,145,212)
```
#2b83d4
```
#2b83d4 rgb(43,131,212)
```
#2b75d4
```
#2b75d4 rgb(43,117,212)
```

Similar Colors

Text with hexadecimal color #2b9fd4

This text has a font color of #2b9fd4.

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

#2b9fd4 background color

This paragraph has a background color of #2b9fd4.

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

#2b9fd4 border color

This element has a border color of #2b9fd4.

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

CSS codes

.text {color:#2b9fd4;}

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

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

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

#030c10
```
#030c10 rgb(3,12,16)
```
#071821
```
#071821 rgb(7,24,33)
```
#0a2531
```
#0a2531 rgb(10,37,49)
```
#0d3141
```
#0d3141 rgb(13,49,65)
```
#113d52
```
#113d52 rgb(17,61,82)
```
#144962
```
#144962 rgb(20,73,98)
```
#175672
```
#175672 rgb(23,86,114)
```
#1a6282
```
#1a6282 rgb(26,98,130)
```
#1e6e93
```
#1e6e93 rgb(30,110,147)
```
#217aa3
```
#217aa3 rgb(33,122,163)
```
#2487b3
```
#2487b3 rgb(36,135,179)
```
#2893c4
```
#2893c4 rgb(40,147,196)
```
#2b9fd4
```
#2b9fd4 rgb(43,159,212)
```

Shade Color Variation

#3ba6d7
```
#3ba6d7 rgb(59,166,215)
```
#4caedb
```
#4caedb rgb(76,174,219)
```
#5cb5de
```
#5cb5de rgb(92,181,222)
```
#6cbde1
```
#6cbde1 rgb(108,189,225)
```
#7dc4e5
```
#7dc4e5 rgb(125,196,229)
```
#8dcbe8
```
#8dcbe8 rgb(141,203,232)
```
#9dd3eb
```
#9dd3eb rgb(157,211,235)
```
#addaee
```
#addaee rgb(173,218,238)
```
#bee1f2
```
#bee1f2 rgb(190,225,242)
```
#cee9f5
```
#cee9f5 rgb(206,233,245)
```
#def0f8
```
#def0f8 rgb(222,240,248)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#798286
```
#798286 rgb(121,130,134)
```
#70858f
```
#70858f rgb(112,133,143)
```
#668999
```
#668999 rgb(102,137,153)
```
#5c8da3
```
#5c8da3 rgb(92,141,163)
```
#5290ad
```
#5290ad rgb(82,144,173)
```
#4894b7
```
#4894b7 rgb(72,148,183)
```
#3f98c0
```
#3f98c0 rgb(63,152,192)
```
#359bca
```
#359bca rgb(53,155,202)
```
#2b9fd4
```
#2b9fd4 rgb(43,159,212)
```
#21a3de
```
#21a3de rgb(33,163,222)
```
#17a6e8
```
#17a6e8 rgb(23,166,232)
```
#0eaaf1
```
#0eaaf1 rgb(14,170,241)
```
#04aefb
```
#04aefb rgb(4,174,251)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#718892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8998ce Protanopia 1% of men
#7d99da Deuteranopia 1% of men
#00a9b5 Tritanopia 0.001% of the population

Trichromacy

#679ad0 Protanomaly 1% of men, 0.01% of women
#5f9bd8 Deuteranomaly 6% of men, 0.4% of women
#0fa5c0 Tritanomaly 0.01% of the population

#2b9fd4 hex color

#2b9fd4 Color Information

#2b9fd4 Color Conversion

Color Schemes with #2b9fd4

Alternatives to #2b9fd4

#2b9fd4 Preview

Shades and Tints of #2b9fd4

Tones of #2b9fd4

Color Blindness Simulator