#2bbffd hex color

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

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

● #2bbffd color description : Bright blue.

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

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

CIE-LAB	72.802, -16.53, -41.049
XYZ	37.352, 44.864, 99.614
xyY	0.205, 0.247, 44.864
CIE-LCH	72.802, 44.252, 248.066
CIE-LUV	72.802, -47.119, -64.569
Hunter-Lab	66.98, -17.673, -41.291
Binary	00101011, 10111111, 11111101

#2bbffd
```
#2bbffd rgb(43,191,253)
```
#fd692b
```
#fd692b rgb(253,105,43)
```

Complementary Color

#2bfdd2
```
#2bfdd2 rgb(43,253,210)
```
#2bbffd
```
#2bbffd rgb(43,191,253)
```
#2b56fd
```
#2b56fd rgb(43,86,253)
```

Analogous Color

#fdd22b
```
#fdd22b rgb(253,210,43)
```
#2bbffd
```
#2bbffd rgb(43,191,253)
```
#fd2b56
```
#fd2b56 rgb(253,43,86)
```

Split Complementary Color

#bffd2b
```
#bffd2b rgb(191,253,43)
```
#2bbffd
```
#2bbffd rgb(43,191,253)
```
#fd2bbf
```
#fd2bbf rgb(253,43,191)
```

Triadic Color

#2bfd69
```
#2bfd69 rgb(43,253,105)
```
#2bbffd
```
#2bbffd rgb(43,191,253)
```
#fd2bbf
```
#fd2bbf rgb(253,43,191)
```
#fd692b
```
#fd692b rgb(253,105,43)
```

Tetradic Color

#029ad9
```
#029ad9 rgb(2,154,217)
```
#02acf3
```
#02acf3 rgb(2,172,243)
```
#12b7fd
```
#12b7fd rgb(18,183,253)
```
#2bbffd
```
#2bbffd rgb(43,191,253)
```
#44c7fd
```
#44c7fd rgb(68,199,253)
```
#5ecefd
```
#5ecefd rgb(94,206,253)
```
#77d6fe
```
#77d6fe rgb(119,214,254)
```

Monochromatic Color

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

#2bf4fd
```
#2bf4fd rgb(43,244,253)
```
#2be2fd
```
#2be2fd rgb(43,226,253)
```
#2bd1fd
```
#2bd1fd rgb(43,209,253)
```
#2bbffd
```
#2bbffd rgb(43,191,253)
```
#2baefd
```
#2baefd rgb(43,174,253)
```
#2b9cfd
```
#2b9cfd rgb(43,156,253)
```
#2b8bfd
```
#2b8bfd rgb(43,139,253)
```

Similar Colors

Text with hexadecimal color #2bbffd

This text has a font color of #2bbffd.

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

#2bbffd background color

This paragraph has a background color of #2bbffd.

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

#2bbffd border color

This element has a border color of #2bbffd.

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

CSS codes

.text {color:#2bbffd;}

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

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

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 #edfaff is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#000f15
```
#000f15 rgb(0,15,21)
```
#001d29
```
#001d29 rgb(0,29,41)
```
#012a3c
```
#012a3c rgb(1,42,60)
```
#01384f
```
#01384f rgb(1,56,79)
```
#014663
```
#014663 rgb(1,70,99)
```
#015476
```
#015476 rgb(1,84,118)
```
#01618a
```
#01618a rgb(1,97,138)
```
#016f9d
```
#016f9d rgb(1,111,157)
```
#027db1
```
#027db1 rgb(2,125,177)
```
#028bc4
```
#028bc4 rgb(2,139,196)
```
#0298d8
```
#0298d8 rgb(2,152,216)
```
#02a6eb
```
#02a6eb rgb(2,166,235)
```

Shade Color Variation

#04b3fd
```
#04b3fd rgb(4,179,253)
```
#18b9fd
```
#18b9fd rgb(24,185,253)
```
#2bbffd
```
#2bbffd rgb(43,191,253)
```
#3ec5fd
```
#3ec5fd rgb(62,197,253)
```
#52cbfd
```
#52cbfd rgb(82,203,253)
```
#65d1fe
```
#65d1fe rgb(101,209,254)
```
#79d6fe
```
#79d6fe rgb(121,214,254)
```
#8cdcfe
```
#8cdcfe rgb(140,220,254)
```
#a0e2fe
```
#a0e2fe rgb(160,226,254)
```
#b3e8fe
```
#b3e8fe rgb(179,232,254)
```
#c6eefe
```
#c6eefe rgb(198,238,254)
```
#daf4ff
```
#daf4ff rgb(218,244,255)
```
#edfaff
```
#edfaff rgb(237,250,255)
```

Tint Color Variation

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

#8e979a
```
#8e979a rgb(142,151,154)
```
#869aa2
```
#869aa2 rgb(134,154,162)
```
#7d9dab
```
#7d9dab rgb(125,157,171)
```
#75a1b3
```
#75a1b3 rgb(117,161,179)
```
#6da4bb
```
#6da4bb rgb(109,164,187)
```
#65a7c3
```
#65a7c3 rgb(101,167,195)
```
#5cabcc
```
#5cabcc rgb(92,171,204)
```
#54aed4
```
#54aed4 rgb(84,174,212)
```
#4cb2dc
```
#4cb2dc rgb(76,178,220)
```
#44b5e4
```
#44b5e4 rgb(68,181,228)
```
#3bb8ed
```
#3bb8ed rgb(59,184,237)
```
#33bcf5
```
#33bcf5 rgb(51,188,245)
```
#2bbffd
```
#2bbffd rgb(43,191,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#84a1ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b4f3 Protanopia 1% of men
#96b5ff Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#77b8f6 Protanomaly 1% of men, 0.01% of women
#6fb9fe Deuteranomaly 6% of men, 0.4% of women
#0fc4e4 Tritanomaly 0.01% of the population

#2bbffd hex color

#2bbffd Color Information

#2bbffd Color Conversion

Color Schemes with #2bbffd

Alternatives to #2bbffd

#2bbffd Preview

Shades and Tints of #2bbffd

Tones of #2bbffd

Color Blindness Simulator