#2ba5fa hex color

In a RGB color space, hex #2ba5fa is composed of 16.9% red, 64.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 34% magenta, 0% yellow and 2% black. It has a hue angle of 204.6 degrees, a saturation of 95.4% and a lightness of 57.5%. #2ba5fa color hex could be obtained by blending #56ffff with #004bf5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 65
- B 98
RGB color chart
- C 83
- M 34
- Y 0
- K 2
CMYK color chart

● #2ba5fa color description : Bright blue.

The hexadecimal color #2ba5fa has RGB values of R:43, G:165, B:250 and CMYK values of C:0.83, M:0.34, Y:0, K:0.02. Its decimal value is 2860538.

Hex triplet	2ba5fa	`#2ba5fa`
RGB Decimal	43, 165, 250	`rgb(43,165,250)`
RGB Percent	16.9, 64.7, 98	`rgb(16.9%,64.7%,98%)`
CMYK	83, 34, 0, 2
HSL	204.6°, 95.4, 57.5	`hsl(204.6,95.4%,57.5%)`
HSV (or HSB)	204.6°, 82.8, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.218, -3.324, -51.341
XYZ	31.703, 34.323, 95.391
xyY	0.196, 0.213, 34.323
CIE-LCH	65.218, 51.449, 266.295
CIE-LUV	65.218, -38.624, -82.558
Hunter-Lab	58.586, -5.934, -55.528
Binary	00101011, 10100101, 11111010

#2ba5fa
```
#2ba5fa rgb(43,165,250)
```
#fa802b
```
#fa802b rgb(250,128,43)
```

Complementary Color

#2bfae8
```
#2bfae8 rgb(43,250,232)
```
#2ba5fa
```
#2ba5fa rgb(43,165,250)
```
#2b3efa
```
#2b3efa rgb(43,62,250)
```

Analogous Color

#fae82b
```
#fae82b rgb(250,232,43)
```
#2ba5fa
```
#2ba5fa rgb(43,165,250)
```
#fa2b3e
```
#fa2b3e rgb(250,43,62)
```

Split Complementary Color

#a5fa2b
```
#a5fa2b rgb(165,250,43)
```
#2ba5fa
```
#2ba5fa rgb(43,165,250)
```
#fa2ba5
```
#fa2ba5 rgb(250,43,165)
```

Triadic Color

#2bfa80
```
#2bfa80 rgb(43,250,128)
```
#2ba5fa
```
#2ba5fa rgb(43,165,250)
```
#fa2ba5
```
#fa2ba5 rgb(250,43,165)
```
#fa802b
```
#fa802b rgb(250,128,43)
```

Tetradic Color

#057fd4
```
#057fd4 rgb(5,127,212)
```
#068eec
```
#068eec rgb(6,142,236)
```
#129af9
```
#129af9 rgb(18,154,249)
```
#2ba5fa
```
#2ba5fa rgb(43,165,250)
```
#44b0fb
```
#44b0fb rgb(68,176,251)
```
#5dbafb
```
#5dbafb rgb(93,186,251)
```
#76c5fc
```
#76c5fc rgb(118,197,252)
```

Monochromatic Color

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

#2bd9fa
```
#2bd9fa rgb(43,217,250)
```
#2bc8fa
```
#2bc8fa rgb(43,200,250)
```
#2bb6fa
```
#2bb6fa rgb(43,182,250)
```
#2ba5fa
```
#2ba5fa rgb(43,165,250)
```
#2b94fa
```
#2b94fa rgb(43,148,250)
```
#2b83fa
```
#2b83fa rgb(43,131,250)
```
#2b71fa
```
#2b71fa rgb(43,113,250)
```

Similar Colors

Text with hexadecimal color #2ba5fa

This text has a font color of #2ba5fa.

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

#2ba5fa background color

This paragraph has a background color of #2ba5fa.

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

#2ba5fa border color

This element has a border color of #2ba5fa.

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

CSS codes

.text {color:#2ba5fa;}

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

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

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, #000b12 is the darkest color, while #fefeff is the lightest one.

#000b12
```
#000b12 rgb(0,11,18)
```
#011625
```
#011625 rgb(1,22,37)
```
#012238
```
#012238 rgb(1,34,56)
```
#022d4b
```
#022d4b rgb(2,45,75)
```
#02395f
```
#02395f rgb(2,57,95)
```
#034472
```
#034472 rgb(3,68,114)
```
#035085
```
#035085 rgb(3,80,133)
```
#045b98
```
#045b98 rgb(4,91,152)
```
#0467ab
```
#0467ab rgb(4,103,171)
```
#0472be
```
#0472be rgb(4,114,190)
```
#057ed2
```
#057ed2 rgb(5,126,210)
```
#0589e5
```
#0589e5 rgb(5,137,229)
```
#0695f8
```
#0695f8 rgb(6,149,248)
```

Shade Color Variation

#189dfa
```
#189dfa rgb(24,157,250)
```
#2ba5fa
```
#2ba5fa rgb(43,165,250)
```
#3eadfa
```
#3eadfa rgb(62,173,250)
```
#51b5fb
```
#51b5fb rgb(81,181,251)
```
#64bdfb
```
#64bdfb rgb(100,189,251)
```
#78c6fc
```
#78c6fc rgb(120,198,252)
```
#8bcefc
```
#8bcefc rgb(139,206,252)
```
#9ed6fd
```
#9ed6fd rgb(158,214,253)
```
#b1defd
```
#b1defd rgb(177,222,253)
```
#c4e6fe
```
#c4e6fe rgb(196,230,254)
```
#d7eefe
```
#d7eefe rgb(215,238,254)
```
#ebf6ff
```
#ebf6ff rgb(235,246,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8f9396
```
#8f9396 rgb(143,147,150)
```
#87959e
```
#87959e rgb(135,149,158)
```
#7e96a7
```
#7e96a7 rgb(126,150,167)
```
#7698af
```
#7698af rgb(118,152,175)
```
#6e99b7
```
#6e99b7 rgb(110,153,183)
```
#659bc0
```
#659bc0 rgb(101,155,192)
```
#5d9cc8
```
#5d9cc8 rgb(93,156,200)
```
#559ed0
```
#559ed0 rgb(85,158,208)
```
#4c9fd9
```
#4c9fd9 rgb(76,159,217)
```
#44a1e1
```
#44a1e1 rgb(68,161,225)
```
#3ca2e9
```
#3ca2e9 rgb(60,162,233)
```
#33a4f2
```
#33a4f2 rgb(51,164,242)
```
#2ba5fa
```
#2ba5fa rgb(43,165,250)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#778fa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a0f3 Protanopia 1% of men
#68a3fc Deuteranopia 1% of men
#00b3bf Tritanopia 0.001% of the population

Trichromacy

#62a2f5 Protanomaly 1% of men, 0.01% of women
#51a4fb Deuteranomaly 6% of men, 0.4% of women
#0faed4 Tritanomaly 0.01% of the population

#2ba5fa hex color

#2ba5fa Color Information

#2ba5fa Color Conversion

Color Schemes with #2ba5fa

Alternatives to #2ba5fa

#2ba5fa Preview

Shades and Tints of #2ba5fa

Tones of #2ba5fa

Color Blindness Simulator