#2f83ea hex color

In a RGB color space, hex #2f83ea is composed of 18.4% red, 51.4% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 44% magenta, 0% yellow and 8.2% black. It has a hue angle of 213 degrees, a saturation of 81.7% and a lightness of 55.1%. #2f83ea color hex could be obtained by blending #5effff with #0007d5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 51
- B 92
RGB color chart
- C 80
- M 44
- Y 0
- K 8
CMYK color chart

● #2f83ea color description : Bright blue.

The hexadecimal color #2f83ea has RGB values of R:47, G:131, B:234 and CMYK values of C:0.8, M:0.44, Y:0, K:0.08. Its decimal value is 3113962.

Hex triplet	2f83ea	`#2f83ea`
RGB Decimal	47, 131, 234	`rgb(47,131,234)`
RGB Percent	18.4, 51.4, 91.8	`rgb(18.4%,51.4%,91.8%)`
CMYK	80, 44, 0, 8
HSL	213°, 81.7, 55.1	`hsl(213,81.7%,55.1%)`
HSV (or HSB)	213°, 79.9, 91.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.84, 11.281, -59.052
XYZ	24.137, 22.775, 80.961
xyY	0.189, 0.178, 22.775
CIE-LCH	54.84, 60.12, 280.815
CIE-LUV	54.84, -27.959, -93.793
Hunter-Lab	47.724, 6.761, -67.177
Binary	00101111, 10000011, 11101010

#2f83ea
```
#2f83ea rgb(47,131,234)
```
#ea962f
```
#ea962f rgb(234,150,47)
```

Complementary Color

#2fe1ea
```
#2fe1ea rgb(47,225,234)
```
#2f83ea
```
#2f83ea rgb(47,131,234)
```
#392fea
```
#392fea rgb(57,47,234)
```

Analogous Color

#e1ea2f
```
#e1ea2f rgb(225,234,47)
```
#2f83ea
```
#2f83ea rgb(47,131,234)
```
#ea382f
```
#ea382f rgb(234,56,47)
```

Split Complementary Color

#83ea2f
```
#83ea2f rgb(131,234,47)
```
#2f83ea
```
#2f83ea rgb(47,131,234)
```
#ea2f83
```
#ea2f83 rgb(234,47,131)
```

Triadic Color

#2fea96
```
#2fea96 rgb(47,234,150)
```
#2f83ea
```
#2f83ea rgb(47,131,234)
```
#ea2f83
```
#ea2f83 rgb(234,47,131)
```
#ea962f
```
#ea962f rgb(234,150,47)
```

Tetradic Color

#135eba
```
#135eba rgb(19,94,186)
```
#1569d1
```
#1569d1 rgb(21,105,209)
```
#1875e8
```
#1875e8 rgb(24,117,232)
```
#2f83ea
```
#2f83ea rgb(47,131,234)
```
#4691ec
```
#4691ec rgb(70,145,236)
```
#5d9fef
```
#5d9fef rgb(93,159,239)
```
#74acf1
```
#74acf1 rgb(116,172,241)
```

Monochromatic Color

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

#2fb2ea
```
#2fb2ea rgb(47,178,234)
```
#2fa2ea
```
#2fa2ea rgb(47,162,234)
```
#2f93ea
```
#2f93ea rgb(47,147,234)
```
#2f83ea
```
#2f83ea rgb(47,131,234)
```
#2f73ea
```
#2f73ea rgb(47,115,234)
```
#2f64ea
```
#2f64ea rgb(47,100,234)
```
#2f54ea
```
#2f54ea rgb(47,84,234)
```

Similar Colors

Text with hexadecimal color #2f83ea

This text has a font color of #2f83ea.

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

#2f83ea background color

This paragraph has a background color of #2f83ea.

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

#2f83ea border color

This element has a border color of #2f83ea.

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

CSS codes

.text {color:#2f83ea;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#020c18
```
#020c18 rgb(2,12,24)
```
#041529
```
#041529 rgb(4,21,41)
```
#061e3b
```
#061e3b rgb(6,30,59)
```
#08274d
```
#08274d rgb(8,39,77)
```
#0a305f
```
#0a305f rgb(10,48,95)
```
#0b3971
```
#0b3971 rgb(11,57,113)
```
#0d4283
```
#0d4283 rgb(13,66,131)
```
#0f4b94
```
#0f4b94 rgb(15,75,148)
```
#1154a6
```
#1154a6 rgb(17,84,166)
```
#135db8
```
#135db8 rgb(19,93,184)
```
#1466ca
```
#1466ca rgb(20,102,202)
```
#166fdc
```
#166fdc rgb(22,111,220)
```

Shade Color Variation

#1d78e8
```
#1d78e8 rgb(29,120,232)
```
#2f83ea
```
#2f83ea rgb(47,131,234)
```
#418eec
```
#418eec rgb(65,142,236)
```
#5398ee
```
#5398ee rgb(83,152,238)
```
#64a3ef
```
#64a3ef rgb(100,163,239)
```
#76adf1
```
#76adf1 rgb(118,173,241)
```
#88b8f3
```
#88b8f3 rgb(136,184,243)
```
#9ac3f5
```
#9ac3f5 rgb(154,195,245)
```
#accdf7
```
#accdf7 rgb(172,205,247)
```
#bed8f8
```
#bed8f8 rgb(190,216,248)
```
#cfe3fa
```
#cfe3fa rgb(207,227,250)
```
#e1edfc
```
#e1edfc rgb(225,237,252)
```
#f3f8fe
```
#f3f8fe rgb(243,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878c92 is the less saturated color, while #1d81fc is the most saturated one.

#878c92
```
#878c92 rgb(135,140,146)
```
#7e8b9b
```
#7e8b9b rgb(126,139,155)
```
#758aa4
```
#758aa4 rgb(117,138,164)
```
#6d89ac
```
#6d89ac rgb(109,137,172)
```
#6488b5
```
#6488b5 rgb(100,136,181)
```
#5b87be
```
#5b87be rgb(91,135,190)
```
#5287c7
```
#5287c7 rgb(82,135,199)
```
#4986d0
```
#4986d0 rgb(73,134,208)
```
#4185d8
```
#4185d8 rgb(65,133,216)
```
#3884e1
```
#3884e1 rgb(56,132,225)
```
#2f83ea
```
#2f83ea rgb(47,131,234)
```
#2682f3
```
#2682f3 rgb(38,130,243)
```
#1d81fc
```
#1d81fc rgb(29,129,252)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#68798d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5686e8 Protanopia 1% of men
#008be9 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#4885e9 Protanomaly 1% of men, 0.01% of women
#1188e9 Deuteranomaly 6% of men, 0.4% of women
#118fbb Tritanomaly 0.01% of the population

#2f83ea hex color

#2f83ea Color Information

#2f83ea Color Conversion

Color Schemes with #2f83ea

Alternatives to #2f83ea

#2f83ea Preview

Shades and Tints of #2f83ea

Tones of #2f83ea

Color Blindness Simulator