#2ab1fb hex color

In a RGB color space, hex #2ab1fb is composed of 16.5% red, 69.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 29.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 201.2 degrees, a saturation of 96.3% and a lightness of 57.5%. #2ab1fb color hex could be obtained by blending #54ffff with #0063f7. Closest websafe color is: #3399ff.

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

● #2ab1fb color description : Bright blue.

The hexadecimal color #2ab1fb has RGB values of R:42, G:177, B:251 and CMYK values of C:0.83, M:0.29, Y:0, K:0.02. Its decimal value is 2798075.

Hex triplet	2ab1fb	`#2ab1fb`
RGB Decimal	42, 177, 251	`rgb(42,177,251)`
RGB Percent	16.5, 69.4, 98.4	`rgb(16.5%,69.4%,98.4%)`
CMYK	83, 29, 0, 2
HSL	201.2°, 96.3, 57.5	`hsl(201.2,96.3%,57.5%)`
HSV (or HSB)	201.2°, 83.3, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.678, -9.757, -46.429
XYZ	34.085, 38.898, 96.973
xyY	0.201, 0.229, 38.898
CIE-LCH	68.678, 47.443, 258.131
CIE-LUV	68.678, -42.644, -74.088
Hunter-Lab	62.369, -11.593, -48.528
Binary	00101010, 10110001, 11111011

#2ab1fb
```
#2ab1fb rgb(42,177,251)
```
#fb742a
```
#fb742a rgb(251,116,42)
```

Complementary Color

#2afbdd
```
#2afbdd rgb(42,251,221)
```
#2ab1fb
```
#2ab1fb rgb(42,177,251)
```
#2a48fb
```
#2a48fb rgb(42,72,251)
```

Analogous Color

#fbdd2a
```
#fbdd2a rgb(251,221,42)
```
#2ab1fb
```
#2ab1fb rgb(42,177,251)
```
#fb2a48
```
#fb2a48 rgb(251,42,72)
```

Split Complementary Color

#b1fb2a
```
#b1fb2a rgb(177,251,42)
```
#2ab1fb
```
#2ab1fb rgb(42,177,251)
```
#fb2ab1
```
#fb2ab1 rgb(251,42,177)
```

Triadic Color

#2afb74
```
#2afb74 rgb(42,251,116)
```
#2ab1fb
```
#2ab1fb rgb(42,177,251)
```
#fb2ab1
```
#fb2ab1 rgb(251,42,177)
```
#fb742a
```
#fb742a rgb(251,116,42)
```

Tetradic Color

#048bd5
```
#048bd5 rgb(4,139,213)
```
#049bee
```
#049bee rgb(4,155,238)
```
#11a8fb
```
#11a8fb rgb(17,168,251)
```
#2ab1fb
```
#2ab1fb rgb(42,177,251)
```
#43bafb
```
#43bafb rgb(67,186,251)
```
#5cc3fc
```
#5cc3fc rgb(92,195,252)
```
#75ccfc
```
#75ccfc rgb(117,204,252)
```

Monochromatic Color

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

#2ae5fb
```
#2ae5fb rgb(42,229,251)
```
#2ad4fb
```
#2ad4fb rgb(42,212,251)
```
#2ac2fb
```
#2ac2fb rgb(42,194,251)
```
#2ab1fb
```
#2ab1fb rgb(42,177,251)
```
#2aa0fb
```
#2aa0fb rgb(42,160,251)
```
#2a8efb
```
#2a8efb rgb(42,142,251)
```
#2a7dfb
```
#2a7dfb rgb(42,125,251)
```

Similar Colors

Text with hexadecimal color #2ab1fb

This text has a font color of #2ab1fb.

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

#2ab1fb background color

This paragraph has a background color of #2ab1fb.

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

#2ab1fb border color

This element has a border color of #2ab1fb.

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

CSS codes

.text {color:#2ab1fb;}

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

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

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)
```
#012539
```
#012539 rgb(1,37,57)
```
#01314c
```
#01314c rgb(1,49,76)
```
#023e5f
```
#023e5f rgb(2,62,95)
```
#024b72
```
#024b72 rgb(2,75,114)
```
#035786
```
#035786 rgb(3,87,134)
```
#036499
```
#036499 rgb(3,100,153)
```
#0370ac
```
#0370ac rgb(3,112,172)
```
#047dbf
```
#047dbf rgb(4,125,191)
```
#0489d3
```
#0489d3 rgb(4,137,211)
```
#0496e6
```
#0496e6 rgb(4,150,230)
```
#05a3f9
```
#05a3f9 rgb(5,163,249)
```

Shade Color Variation

#17aafb
```
#17aafb rgb(23,170,251)
```
#2ab1fb
```
#2ab1fb rgb(42,177,251)
```
#3db8fb
```
#3db8fb rgb(61,184,251)
```
#51bffc
```
#51bffc rgb(81,191,252)
```
#64c6fc
```
#64c6fc rgb(100,198,252)
```
#77cdfc
```
#77cdfc rgb(119,205,252)
```
#8ad4fd
```
#8ad4fd rgb(138,212,253)
```
#9edbfd
```
#9edbfd rgb(158,219,253)
```
#b1e2fe
```
#b1e2fe rgb(177,226,254)
```
#c4e9fe
```
#c4e9fe rgb(196,233,254)
```
#d7f0fe
```
#d7f0fe rgb(215,240,254)
```
#ebf8ff
```
#ebf8ff rgb(235,248,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#8e9497
```
#8e9497 rgb(142,148,151)
```
#86969f
```
#86969f rgb(134,150,159)
```
#7d99a8
```
#7d99a8 rgb(125,153,168)
```
#759bb0
```
#759bb0 rgb(117,155,176)
```
#6d9eb8
```
#6d9eb8 rgb(109,158,184)
```
#64a0c1
```
#64a0c1 rgb(100,160,193)
```
#5ca2c9
```
#5ca2c9 rgb(92,162,201)
```
#54a5d1
```
#54a5d1 rgb(84,165,209)
```
#4ba7da
```
#4ba7da rgb(75,167,218)
```
#43aae2
```
#43aae2 rgb(67,170,226)
```
#3bacea
```
#3bacea rgb(59,172,234)
```
#32aff3
```
#32aff3 rgb(50,175,243)
```
#2ab1fb
```
#2ab1fb rgb(42,177,251)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7c97a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a9f2 Protanopia 1% of men
#7eabff Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#6cacf5 Protanomaly 1% of men, 0.01% of women
#5fadfd Deuteranomaly 6% of men, 0.4% of women
#0fb8db Tritanomaly 0.01% of the population

#2ab1fb hex color

#2ab1fb Color Information

#2ab1fb Color Conversion

Color Schemes with #2ab1fb

Alternatives to #2ab1fb

#2ab1fb Preview

Shades and Tints of #2ab1fb

Tones of #2ab1fb

Color Blindness Simulator