#2f63ef hex color

In a RGB color space, hex #2f63ef is composed of 18.4% red, 38.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 58.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 223.8 degrees, a saturation of 85.7% and a lightness of 56.1%. #2f63ef color hex could be obtained by blending #5ec6ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 39
- B 94
RGB color chart
- C 80
- M 59
- Y 0
- K 6
CMYK color chart

● #2f63ef color description : Bright blue.

The hexadecimal color #2f63ef has RGB values of R:47, G:99, B:239 and CMYK values of C:0.8, M:0.59, Y:0, K:0.06. Its decimal value is 3105775.

Hex triplet	2f63ef	`#2f63ef`
RGB Decimal	47, 99, 239	`rgb(47,99,239)`
RGB Percent	18.4, 38.8, 93.7	`rgb(18.4%,38.8%,93.7%)`
CMYK	80, 59, 0, 6
HSL	223.8°, 85.7, 56.1	`hsl(223.8,85.7%,56.1%)`
HSV (or HSB)	223.8°, 80.3, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.656, 33.211, -75.096
XYZ	21.211, 15.758, 83.58
xyY	0.176, 0.131, 15.758
CIE-LCH	46.656, 82.112, 293.857
CIE-LUV	46.656, -18.762, -114.835
Hunter-Lab	39.697, 25.907, -97.045
Binary	00101111, 01100011, 11101111

#2f63ef
```
#2f63ef rgb(47,99,239)
```
#efbb2f
```
#efbb2f rgb(239,187,47)
```

Complementary Color

#2fc3ef
```
#2fc3ef rgb(47,195,239)
```
#2f63ef
```
#2f63ef rgb(47,99,239)
```
#5b2fef
```
#5b2fef rgb(91,47,239)
```

Analogous Color

#c3ef2f
```
#c3ef2f rgb(195,239,47)
```
#2f63ef
```
#2f63ef rgb(47,99,239)
```
#ef5b2f
```
#ef5b2f rgb(239,91,47)
```

Split Complementary Color

#63ef2f
```
#63ef2f rgb(99,239,47)
```
#2f63ef
```
#2f63ef rgb(47,99,239)
```
#ef2f63
```
#ef2f63 rgb(239,47,99)
```

Triadic Color

#2fefbb
```
#2fefbb rgb(47,239,187)
```
#2f63ef
```
#2f63ef rgb(47,99,239)
```
#ef2f63
```
#ef2f63 rgb(239,47,99)
```
#efbb2f
```
#efbb2f rgb(239,187,47)
```

Tetradic Color

#0f40c3
```
#0f40c3 rgb(15,64,195)
```
#1147da
```
#1147da rgb(17,71,218)
```
#1751ed
```
#1751ed rgb(23,81,237)
```
#2f63ef
```
#2f63ef rgb(47,99,239)
```
#4775f1
```
#4775f1 rgb(71,117,241)
```
#5e87f3
```
#5e87f3 rgb(94,135,243)
```
#7698f4
```
#7698f4 rgb(118,152,244)
```

Monochromatic Color

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

#2f93ef
```
#2f93ef rgb(47,147,239)
```
#2f83ef
```
#2f83ef rgb(47,131,239)
```
#2f73ef
```
#2f73ef rgb(47,115,239)
```
#2f63ef
```
#2f63ef rgb(47,99,239)
```
#2f53ef
```
#2f53ef rgb(47,83,239)
```
#2f43ef
```
#2f43ef rgb(47,67,239)
```
#2f33ef
```
#2f33ef rgb(47,51,239)
```

Similar Colors

Text with hexadecimal color #2f63ef

This text has a font color of #2f63ef.

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

#2f63ef background color

This paragraph has a background color of #2f63ef.

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

#2f63ef border color

This element has a border color of #2f63ef.

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

CSS codes

.text {color:#2f63ef;}

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

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

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, #01030b is the darkest color, while #f7f9fe is the lightest one.

#01030b
```
#01030b rgb(1,3,11)
```
#02091d
```
#02091d rgb(2,9,29)
```
#040f2f
```
#040f2f rgb(4,15,47)
```
#051541
```
#051541 rgb(5,21,65)
```
#061b53
```
#061b53 rgb(6,27,83)
```
#082166
```
#082166 rgb(8,33,102)
```
#092778
```
#092778 rgb(9,39,120)
```
#0b2d8a
```
#0b2d8a rgb(11,45,138)
```
#0c339c
```
#0c339c rgb(12,51,156)
```
#0d39af
```
#0d39af rgb(13,57,175)
```
#0f3fc1
```
#0f3fc1 rgb(15,63,193)
```
#1045d3
```
#1045d3 rgb(16,69,211)
```
#124be5
```
#124be5 rgb(18,75,229)
```

Shade Color Variation

#1d55ee
```
#1d55ee rgb(29,85,238)
```
#2f63ef
```
#2f63ef rgb(47,99,239)
```
#4171f0
```
#4171f0 rgb(65,113,240)
```
#537ef2
```
#537ef2 rgb(83,126,242)
```
#668cf3
```
#668cf3 rgb(102,140,243)
```
#789af5
```
#789af5 rgb(120,154,245)
```
#8aa7f6
```
#8aa7f6 rgb(138,167,246)
```
#9cb5f7
```
#9cb5f7 rgb(156,181,247)
```
#afc3f9
```
#afc3f9 rgb(175,195,249)
```
#c1d0fa
```
#c1d0fa rgb(193,208,250)
```
#d3defc
```
#d3defc rgb(211,222,252)
```
#e5ecfd
```
#e5ecfd rgb(229,236,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#8e8e90
```
#8e8e90 rgb(142,142,144)
```
#858a99
```
#858a99 rgb(133,138,153)
```
#7d87a1
```
#7d87a1 rgb(125,135,161)
```
#7483aa
```
#7483aa rgb(116,131,170)
```
#6b7fb3
```
#6b7fb3 rgb(107,127,179)
```
#637bbb
```
#637bbb rgb(99,123,187)
```
#5a77c4
```
#5a77c4 rgb(90,119,196)
```
#5173cd
```
#5173cd rgb(81,115,205)
```
#496fd5
```
#496fd5 rgb(73,111,213)
```
#406bde
```
#406bde rgb(64,107,222)
```
#3867e6
```
#3867e6 rgb(56,103,230)
```
#2f63ef
```
#2f63ef rgb(47,99,239)
```
#265ff8
```
#265ff8 rgb(38,95,248)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#59637f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0078c3 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#116ce5 Protanomaly 1% of men, 0.01% of women
#1170d3 Deuteranomaly 6% of men, 0.4% of women
#1176ae Tritanomaly 0.01% of the population

#2f63ef hex color

#2f63ef Color Information

#2f63ef Color Conversion

Color Schemes with #2f63ef

Alternatives to #2f63ef

#2f63ef Preview

Shades and Tints of #2f63ef

Tones of #2f63ef

Color Blindness Simulator