#2bbdfd hex color

In a RGB color space, hex #2bbdfd is composed of 16.9% red, 74.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 25.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 198.3 degrees, a saturation of 98.1% and a lightness of 58%. #2bbdfd color hex could be obtained by blending #56ffff with #007bfb. Closest websafe color is: #33ccff.

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

● #2bbdfd color description : Bright blue.

The hexadecimal color #2bbdfd has RGB values of R:43, G:189, B:253 and CMYK values of C:0.83, M:0.25, Y:0, K:0.01. Its decimal value is 2866685.

Hex triplet	2bbdfd	`#2bbdfd`
RGB Decimal	43, 189, 253	`rgb(43,189,253)`
RGB Percent	16.9, 74.1, 99.2	`rgb(16.9%,74.1%,99.2%)`
CMYK	83, 25, 0, 1
HSL	198.3°, 98.1, 58	`hsl(198.3,98.1%,58%)`
HSV (or HSB)	198.3°, 83, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.227, -15.471, -41.947
XYZ	36.919, 43.997, 99.47
xyY	0.205, 0.244, 43.997
CIE-LCH	72.227, 44.709, 249.754
CIE-LUV	72.227, -46.445, -66.182
Hunter-Lab	66.33, -16.727, -42.481
Binary	00101011, 10111101, 11111101

#2bbdfd
```
#2bbdfd rgb(43,189,253)
```
#fd6b2b
```
#fd6b2b rgb(253,107,43)
```

Complementary Color

#2bfdd4
```
#2bfdd4 rgb(43,253,212)
```
#2bbdfd
```
#2bbdfd rgb(43,189,253)
```
#2b54fd
```
#2b54fd rgb(43,84,253)
```

Analogous Color

#fdd42b
```
#fdd42b rgb(253,212,43)
```
#2bbdfd
```
#2bbdfd rgb(43,189,253)
```
#fd2b54
```
#fd2b54 rgb(253,43,84)
```

Split Complementary Color

#bdfd2b
```
#bdfd2b rgb(189,253,43)
```
#2bbdfd
```
#2bbdfd rgb(43,189,253)
```
#fd2bbd
```
#fd2bbd rgb(253,43,189)
```

Triadic Color

#2bfd6b
```
#2bfd6b rgb(43,253,107)
```
#2bbdfd
```
#2bbdfd rgb(43,189,253)
```
#fd2bbd
```
#fd2bbd rgb(253,43,189)
```
#fd6b2b
```
#fd6b2b rgb(253,107,43)
```

Tetradic Color

#0298d9
```
#0298d9 rgb(2,152,217)
```
#02a9f3
```
#02a9f3 rgb(2,169,243)
```
#12b5fd
```
#12b5fd rgb(18,181,253)
```
#2bbdfd
```
#2bbdfd rgb(43,189,253)
```
#44c5fd
```
#44c5fd rgb(68,197,253)
```
#5ecdfd
```
#5ecdfd rgb(94,205,253)
```
#77d5fe
```
#77d5fe rgb(119,213,254)
```

Monochromatic Color

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

#2bf2fd
```
#2bf2fd rgb(43,242,253)
```
#2be0fd
```
#2be0fd rgb(43,224,253)
```
#2bcffd
```
#2bcffd rgb(43,207,253)
```
#2bbdfd
```
#2bbdfd rgb(43,189,253)
```
#2bacfd
```
#2bacfd rgb(43,172,253)
```
#2b9afd
```
#2b9afd rgb(43,154,253)
```
#2b89fd
```
#2b89fd rgb(43,137,253)
```

Similar Colors

Text with hexadecimal color #2bbdfd

This text has a font color of #2bbdfd.

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

#2bbdfd background color

This paragraph has a background color of #2bbdfd.

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

#2bbdfd border color

This element has a border color of #2bbdfd.

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

CSS codes

.text {color:#2bbdfd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000f15
```
#000f15 rgb(0,15,21)
```
#001c29
```
#001c29 rgb(0,28,41)
```
#012a3c
```
#012a3c rgb(1,42,60)
```
#01374f
```
#01374f rgb(1,55,79)
```
#014563
```
#014563 rgb(1,69,99)
```
#015376
```
#015376 rgb(1,83,118)
```
#01608a
```
#01608a rgb(1,96,138)
```
#016e9d
```
#016e9d rgb(1,110,157)
```
#027bb1
```
#027bb1 rgb(2,123,177)
```
#0289c4
```
#0289c4 rgb(2,137,196)
```
#0296d8
```
#0296d8 rgb(2,150,216)
```
#02a4eb
```
#02a4eb rgb(2,164,235)
```

Shade Color Variation

#04b1fd
```
#04b1fd rgb(4,177,253)
```
#18b7fd
```
#18b7fd rgb(24,183,253)
```
#2bbdfd
```
#2bbdfd rgb(43,189,253)
```
#3ec3fd
```
#3ec3fd rgb(62,195,253)
```
#52c9fd
```
#52c9fd rgb(82,201,253)
```
#65cffe
```
#65cffe rgb(101,207,254)
```
#79d5fe
```
#79d5fe rgb(121,213,254)
```
#8cdbfe
```
#8cdbfe rgb(140,219,254)
```
#a0e1fe
```
#a0e1fe rgb(160,225,254)
```
#b3e7fe
```
#b3e7fe rgb(179,231,254)
```
#c6edfe
```
#c6edfe rgb(198,237,254)
```
#daf3ff
```
#daf3ff rgb(218,243,255)
```
#edf9ff
```
#edf9ff rgb(237,249,255)
```

Tint Color Variation

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

#8e969a
```
#8e969a rgb(142,150,154)
```
#869aa2
```
#869aa2 rgb(134,154,162)
```
#7d9dab
```
#7d9dab rgb(125,157,171)
```
#75a0b3
```
#75a0b3 rgb(117,160,179)
```
#6da3bb
```
#6da3bb rgb(109,163,187)
```
#65a7c3
```
#65a7c3 rgb(101,167,195)
```
#5caacc
```
#5caacc rgb(92,170,204)
```
#54add4
```
#54add4 rgb(84,173,212)
```
#4cb0dc
```
#4cb0dc rgb(76,176,220)
```
#44b3e4
```
#44b3e4 rgb(68,179,228)
```
#3bb7ed
```
#3bb7ed rgb(59,183,237)
```
#33baf5
```
#33baf5 rgb(51,186,245)
```
#2bbdfd
```
#2bbdfd rgb(43,189,253)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#83a0ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b2f3 Protanopia 1% of men
#93b4ff Deuteranopia 1% of men
#00c6d4 Tritanopia 0.001% of the population

Trichromacy

#75b6f6 Protanomaly 1% of men, 0.01% of women
#6db7fe Deuteranomaly 6% of men, 0.4% of women
#0fc3e3 Tritanomaly 0.01% of the population

#2bbdfd hex color

#2bbdfd Color Information

#2bbdfd Color Conversion

Color Schemes with #2bbdfd

Alternatives to #2bbdfd

#2bbdfd Preview

Shades and Tints of #2bbdfd

Tones of #2bbdfd

Color Blindness Simulator