#2f89f6 hex color

In a RGB color space, hex #2f89f6 is composed of 18.4% red, 53.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 44.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 212.9 degrees, a saturation of 91.7% and a lightness of 57.5%. #2f89f6 color hex could be obtained by blending #5effff with #0013ed. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 54
- B 96
RGB color chart
- C 81
- M 44
- Y 0
- K 4
CMYK color chart

● #2f89f6 color description : Bright blue.

The hexadecimal color #2f89f6 has RGB values of R:47, G:137, B:246 and CMYK values of C:0.81, M:0.44, Y:0, K:0.04. Its decimal value is 3115510.

Hex triplet	2f89f6	`#2f89f6`
RGB Decimal	47, 137, 246	`rgb(47,137,246)`
RGB Percent	18.4, 53.7, 96.5	`rgb(18.4%,53.7%,96.5%)`
CMYK	81, 44, 0, 4
HSL	212.9°, 91.7, 57.5	`hsl(212.9,91.7%,57.5%)`
HSV (or HSB)	212.9°, 80.9, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.219, 12.064, -61.894
XYZ	26.749, 25.147, 90.628
xyY	0.188, 0.176, 25.147
CIE-LCH	57.219, 63.058, 281.029
CIE-LUV	57.219, -29.401, -99.271
Hunter-Lab	50.147, 7.456, -72.048
Binary	00101111, 10001001, 11110110

#2f89f6
```
#2f89f6 rgb(47,137,246)
```
#f69c2f
```
#f69c2f rgb(246,156,47)
```

Complementary Color

#2fedf6
```
#2fedf6 rgb(47,237,246)
```
#2f89f6
```
#2f89f6 rgb(47,137,246)
```
#392ff6
```
#392ff6 rgb(57,47,246)
```

Analogous Color

#edf62f
```
#edf62f rgb(237,246,47)
```
#2f89f6
```
#2f89f6 rgb(47,137,246)
```
#f6392f
```
#f6392f rgb(246,57,47)
```

Split Complementary Color

#89f62f
```
#89f62f rgb(137,246,47)
```
#2f89f6
```
#2f89f6 rgb(47,137,246)
```
#f62f89
```
#f62f89 rgb(246,47,137)
```

Triadic Color

#2ff69c
```
#2ff69c rgb(47,246,156)
```
#2f89f6
```
#2f89f6 rgb(47,137,246)
```
#f62f89
```
#f62f89 rgb(246,47,137)
```
#f69c2f
```
#f69c2f rgb(246,156,47)
```

Tetradic Color

#0963d0
```
#0963d0 rgb(9,99,208)
```
#0a6ee8
```
#0a6ee8 rgb(10,110,232)
```
#177bf5
```
#177bf5 rgb(23,123,245)
```
#2f89f6
```
#2f89f6 rgb(47,137,246)
```
#4797f7
```
#4797f7 rgb(71,151,247)
```
#60a5f8
```
#60a5f8 rgb(96,165,248)
```
#78b3f9
```
#78b3f9 rgb(120,179,249)
```

Monochromatic Color

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

#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#2faaf6
```
#2faaf6 rgb(47,170,246)
```
#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#2f89f6
```
#2f89f6 rgb(47,137,246)
```
#2f78f6
```
#2f78f6 rgb(47,120,246)
```
#2f68f6
```
#2f68f6 rgb(47,104,246)
```
#2f57f6
```
#2f57f6 rgb(47,87,246)
```

Similar Colors

Text with hexadecimal color #2f89f6

This text has a font color of #2f89f6.

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

#2f89f6 background color

This paragraph has a background color of #2f89f6.

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

#2f89f6 border color

This element has a border color of #2f89f6.

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

CSS codes

.text {color:#2f89f6;}

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

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

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

#010812
```
#010812 rgb(1,8,18)
```
#021124
```
#021124 rgb(2,17,36)
```
#021a37
```
#021a37 rgb(2,26,55)
```
#03234a
```
#03234a rgb(3,35,74)
```
#042c5d
```
#042c5d rgb(4,44,93)
```
#053570
```
#053570 rgb(5,53,112)
```
#063e82
```
#063e82 rgb(6,62,130)
```
#064795
```
#064795 rgb(6,71,149)
```
#0750a8
```
#0750a8 rgb(7,80,168)
```
#0859bb
```
#0859bb rgb(8,89,187)
```
#0962ce
```
#0962ce rgb(9,98,206)
```
#0a6be0
```
#0a6be0 rgb(10,107,224)
```
#0b74f3
```
#0b74f3 rgb(11,116,243)
```

Shade Color Variation

#1c7ef5
```
#1c7ef5 rgb(28,126,245)
```
#2f89f6
```
#2f89f6 rgb(47,137,246)
```
#4294f7
```
#4294f7 rgb(66,148,247)
```
#559ef8
```
#559ef8 rgb(85,158,248)
```
#67a9f8
```
#67a9f8 rgb(103,169,248)
```
#7ab4f9
```
#7ab4f9 rgb(122,180,249)
```
#8dbefa
```
#8dbefa rgb(141,190,250)
```
#a0c9fb
```
#a0c9fb rgb(160,201,251)
```
#b3d4fc
```
#b3d4fc rgb(179,212,252)
```
#c5defd
```
#c5defd rgb(197,222,253)
```
#d8e9fd
```
#d8e9fd rgb(216,233,253)
```
#ebf4fe
```
#ebf4fe rgb(235,244,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8b929a
```
#8b929a rgb(139,146,154)
```
#8291a3
```
#8291a3 rgb(130,145,163)
```
#7a90ab
```
#7a90ab rgb(122,144,171)
```
#728fb3
```
#728fb3 rgb(114,143,179)
```
#698fbc
```
#698fbc rgb(105,143,188)
```
#618ec4
```
#618ec4 rgb(97,142,196)
```
#598dcc
```
#598dcc rgb(89,141,204)
```
#508cd5
```
#508cd5 rgb(80,140,213)
```
#488bdd
```
#488bdd rgb(72,139,221)
```
#408be5
```
#408be5 rgb(64,139,229)
```
#378aee
```
#378aee rgb(55,138,238)
```
#2f89f6
```
#2f89f6 rgb(47,137,246)
```
#2788fe
```
#2788fe rgb(39,136,254)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c7e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#588cf3 Protanopia 1% of men
#0091f3 Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#498af4 Protanomaly 1% of men, 0.01% of women
#118ef4 Deuteranomaly 6% of men, 0.4% of women
#1196c3 Tritanomaly 0.01% of the population

#2f89f6 hex color

#2f89f6 Color Information

#2f89f6 Color Conversion

Color Schemes with #2f89f6

Alternatives to #2f89f6

#2f89f6 Preview

Shades and Tints of #2f89f6

Tones of #2f89f6

Color Blindness Simulator