#2baffa hex color

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

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

● #2baffa color description : Bright blue.

The hexadecimal color #2baffa has RGB values of R:43, G:175, B:250 and CMYK values of C:0.83, M:0.3, Y:0, K:0.02. Its decimal value is 2863098.

Hex triplet	2baffa	`#2baffa`
RGB Decimal	43, 175, 250	`rgb(43,175,250)`
RGB Percent	16.9, 68.6, 98	`rgb(16.9%,68.6%,98%)`
CMYK	83, 30, 0, 2
HSL	201.7°, 95.4, 57.5	`hsl(201.7,95.4%,57.5%)`
HSV (or HSB)	201.7°, 82.8, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.074, -8.929, -46.834
XYZ	33.577, 38.073, 96.016
xyY	0.2, 0.227, 38.073
CIE-LCH	68.074, 47.678, 259.206
CIE-LUV	68.074, -41.938, -74.782
Hunter-Lab	61.703, -10.845, -49.069
Binary	00101011, 10101111, 11111010

#2baffa
```
#2baffa rgb(43,175,250)
```
#fa762b
```
#fa762b rgb(250,118,43)
```

Complementary Color

#2bfade
```
#2bfade rgb(43,250,222)
```
#2baffa
```
#2baffa rgb(43,175,250)
```
#2b48fa
```
#2b48fa rgb(43,72,250)
```

Analogous Color

#fade2b
```
#fade2b rgb(250,222,43)
```
#2baffa
```
#2baffa rgb(43,175,250)
```
#fa2b48
```
#fa2b48 rgb(250,43,72)
```

Split Complementary Color

#affa2b
```
#affa2b rgb(175,250,43)
```
#2baffa
```
#2baffa rgb(43,175,250)
```
#fa2baf
```
#fa2baf rgb(250,43,175)
```

Triadic Color

#2bfa76
```
#2bfa76 rgb(43,250,118)
```
#2baffa
```
#2baffa rgb(43,175,250)
```
#fa2baf
```
#fa2baf rgb(250,43,175)
```
#fa762b
```
#fa762b rgb(250,118,43)
```

Tetradic Color

#0589d4
```
#0589d4 rgb(5,137,212)
```
#0699ec
```
#0699ec rgb(6,153,236)
```
#12a6f9
```
#12a6f9 rgb(18,166,249)
```
#2baffa
```
#2baffa rgb(43,175,250)
```
#44b8fb
```
#44b8fb rgb(68,184,251)
```
#5dc2fb
```
#5dc2fb rgb(93,194,251)
```
#76cbfc
```
#76cbfc rgb(118,203,252)
```

Monochromatic Color

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

#2be3fa
```
#2be3fa rgb(43,227,250)
```
#2bd2fa
```
#2bd2fa rgb(43,210,250)
```
#2bc0fa
```
#2bc0fa rgb(43,192,250)
```
#2baffa
```
#2baffa rgb(43,175,250)
```
#2b9efa
```
#2b9efa rgb(43,158,250)
```
#2b8dfa
```
#2b8dfa rgb(43,141,250)
```
#2b7bfa
```
#2b7bfa rgb(43,123,250)
```

Similar Colors

Text with hexadecimal color #2baffa

This text has a font color of #2baffa.

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

#2baffa background color

This paragraph has a background color of #2baffa.

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

#2baffa border color

This element has a border color of #2baffa.

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

CSS codes

.text {color:#2baffa;}

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

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

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

#000c12
```
#000c12 rgb(0,12,18)
```
#011825
```
#011825 rgb(1,24,37)
```
#012438
```
#012438 rgb(1,36,56)
```
#02314b
```
#02314b rgb(2,49,75)
```
#023d5f
```
#023d5f rgb(2,61,95)
```
#034a72
```
#034a72 rgb(3,74,114)
```
#035685
```
#035685 rgb(3,86,133)
```
#046298
```
#046298 rgb(4,98,152)
```
#046fab
```
#046fab rgb(4,111,171)
```
#047bbe
```
#047bbe rgb(4,123,190)
```
#0587d2
```
#0587d2 rgb(5,135,210)
```
#0594e5
```
#0594e5 rgb(5,148,229)
```
#06a0f8
```
#06a0f8 rgb(6,160,248)
```

Shade Color Variation

#18a8fa
```
#18a8fa rgb(24,168,250)
```
#2baffa
```
#2baffa rgb(43,175,250)
```
#3eb6fa
```
#3eb6fa rgb(62,182,250)
```
#51bdfb
```
#51bdfb rgb(81,189,251)
```
#64c5fb
```
#64c5fb rgb(100,197,251)
```
#78ccfc
```
#78ccfc rgb(120,204,252)
```
#8bd3fc
```
#8bd3fc rgb(139,211,252)
```
#9edafd
```
#9edafd rgb(158,218,253)
```
#b1e2fd
```
#b1e2fd rgb(177,226,253)
```
#c4e9fe
```
#c4e9fe rgb(196,233,254)
```
#d7f0fe
```
#d7f0fe rgb(215,240,254)
```
#ebf7ff
```
#ebf7ff rgb(235,247,255)
```
#feffff
```
#feffff rgb(254,255,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 #2baffa is the most saturated one.

#8f9396
```
#8f9396 rgb(143,147,150)
```
#87969e
```
#87969e rgb(135,150,158)
```
#7e98a7
```
#7e98a7 rgb(126,152,167)
```
#769aaf
```
#769aaf rgb(118,154,175)
```
#6e9db7
```
#6e9db7 rgb(110,157,183)
```
#659fc0
```
#659fc0 rgb(101,159,192)
```
#5da1c8
```
#5da1c8 rgb(93,161,200)
```
#55a4d0
```
#55a4d0 rgb(85,164,208)
```
#4ca6d9
```
#4ca6d9 rgb(76,166,217)
```
#44a8e1
```
#44a8e1 rgb(68,168,225)
```
#3caae9
```
#3caae9 rgb(60,170,233)
```
#33adf2
```
#33adf2 rgb(51,173,242)
```
#2baffa
```
#2baffa rgb(43,175,250)
```

Tone Color Variation

Below, you can see how #2baffa 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
#7c96a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a8f2 Protanopia 1% of men
#7baafd Deuteranopia 1% of men
#00bbc7 Tritanopia 0.001% of the population

Trichromacy

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

#2baffa hex color

#2baffa Color Information

#2baffa Color Conversion

Color Schemes with #2baffa

Alternatives to #2baffa

#2baffa Preview

Shades and Tints of #2baffa

Tones of #2baffa

Color Blindness Simulator