#2dbbf2 hex color

In a RGB color space, hex #2dbbf2 is composed of 17.6% red, 73.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 22.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 196.8 degrees, a saturation of 88.3% and a lightness of 56.3%. #2dbbf2 color hex could be obtained by blending #5affff with #0077e5. Closest websafe color is: #33ccff.

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

● #2dbbf2 color description : Bright blue.

The hexadecimal color #2dbbf2 has RGB values of R:45, G:187, B:242 and CMYK values of C:0.81, M:0.23, Y:0, K:0.05. Its decimal value is 2997234.

Hex triplet	2dbbf2	`#2dbbf2`
RGB Decimal	45, 187, 242	`rgb(45,187,242)`
RGB Percent	17.6, 73.3, 94.9	`rgb(17.6%,73.3%,94.9%)`
CMYK	81, 23, 0, 5
HSL	196.8°, 88.3, 56.3	`hsl(196.8,88.3%,56.3%)`
HSV (or HSB)	196.8°, 81.4, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.218, -17.985, -37.574
XYZ	34.875, 42.506, 90.366
xyY	0.208, 0.253, 42.506
CIE-LCH	71.218, 41.657, 244.421
CIE-LUV	71.218, -46.287, -58.236
Hunter-Lab	65.197, -18.61, -36.541
Binary	00101101, 10111011, 11110010

#2dbbf2
```
#2dbbf2 rgb(45,187,242)
```
#f2642d
```
#f2642d rgb(242,100,45)
```

Complementary Color

#2df2c7
```
#2df2c7 rgb(45,242,199)
```
#2dbbf2
```
#2dbbf2 rgb(45,187,242)
```
#2d58f2
```
#2d58f2 rgb(45,88,242)
```

Analogous Color

#f2c72d
```
#f2c72d rgb(242,199,45)
```
#2dbbf2
```
#2dbbf2 rgb(45,187,242)
```
#f22d58
```
#f22d58 rgb(242,45,88)
```

Split Complementary Color

#bbf22d
```
#bbf22d rgb(187,242,45)
```
#2dbbf2
```
#2dbbf2 rgb(45,187,242)
```
#f22dbb
```
#f22dbb rgb(242,45,187)
```

Triadic Color

#2df264
```
#2df264 rgb(45,242,100)
```
#2dbbf2
```
#2dbbf2 rgb(45,187,242)
```
#f22dbb
```
#f22dbb rgb(242,45,187)
```
#f2642d
```
#f2642d rgb(242,100,45)
```

Tetradic Color

#0c92c6
```
#0c92c6 rgb(12,146,198)
```
#0ea4de
```
#0ea4de rgb(14,164,222)
```
#15b3f1
```
#15b3f1 rgb(21,179,241)
```
#2dbbf2
```
#2dbbf2 rgb(45,187,242)
```
#45c3f3
```
#45c3f3 rgb(69,195,243)
```
#5dcbf5
```
#5dcbf5 rgb(93,203,245)
```
#75d2f6
```
#75d2f6 rgb(117,210,246)
```

Monochromatic Color

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

#2decf2
```
#2decf2 rgb(45,236,242)
```
#2ddcf2
```
#2ddcf2 rgb(45,220,242)
```
#2dcbf2
```
#2dcbf2 rgb(45,203,242)
```
#2dbbf2
```
#2dbbf2 rgb(45,187,242)
```
#2dabf2
```
#2dabf2 rgb(45,171,242)
```
#2d9af2
```
#2d9af2 rgb(45,154,242)
```
#2d8af2
```
#2d8af2 rgb(45,138,242)
```

Similar Colors

Text with hexadecimal color #2dbbf2

This text has a font color of #2dbbf2.

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

#2dbbf2 background color

This paragraph has a background color of #2dbbf2.

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

#2dbbf2 border color

This element has a border color of #2dbbf2.

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

CSS codes

.text {color:#2dbbf2;}

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

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

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, #01090c is the darkest color, while #f8fdff is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#02161e
```
#02161e rgb(2,22,30)
```
#032431
```
#032431 rgb(3,36,49)
```
#043243
```
#043243 rgb(4,50,67)
```
#053f56
```
#053f56 rgb(5,63,86)
```
#064d68
```
#064d68 rgb(6,77,104)
```
#085a7a
```
#085a7a rgb(8,90,122)
```
#09688d
```
#09688d rgb(9,104,141)
```
#0a769f
```
#0a769f rgb(10,118,159)
```
#0b83b2
```
#0b83b2 rgb(11,131,178)
```
#0c91c4
```
#0c91c4 rgb(12,145,196)
```
#0d9fd7
```
#0d9fd7 rgb(13,159,215)
```
#0eace9
```
#0eace9 rgb(14,172,233)
```

Shade Color Variation

#1bb5f1
```
#1bb5f1 rgb(27,181,241)
```
#2dbbf2
```
#2dbbf2 rgb(45,187,242)
```
#3fc1f3
```
#3fc1f3 rgb(63,193,243)
```
#52c7f4
```
#52c7f4 rgb(82,199,244)
```
#64cdf5
```
#64cdf5 rgb(100,205,245)
```
#77d3f7
```
#77d3f7 rgb(119,211,247)
```
#89d9f8
```
#89d9f8 rgb(137,217,248)
```
#9cdff9
```
#9cdff9 rgb(156,223,249)
```
#aee5fa
```
#aee5fa rgb(174,229,250)
```
#c1ebfb
```
#c1ebfb rgb(193,235,251)
```
#d3f1fc
```
#d3f1fc rgb(211,241,252)
```
#e6f7fd
```
#e6f7fd rgb(230,247,253)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#8b9194
```
#8b9194 rgb(139,145,148)
```
#83959c
```
#83959c rgb(131,149,156)
```
#7a99a5
```
#7a99a5 rgb(122,153,165)
```
#729dad
```
#729dad rgb(114,157,173)
```
#69a0b6
```
#69a0b6 rgb(105,160,182)
```
#60a4bf
```
#60a4bf rgb(96,164,191)
```
#58a8c7
```
#58a8c7 rgb(88,168,199)
```
#4facd0
```
#4facd0 rgb(79,172,208)
```
#47b0d8
```
#47b0d8 rgb(71,176,216)
```
#3eb3e1
```
#3eb3e1 rgb(62,179,225)
```
#36b7e9
```
#36b7e9 rgb(54,183,233)
```
#2dbbf2
```
#2dbbf2 rgb(45,187,242)
```
#24bffb
```
#24bffb rgb(36,191,251)
```

Tone Color Variation

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

#a1b0e9 Protanopia 1% of men
#95b1f8 Deuteranopia 1% of men
#00c3d1 Tritanopia 0.001% of the population

Trichromacy

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

#2dbbf2 hex color

#2dbbf2 Color Information

#2dbbf2 Color Conversion

Color Schemes with #2dbbf2

Alternatives to #2dbbf2

#2dbbf2 Preview

Shades and Tints of #2dbbf2

Tones of #2dbbf2

Color Blindness Simulator