#2abbf9 hex color

In a RGB color space, hex #2abbf9 is composed of 16.5% red, 73.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 24.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 198 degrees, a saturation of 94.5% and a lightness of 57.1%. #2abbf9 color hex could be obtained by blending #54ffff with #0077f3. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 16
- G 73
- B 98
RGB color chart
- C 83
- M 25
- Y 0
- K 2
CMYK color chart

● #2abbf9 color description : Bright blue.

The hexadecimal color #2abbf9 has RGB values of R:42, G:187, B:249 and CMYK values of C:0.83, M:0.25, Y:0, K:0.02. Its decimal value is 2800633.

Hex triplet	2abbf9	`#2abbf9`
RGB Decimal	42, 187, 249	`rgb(42,187,249)`
RGB Percent	16.5, 73.3, 97.6	`rgb(16.5%,73.3%,97.6%)`
CMYK	83, 25, 0, 2
HSL	198°, 94.5, 57.1	`hsl(198,94.5%,57.1%)`
HSV (or HSB)	198°, 83.1, 97.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.466, -15.85, -40.978
XYZ	35.82, 42.869, 96.004
xyY	0.205, 0.245, 42.869
CIE-LCH	71.466, 43.937, 248.853
CIE-LUV	71.466, -46.129, -64.378
Hunter-Lab	65.475, -16.927, -41.104
Binary	00101010, 10111011, 11111001

#2abbf9
```
#2abbf9 rgb(42,187,249)
```
#f9682a
```
#f9682a rgb(249,104,42)
```

Complementary Color

#2af9d0
```
#2af9d0 rgb(42,249,208)
```
#2abbf9
```
#2abbf9 rgb(42,187,249)
```
#2a53f9
```
#2a53f9 rgb(42,83,249)
```

Analogous Color

#f9d02a
```
#f9d02a rgb(249,208,42)
```
#2abbf9
```
#2abbf9 rgb(42,187,249)
```
#f92a54
```
#f92a54 rgb(249,42,84)
```

Split Complementary Color

#bbf92a
```
#bbf92a rgb(187,249,42)
```
#2abbf9
```
#2abbf9 rgb(42,187,249)
```
#f92abb
```
#f92abb rgb(249,42,187)
```

Triadic Color

#2af968
```
#2af968 rgb(42,249,104)
```
#2abbf9
```
#2abbf9 rgb(42,187,249)
```
#f92abb
```
#f92abb rgb(249,42,187)
```
#f9682a
```
#f9682a rgb(249,104,42)
```

Tetradic Color

#0694d1
```
#0694d1 rgb(6,148,209)
```
#07a5e9
```
#07a5e9 rgb(7,165,233)
```
#11b3f8
```
#11b3f8 rgb(17,179,248)
```
#2abbf9
```
#2abbf9 rgb(42,187,249)
```
#43c3fa
```
#43c3fa rgb(67,195,250)
```
#5ccbfa
```
#5ccbfa rgb(92,203,250)
```
#74d3fb
```
#74d3fb rgb(116,211,251)
```

Monochromatic Color

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

#2aeff9
```
#2aeff9 rgb(42,239,249)
```
#2adef9
```
#2adef9 rgb(42,222,249)
```
#2accf9
```
#2accf9 rgb(42,204,249)
```
#2abbf9
```
#2abbf9 rgb(42,187,249)
```
#2aaaf9
```
#2aaaf9 rgb(42,170,249)
```
#2a99f9
```
#2a99f9 rgb(42,153,249)
```
#2a87f9
```
#2a87f9 rgb(42,135,249)
```

Similar Colors

Text with hexadecimal color #2abbf9

This text has a font color of #2abbf9.

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

#2abbf9 background color

This paragraph has a background color of #2abbf9.

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

#2abbf9 border color

This element has a border color of #2abbf9.

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

CSS codes

.text {color:#2abbf9;}

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

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

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

#000b10
```
#000b10 rgb(0,11,16)
```
#011923
```
#011923 rgb(1,25,35)
```
#022636
```
#022636 rgb(2,38,54)
```
#023449
```
#023449 rgb(2,52,73)
```
#03415c
```
#03415c rgb(3,65,92)
```
#034f6f
```
#034f6f rgb(3,79,111)
```
#045c82
```
#045c82 rgb(4,92,130)
```
#046a95
```
#046a95 rgb(4,106,149)
```
#0577a9
```
#0577a9 rgb(5,119,169)
```
#0585bc
```
#0585bc rgb(5,133,188)
```
#0693cf
```
#0693cf rgb(6,147,207)
```
#06a0e2
```
#06a0e2 rgb(6,160,226)
```
#07aef5
```
#07aef5 rgb(7,174,245)
```

Shade Color Variation

#17b5f8
```
#17b5f8 rgb(23,181,248)
```
#2abbf9
```
#2abbf9 rgb(42,187,249)
```
#3dc1fa
```
#3dc1fa rgb(61,193,250)
```
#50c7fa
```
#50c7fa rgb(80,199,250)
```
#63cdfb
```
#63cdfb rgb(99,205,251)
```
#76d3fb
```
#76d3fb rgb(118,211,251)
```
#89d9fc
```
#89d9fc rgb(137,217,252)
```
#9ce0fc
```
#9ce0fc rgb(156,224,252)
```
#b0e6fd
```
#b0e6fd rgb(176,230,253)
```
#c3ecfd
```
#c3ecfd rgb(195,236,253)
```
#d6f2fe
```
#d6f2fe rgb(214,242,254)
```
#e9f8fe
```
#e9f8fe rgb(233,248,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#8f9294
```
#8f9294 rgb(143,146,148)
```
#87969c
```
#87969c rgb(135,150,156)
```
#7e99a5
```
#7e99a5 rgb(126,153,165)
```
#769dad
```
#769dad rgb(118,157,173)
```
#6da0b6
```
#6da0b6 rgb(109,160,182)
```
#65a3be
```
#65a3be rgb(101,163,190)
```
#5da7c6
```
#5da7c6 rgb(93,167,198)
```
#54aacf
```
#54aacf rgb(84,170,207)
```
#4cadd7
```
#4cadd7 rgb(76,173,215)
```
#43b1e0
```
#43b1e0 rgb(67,177,224)
```
#3bb4e8
```
#3bb4e8 rgb(59,180,232)
```
#32b8f1
```
#32b8f1 rgb(50,184,241)
```
#2abbf9
```
#2abbf9 rgb(42,187,249)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#819eab Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb1ef Protanopia 1% of men
#90b2fe Deuteranopia 1% of men
#00c4d2 Tritanopia 0.001% of the population

Trichromacy

#74b4f3 Protanomaly 1% of men, 0.01% of women
#6bb5fc Deuteranomaly 6% of men, 0.4% of women
#0fc1e0 Tritanomaly 0.01% of the population

#2abbf9 hex color

#2abbf9 Color Information

#2abbf9 Color Conversion

Color Schemes with #2abbf9

Alternatives to #2abbf9

#2abbf9 Preview

Shades and Tints of #2abbf9

Tones of #2abbf9

Color Blindness Simulator