#2baefc hex color

In a RGB color space, hex #2baefc is composed of 16.9% red, 68.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 31% magenta, 0% yellow and 1.2% black. It has a hue angle of 202.4 degrees, a saturation of 97.2% and a lightness of 57.8%. #2baefc color hex could be obtained by blending #56ffff with #005df9. Closest websafe color is: #3399ff.

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

● #2baefc color description : Bright blue.

The hexadecimal color #2baefc has RGB values of R:43, G:174, B:252 and CMYK values of C:0.83, M:0.31, Y:0, K:0.01. Its decimal value is 2862844.

Hex triplet	2baefc	`#2baefc`
RGB Decimal	43, 174, 252	`rgb(43,174,252)`
RGB Percent	16.9, 68.2, 98.8	`rgb(16.9%,68.2%,98.8%)`
CMYK	83, 31, 0, 1
HSL	202.4°, 97.2, 57.8	`hsl(202.4,97.2%,57.8%)`
HSV (or HSB)	202.4°, 82.9, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.881, -7.672, -48.224
XYZ	33.699, 37.811, 97.612
xyY	0.199, 0.224, 37.811
CIE-LCH	67.881, 48.83, 260.961
CIE-LUV	67.881, -41.486, -77.269
Hunter-Lab	61.491, -9.785, -51.076
Binary	00101011, 10101110, 11111100

#2baefc
```
#2baefc rgb(43,174,252)
```
#fc792b
```
#fc792b rgb(252,121,43)
```

Complementary Color

#2bfce2
```
#2bfce2 rgb(43,252,226)
```
#2baefc
```
#2baefc rgb(43,174,252)
```
#2b46fc
```
#2b46fc rgb(43,70,252)
```

Analogous Color

#fce22b
```
#fce22b rgb(252,226,43)
```
#2baefc
```
#2baefc rgb(43,174,252)
```
#fc2b46
```
#fc2b46 rgb(252,43,70)
```

Split Complementary Color

#aefc2b
```
#aefc2b rgb(174,252,43)
```
#2baefc
```
#2baefc rgb(43,174,252)
```
#fc2bae
```
#fc2bae rgb(252,43,174)
```

Triadic Color

#2bfc79
```
#2bfc79 rgb(43,252,121)
```
#2baefc
```
#2baefc rgb(43,174,252)
```
#fc2bae
```
#fc2bae rgb(252,43,174)
```
#fc792b
```
#fc792b rgb(252,121,43)
```

Tetradic Color

#0388d7
```
#0388d7 rgb(3,136,215)
```
#0398f1
```
#0398f1 rgb(3,152,241)
```
#12a4fc
```
#12a4fc rgb(18,164,252)
```
#2baefc
```
#2baefc rgb(43,174,252)
```
#44b8fc
```
#44b8fc rgb(68,184,252)
```
#5dc1fd
```
#5dc1fd rgb(93,193,253)
```
#76cbfd
```
#76cbfd rgb(118,203,253)
```

Monochromatic Color

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

#2be2fc
```
#2be2fc rgb(43,226,252)
```
#2bd1fc
```
#2bd1fc rgb(43,209,252)
```
#2bbffc
```
#2bbffc rgb(43,191,252)
```
#2baefc
```
#2baefc rgb(43,174,252)
```
#2b9dfc
```
#2b9dfc rgb(43,157,252)
```
#2b8bfc
```
#2b8bfc rgb(43,139,252)
```
#2b7afc
```
#2b7afc rgb(43,122,252)
```

Similar Colors

Text with hexadecimal color #2baefc

This text has a font color of #2baefc.

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

#2baefc background color

This paragraph has a background color of #2baefc.

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

#2baefc border color

This element has a border color of #2baefc.

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

CSS codes

.text {color:#2baefc;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000d14
```
#000d14 rgb(0,13,20)
```
#011927
```
#011927 rgb(1,25,39)
```
#01253b
```
#01253b rgb(1,37,59)
```
#01314e
```
#01314e rgb(1,49,78)
```
#013e61
```
#013e61 rgb(1,62,97)
```
#024a75
```
#024a75 rgb(2,74,117)
```
#025688
```
#025688 rgb(2,86,136)
```
#02629b
```
#02629b rgb(2,98,155)
```
#026faf
```
#026faf rgb(2,111,175)
```
#037bc2
```
#037bc2 rgb(3,123,194)
```
#0387d6
```
#0387d6 rgb(3,135,214)
```
#0393e9
```
#0393e9 rgb(3,147,233)
```

Shade Color Variation

#049ffb
```
#049ffb rgb(4,159,251)
```
#18a7fc
```
#18a7fc rgb(24,167,252)
```
#2baefc
```
#2baefc rgb(43,174,252)
```
#3eb5fc
```
#3eb5fc rgb(62,181,252)
```
#52bdfd
```
#52bdfd rgb(82,189,253)
```
#65c4fd
```
#65c4fd rgb(101,196,253)
```
#78ccfd
```
#78ccfd rgb(120,204,253)
```
#8cd3fd
```
#8cd3fd rgb(140,211,253)
```
#9fdafe
```
#9fdafe rgb(159,218,254)
```
#b2e2fe
```
#b2e2fe rgb(178,226,254)
```
#c6e9fe
```
#c6e9fe rgb(198,233,254)
```
#d9f1fe
```
#d9f1fe rgb(217,241,254)
```
#ecf8ff
```
#ecf8ff rgb(236,248,255)
```

Tint Color Variation

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

#8e9599
```
#8e9599 rgb(142,149,153)
```
#8697a1
```
#8697a1 rgb(134,151,161)
```
#7e99a9
```
#7e99a9 rgb(126,153,169)
```
#759bb2
```
#759bb2 rgb(117,155,178)
```
#6d9dba
```
#6d9dba rgb(109,157,186)
```
#659fc2
```
#659fc2 rgb(101,159,194)
```
#5da1ca
```
#5da1ca rgb(93,161,202)
```
#54a4d3
```
#54a4d3 rgb(84,164,211)
```
#4ca6db
```
#4ca6db rgb(76,166,219)
```
#44a8e3
```
#44a8e3 rgb(68,168,227)
```
#3caaeb
```
#3caaeb rgb(60,170,235)
```
#33acf4
```
#33acf4 rgb(51,172,244)
```
#2baefc
```
#2baefc rgb(43,174,252)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7c96a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea7f4 Protanopia 1% of men
#78aaff Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#6aa9f6 Protanomaly 1% of men, 0.01% of women
#5cabfd Deuteranomaly 6% of men, 0.4% of women
#0fb6da Tritanomaly 0.01% of the population

#2baefc hex color

#2baefc Color Information

#2baefc Color Conversion

Color Schemes with #2baefc

Alternatives to #2baefc

#2baefc Preview

Shades and Tints of #2baefc

Tones of #2baefc

Color Blindness Simulator