#2989fa hex color

In a RGB color space, hex #2989fa is composed of 16.1% red, 53.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 45.2% magenta, 0% yellow and 2% black. It has a hue angle of 212.4 degrees, a saturation of 95.4% and a lightness of 57.1%. #2989fa color hex could be obtained by blending #52ffff with #0013f5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 54
- B 98
RGB color chart
- C 84
- M 45
- Y 0
- K 2
CMYK color chart

● #2989fa color description : Bright blue.

The hexadecimal color #2989fa has RGB values of R:41, G:137, B:250 and CMYK values of C:0.84, M:0.45, Y:0, K:0.02. Its decimal value is 2722298.

Hex triplet	2989fa	`#2989fa`
RGB Decimal	41, 137, 250	`rgb(41,137,250)`
RGB Percent	16.1, 53.7, 98	`rgb(16.1%,53.7%,98%)`
CMYK	84, 45, 0, 2
HSL	212.4°, 95.4, 57.1	`hsl(212.4,95.4%,57.1%)`
HSV (or HSB)	212.4°, 83.6, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.33, 13.057, -63.928
XYZ	27.112, 25.263, 93.884
xyY	0.185, 0.173, 25.263
CIE-LCH	57.33, 65.248, 281.543
CIE-LUV	57.33, -29.921, -102.645
Hunter-Lab	50.262, 8.326, -75.565
Binary	00101001, 10001001, 11111010

#2989fa
```
#2989fa rgb(41,137,250)
```
#fa9a29
```
#fa9a29 rgb(250,154,41)
```

Complementary Color

#29f2fa
```
#29f2fa rgb(41,242,250)
```
#2989fa
```
#2989fa rgb(41,137,250)
```
#3229fa
```
#3229fa rgb(50,41,250)
```

Analogous Color

#f2fa29
```
#f2fa29 rgb(242,250,41)
```
#2989fa
```
#2989fa rgb(41,137,250)
```
#fa3229
```
#fa3229 rgb(250,50,41)
```

Split Complementary Color

#89fa29
```
#89fa29 rgb(137,250,41)
```
#2989fa
```
#2989fa rgb(41,137,250)
```
#fa2989
```
#fa2989 rgb(250,41,137)
```

Triadic Color

#29fa9a
```
#29fa9a rgb(41,250,154)
```
#2989fa
```
#2989fa rgb(41,137,250)
```
#fa2989
```
#fa2989 rgb(250,41,137)
```
#fa9a29
```
#fa9a29 rgb(250,154,41)
```

Tetradic Color

#0563d2
```
#0563d2 rgb(5,99,210)
```
#056feb
```
#056feb rgb(5,111,235)
```
#107bf9
```
#107bf9 rgb(16,123,249)
```
#2989fa
```
#2989fa rgb(41,137,250)
```
#4297fb
```
#4297fb rgb(66,151,251)
```
#5ba4fb
```
#5ba4fb rgb(91,164,251)
```
#74b2fc
```
#74b2fc rgb(116,178,252)
```

Monochromatic Color

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

#29bdfa
```
#29bdfa rgb(41,189,250)
```
#29acfa
```
#29acfa rgb(41,172,250)
```
#299afa
```
#299afa rgb(41,154,250)
```
#2989fa
```
#2989fa rgb(41,137,250)
```
#2978fa
```
#2978fa rgb(41,120,250)
```
#2966fa
```
#2966fa rgb(41,102,250)
```
#2955fa
```
#2955fa rgb(41,85,250)
```

Similar Colors

Text with hexadecimal color #2989fa

This text has a font color of #2989fa.

<span style="color:#2989fa;">Text here</span>

#2989fa background color

This paragraph has a background color of #2989fa.

<p style="background-color:#2989fa;">Content here</p>

#2989fa border color

This element has a border color of #2989fa.

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

CSS codes

.text {color:#2989fa;}

.background {background-color:#2989fa;}

.border {border:1px solid #2989fa;}

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, #000810 is the darkest color, while #fcfdff is the lightest one.

#000810
```
#000810 rgb(0,8,16)
```
#011123
```
#011123 rgb(1,17,35)
```
#011a36
```
#011a36 rgb(1,26,54)
```
#02234a
```
#02234a rgb(2,35,74)
```
#022c5d
```
#022c5d rgb(2,44,93)
```
#033570
```
#033570 rgb(3,53,112)
```
#033e83
```
#033e83 rgb(3,62,131)
```
#044796
```
#044796 rgb(4,71,150)
```
#0450a9
```
#0450a9 rgb(4,80,169)
```
#0459bd
```
#0459bd rgb(4,89,189)
```
#0562d0
```
#0562d0 rgb(5,98,208)
```
#056be3
```
#056be3 rgb(5,107,227)
```
#0674f6
```
#0674f6 rgb(6,116,246)
```

Shade Color Variation

#167efa
```
#167efa rgb(22,126,250)
```
#2989fa
```
#2989fa rgb(41,137,250)
```
#3c94fa
```
#3c94fa rgb(60,148,250)
```
#4f9efb
```
#4f9efb rgb(79,158,251)
```
#63a9fb
```
#63a9fb rgb(99,169,251)
```
#76b3fc
```
#76b3fc rgb(118,179,252)
```
#89befc
```
#89befc rgb(137,190,252)
```
#9cc8fd
```
#9cc8fd rgb(156,200,253)
```
#afd3fd
```
#afd3fd rgb(175,211,253)
```
#c2defe
```
#c2defe rgb(194,222,254)
```
#d6e8fe
```
#d6e8fe rgb(214,232,254)
```
#e9f3fe
```
#e9f3fe rgb(233,243,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#8e9195
```
#8e9195 rgb(142,145,149)
```
#86919d
```
#86919d rgb(134,145,157)
```
#7d90a6
```
#7d90a6 rgb(125,144,166)
```
#758fae
```
#758fae rgb(117,143,174)
```
#6c8eb7
```
#6c8eb7 rgb(108,142,183)
```
#648ebf
```
#648ebf rgb(100,142,191)
```
#5c8dc7
```
#5c8dc7 rgb(92,141,199)
```
#538cd0
```
#538cd0 rgb(83,140,208)
```
#4b8cd8
```
#4b8cd8 rgb(75,140,216)
```
#428be1
```
#428be1 rgb(66,139,225)
```
#3a8ae9
```
#3a8ae9 rgb(58,138,233)
```
#318af2
```
#318af2 rgb(49,138,242)
```
#2989fa
```
#2989fa rgb(41,137,250)
```

Tone Color Variation

Below, you can see how #2989fa 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

#797979 Achromatopsia 0.005% of the population
#697c93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#548cf7 Protanopia 1% of men
#0092f2 Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#448bf8 Protanomaly 1% of men, 0.01% of women
#0e8ef5 Deuteranomaly 6% of men, 0.4% of women
#0e96c5 Tritanomaly 0.01% of the population

#2989fa hex color

#2989fa Color Information

#2989fa Color Conversion

Color Schemes with #2989fa

Alternatives to #2989fa

#2989fa Preview

Shades and Tints of #2989fa

Tones of #2989fa

Color Blindness Simulator