#2dbbf1 hex color

In a RGB color space, hex #2dbbf1 is composed of 17.6% red, 73.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 22.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 196.5 degrees, a saturation of 87.5% and a lightness of 56.1%. #2dbbf1 color hex could be obtained by blending #5affff with #0077e3. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 73
- B 95
RGB color chart
- C 81
- M 22
- Y 0
- K 5
CMYK color chart

● #2dbbf1 color description : Bright blue.

The hexadecimal color #2dbbf1 has RGB values of R:45, G:187, B:241 and CMYK values of C:0.81, M:0.22, Y:0, K:0.05. Its decimal value is 2997233.

Hex triplet	2dbbf1	`#2dbbf1`
RGB Decimal	45, 187, 241	`rgb(45,187,241)`
RGB Percent	17.6, 73.3, 94.5	`rgb(17.6%,73.3%,94.5%)`
CMYK	81, 22, 0, 5
HSL	196.5°, 87.5, 56.1	`hsl(196.5,87.5%,56.1%)`
HSV (or HSB)	196.5°, 81.3, 94.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.177, -18.322, -37.097
XYZ	34.726, 42.446, 89.577
xyY	0.208, 0.255, 42.446
CIE-LCH	71.177, 41.374, 243.715
CIE-LUV	71.177, -46.353, -57.37
Hunter-Lab	65.151, -18.873, -35.913
Binary	00101101, 10111011, 11110001

#2dbbf1
```
#2dbbf1 rgb(45,187,241)
```
#f1632d
```
#f1632d rgb(241,99,45)
```

Complementary Color

#2df1c5
```
#2df1c5 rgb(45,241,197)
```
#2dbbf1
```
#2dbbf1 rgb(45,187,241)
```
#2d59f1
```
#2d59f1 rgb(45,89,241)
```

Analogous Color

#f1c52d
```
#f1c52d rgb(241,197,45)
```
#2dbbf1
```
#2dbbf1 rgb(45,187,241)
```
#f12d59
```
#f12d59 rgb(241,45,89)
```

Split Complementary Color

#bbf12d
```
#bbf12d rgb(187,241,45)
```
#2dbbf1
```
#2dbbf1 rgb(45,187,241)
```
#f12dbb
```
#f12dbb rgb(241,45,187)
```

Triadic Color

#2df163
```
#2df163 rgb(45,241,99)
```
#2dbbf1
```
#2dbbf1 rgb(45,187,241)
```
#f12dbb
```
#f12dbb rgb(241,45,187)
```
#f1632d
```
#f1632d rgb(241,99,45)
```

Tetradic Color

#0d92c4
```
#0d92c4 rgb(13,146,196)
```
#0fa4dc
```
#0fa4dc rgb(15,164,220)
```
#15b3ef
```
#15b3ef rgb(21,179,239)
```
#2dbbf1
```
#2dbbf1 rgb(45,187,241)
```
#45c3f3
```
#45c3f3 rgb(69,195,243)
```
#5dcaf4
```
#5dcaf4 rgb(93,202,244)
```
#75d2f6
```
#75d2f6 rgb(117,210,246)
```

Monochromatic Color

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

#2decf1
```
#2decf1 rgb(45,236,241)
```
#2ddcf1
```
#2ddcf1 rgb(45,220,241)
```
#2dcbf1
```
#2dcbf1 rgb(45,203,241)
```
#2dbbf1
```
#2dbbf1 rgb(45,187,241)
```
#2dabf1
```
#2dabf1 rgb(45,171,241)
```
#2d9af1
```
#2d9af1 rgb(45,154,241)
```
#2d8af1
```
#2d8af1 rgb(45,138,241)
```

Similar Colors

Text with hexadecimal color #2dbbf1

This text has a font color of #2dbbf1.

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

#2dbbf1 background color

This paragraph has a background color of #2dbbf1.

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

#2dbbf1 border color

This element has a border color of #2dbbf1.

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

CSS codes

.text {color:#2dbbf1;}

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

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

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, #01080b is the darkest color, while #f7fdfe is the lightest one.

#01080b
```
#01080b rgb(1,8,11)
```
#02161d
```
#02161d rgb(2,22,29)
```
#03232f
```
#03232f rgb(3,35,47)
```
#043142
```
#043142 rgb(4,49,66)
```
#063f54
```
#063f54 rgb(6,63,84)
```
#074c67
```
#074c67 rgb(7,76,103)
```
#085a79
```
#085a79 rgb(8,90,121)
```
#09688b
```
#09688b rgb(9,104,139)
```
#0b759e
```
#0b759e rgb(11,117,158)
```
#0c83b0
```
#0c83b0 rgb(12,131,176)
```
#0d91c3
```
#0d91c3 rgb(13,145,195)
```
#0e9ed5
```
#0e9ed5 rgb(14,158,213)
```
#0face7
```
#0face7 rgb(15,172,231)
```

Shade Color Variation

#1bb5f0
```
#1bb5f0 rgb(27,181,240)
```
#2dbbf1
```
#2dbbf1 rgb(45,187,241)
```
#3fc1f2
```
#3fc1f2 rgb(63,193,242)
```
#52c7f3
```
#52c7f3 rgb(82,199,243)
```
#64cdf5
```
#64cdf5 rgb(100,205,245)
```
#77d3f6
```
#77d3f6 rgb(119,211,246)
```
#89d9f7
```
#89d9f7 rgb(137,217,247)
```
#9bdff8
```
#9bdff8 rgb(155,223,248)
```
#aee5fa
```
#aee5fa rgb(174,229,250)
```
#c0ebfb
```
#c0ebfb rgb(192,235,251)
```
#d3f1fc
```
#d3f1fc rgb(211,241,252)
```
#e5f7fd
```
#e5f7fd rgb(229,247,253)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9092 is the less saturated color, while #24bffa is the most saturated one.

#8c9092
```
#8c9092 rgb(140,144,146)
```
#83949b
```
#83949b rgb(131,148,155)
```
#7b98a3
```
#7b98a3 rgb(123,152,163)
```
#729cac
```
#729cac rgb(114,156,172)
```
#69a0b5
```
#69a0b5 rgb(105,160,181)
```
#61a4bd
```
#61a4bd rgb(97,164,189)
```
#58a8c6
```
#58a8c6 rgb(88,168,198)
```
#4faccf
```
#4faccf rgb(79,172,207)
```
#47afd7
```
#47afd7 rgb(71,175,215)
```
#3eb3e0
```
#3eb3e0 rgb(62,179,224)
```
#36b7e8
```
#36b7e8 rgb(54,183,232)
```
#2dbbf1
```
#2dbbf1 rgb(45,187,241)
```
#24bffa
```
#24bffa rgb(36,191,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#829ea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b0e8 Protanopia 1% of men
#96b1f7 Deuteranopia 1% of men
#00c3d1 Tritanopia 0.001% of the population

Trichromacy

#77b4eb Protanomaly 1% of men, 0.01% of women
#6fb4f4 Deuteranomaly 6% of men, 0.4% of women
#10c0dd Tritanomaly 0.01% of the population

#2dbbf1 hex color

#2dbbf1 Color Information

#2dbbf1 Color Conversion

Color Schemes with #2dbbf1

Alternatives to #2dbbf1

#2dbbf1 Preview

Shades and Tints of #2dbbf1

Tones of #2dbbf1

Color Blindness Simulator