#2ba5fd hex color

In a RGB color space, hex #2ba5fd is composed of 16.9% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 205.1 degrees, a saturation of 98.1% and a lightness of 58%. #2ba5fd color hex could be obtained by blending #56ffff with #004bfb. Closest websafe color is: #3399ff.

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

● #2ba5fd color description : Bright blue.

The hexadecimal color #2ba5fd has RGB values of R:43, G:165, B:253 and CMYK values of C:0.83, M:0.35, Y:0, K:0.01. Its decimal value is 2860541.

Hex triplet	2ba5fd	`#2ba5fd`
RGB Decimal	43, 165, 253	`rgb(43,165,253)`
RGB Percent	16.9, 64.7, 99.2	`rgb(16.9%,64.7%,99.2%)`
CMYK	83, 35, 0, 1
HSL	205.1°, 98.1, 58	`hsl(205.1,98.1%,58%)`
HSV (or HSB)	205.1°, 83, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.368, -2.248, -52.739
XYZ	32.177, 34.513, 97.889
xyY	0.196, 0.21, 34.513
CIE-LCH	65.368, 52.787, 267.559
CIE-LUV	65.368, -38.461, -85.068
Hunter-Lab	58.748, -5.042, -57.669
Binary	00101011, 10100101, 11111101

#2ba5fd
```
#2ba5fd rgb(43,165,253)
```
#fd832b
```
#fd832b rgb(253,131,43)
```

Complementary Color

#2bfdec
```
#2bfdec rgb(43,253,236)
```
#2ba5fd
```
#2ba5fd rgb(43,165,253)
```
#2b3cfd
```
#2b3cfd rgb(43,60,253)
```

Analogous Color

#fdec2b
```
#fdec2b rgb(253,236,43)
```
#2ba5fd
```
#2ba5fd rgb(43,165,253)
```
#fd2b3c
```
#fd2b3c rgb(253,43,60)
```

Split Complementary Color

#a5fd2b
```
#a5fd2b rgb(165,253,43)
```
#2ba5fd
```
#2ba5fd rgb(43,165,253)
```
#fd2ba5
```
#fd2ba5 rgb(253,43,165)
```

Triadic Color

#2bfd83
```
#2bfd83 rgb(43,253,131)
```
#2ba5fd
```
#2ba5fd rgb(43,165,253)
```
#fd2ba5
```
#fd2ba5 rgb(253,43,165)
```
#fd832b
```
#fd832b rgb(253,131,43)
```

Tetradic Color

#027fd9
```
#027fd9 rgb(2,127,217)
```
#028ef3
```
#028ef3 rgb(2,142,243)
```
#129afd
```
#129afd rgb(18,154,253)
```
#2ba5fd
```
#2ba5fd rgb(43,165,253)
```
#44b0fd
```
#44b0fd rgb(68,176,253)
```
#5ebafd
```
#5ebafd rgb(94,186,253)
```
#77c5fe
```
#77c5fe rgb(119,197,254)
```

Monochromatic Color

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

#2bdafd
```
#2bdafd rgb(43,218,253)
```
#2bc8fd
```
#2bc8fd rgb(43,200,253)
```
#2bb7fd
```
#2bb7fd rgb(43,183,253)
```
#2ba5fd
```
#2ba5fd rgb(43,165,253)
```
#2b94fd
```
#2b94fd rgb(43,148,253)
```
#2b82fd
```
#2b82fd rgb(43,130,253)
```
#2b71fd
```
#2b71fd rgb(43,113,253)
```

Similar Colors

Text with hexadecimal color #2ba5fd

This text has a font color of #2ba5fd.

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

#2ba5fd background color

This paragraph has a background color of #2ba5fd.

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

#2ba5fd border color

This element has a border color of #2ba5fd.

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

CSS codes

.text {color:#2ba5fd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000c15
```
#000c15 rgb(0,12,21)
```
#001829
```
#001829 rgb(0,24,41)
```
#01233c
```
#01233c rgb(1,35,60)
```
#012e4f
```
#012e4f rgb(1,46,79)
```
#013a63
```
#013a63 rgb(1,58,99)
```
#014576
```
#014576 rgb(1,69,118)
```
#01518a
```
#01518a rgb(1,81,138)
```
#015c9d
```
#015c9d rgb(1,92,157)
```
#0267b1
```
#0267b1 rgb(2,103,177)
```
#0273c4
```
#0273c4 rgb(2,115,196)
```
#027ed8
```
#027ed8 rgb(2,126,216)
```
#0289eb
```
#0289eb rgb(2,137,235)
```

Shade Color Variation

#0495fd
```
#0495fd rgb(4,149,253)
```
#189dfd
```
#189dfd rgb(24,157,253)
```
#2ba5fd
```
#2ba5fd rgb(43,165,253)
```
#3eadfd
```
#3eadfd rgb(62,173,253)
```
#52b5fd
```
#52b5fd rgb(82,181,253)
```
#65befe
```
#65befe rgb(101,190,254)
```
#79c6fe
```
#79c6fe rgb(121,198,254)
```
#8ccefe
```
#8ccefe rgb(140,206,254)
```
#a0d6fe
```
#a0d6fe rgb(160,214,254)
```
#b3dffe
```
#b3dffe rgb(179,223,254)
```
#c6e7fe
```
#c6e7fe rgb(198,231,254)
```
#daefff
```
#daefff rgb(218,239,255)
```
#edf7ff
```
#edf7ff rgb(237,247,255)
```

Tint Color Variation

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

#8e959a
```
#8e959a rgb(142,149,154)
```
#8696a2
```
#8696a2 rgb(134,150,162)
```
#7d98ab
```
#7d98ab rgb(125,152,171)
```
#7599b3
```
#7599b3 rgb(117,153,179)
```
#6d9abb
```
#6d9abb rgb(109,154,187)
```
#659cc3
```
#659cc3 rgb(101,156,195)
```
#5c9dcc
```
#5c9dcc rgb(92,157,204)
```
#549ed4
```
#549ed4 rgb(84,158,212)
```
#4ca0dc
```
#4ca0dc rgb(76,160,220)
```
#44a1e4
```
#44a1e4 rgb(68,161,228)
```
#3ba2ed
```
#3ba2ed rgb(59,162,237)
```
#33a4f5
```
#33a4f5 rgb(51,164,245)
```
#2ba5fd
```
#2ba5fd rgb(43,165,253)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7890a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a0f6 Protanopia 1% of men
#65a4ff Deuteranopia 1% of men
#00b3bf Tritanopia 0.001% of the population

Trichromacy

#62a2f8 Protanomaly 1% of men, 0.01% of women
#50a4fe Deuteranomaly 6% of men, 0.4% of women
#0faed5 Tritanomaly 0.01% of the population

#2ba5fd hex color

#2ba5fd Color Information

#2ba5fd Color Conversion

Color Schemes with #2ba5fd

Alternatives to #2ba5fd

#2ba5fd Preview

Shades and Tints of #2ba5fd

Tones of #2ba5fd

Color Blindness Simulator