#2f63ca hex color

In a RGB color space, hex #2f63ca is composed of 18.4% red, 38.8% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 51% magenta, 0% yellow and 20.8% black. It has a hue angle of 219.9 degrees, a saturation of 62.2% and a lightness of 48.8%. #2f63ca color hex could be obtained by blending #5ec6ff with #000095. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 39
- B 79
RGB color chart
- C 77
- M 51
- Y 0
- K 21
CMYK color chart

● #2f63ca color description : Strong blue.

The hexadecimal color #2f63ca has RGB values of R:47, G:99, B:202 and CMYK values of C:0.77, M:0.51, Y:0, K:0.21. Its decimal value is 3105738.

Hex triplet	2f63ca	`#2f63ca`
RGB Decimal	47, 99, 202	`rgb(47,99,202)`
RGB Percent	18.4, 38.8, 79.2	`rgb(18.4%,38.8%,79.2%)`
CMYK	77, 51, 0, 21
HSL	219.9°, 62.2, 48.8	`hsl(219.9,62.2%,48.8%)`
HSV (or HSB)	219.9°, 76.7, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.932, 19.423, -58.494
XYZ	16.292, 13.791, 57.677
xyY	0.186, 0.157, 13.791
CIE-LCH	43.932, 61.634, 288.368
CIE-LUV	43.932, -19.046, -88.553
Hunter-Lab	37.136, 13.323, -66.089
Binary	00101111, 01100011, 11001010

#2f63ca
```
#2f63ca rgb(47,99,202)
```
#ca962f
```
#ca962f rgb(202,150,47)
```

Complementary Color

#2fb1ca
```
#2fb1ca rgb(47,177,202)
```
#2f63ca
```
#2f63ca rgb(47,99,202)
```
#482fca
```
#482fca rgb(72,47,202)
```

Analogous Color

#b1ca2f
```
#b1ca2f rgb(177,202,47)
```
#2f63ca
```
#2f63ca rgb(47,99,202)
```
#ca482f
```
#ca482f rgb(202,72,47)
```

Split Complementary Color

#63ca2f
```
#63ca2f rgb(99,202,47)
```
#2f63ca
```
#2f63ca rgb(47,99,202)
```
#ca2f63
```
#ca2f63 rgb(202,47,99)
```

Triadic Color

#2fca96
```
#2fca96 rgb(47,202,150)
```
#2f63ca
```
#2f63ca rgb(47,99,202)
```
#ca2f63
```
#ca2f63 rgb(202,47,99)
```
#ca962f
```
#ca962f rgb(202,150,47)
```

Tetradic Color

#21458c
```
#21458c rgb(33,69,140)
```
#254fa1
```
#254fa1 rgb(37,79,161)
```
#2a59b5
```
#2a59b5 rgb(42,89,181)
```
#2f63ca
```
#2f63ca rgb(47,99,202)
```
#4071d3
```
#4071d3 rgb(64,113,211)
```
#5580d7
```
#5580d7 rgb(85,128,215)
```
#6990dc
```
#6990dc rgb(105,144,220)
```

Monochromatic Color

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

#2f8aca
```
#2f8aca rgb(47,138,202)
```
#2f7dca
```
#2f7dca rgb(47,125,202)
```
#2f70ca
```
#2f70ca rgb(47,112,202)
```
#2f63ca
```
#2f63ca rgb(47,99,202)
```
#2f56ca
```
#2f56ca rgb(47,86,202)
```
#2f49ca
```
#2f49ca rgb(47,73,202)
```
#2f3cca
```
#2f3cca rgb(47,60,202)
```

Similar Colors

Text with hexadecimal color #2f63ca

This text has a font color of #2f63ca.

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

#2f63ca background color

This paragraph has a background color of #2f63ca.

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

#2f63ca border color

This element has a border color of #2f63ca.

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

CSS codes

.text {color:#2f63ca;}

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

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

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

#03050b
```
#03050b rgb(3,5,11)
```
#060d1b
```
#060d1b rgb(6,13,27)
```
#0a152b
```
#0a152b rgb(10,21,43)
```
#0e1d3b
```
#0e1d3b rgb(14,29,59)
```
#11254b
```
#11254b rgb(17,37,75)
```
#152c5b
```
#152c5b rgb(21,44,91)
```
#19346b
```
#19346b rgb(25,52,107)
```
#1c3c7a
```
#1c3c7a rgb(28,60,122)
```
#20448a
```
#20448a rgb(32,68,138)
```
#244c9a
```
#244c9a rgb(36,76,154)
```
#2853aa
```
#2853aa rgb(40,83,170)
```
#2b5bba
```
#2b5bba rgb(43,91,186)
```
#2f63ca
```
#2f63ca rgb(47,99,202)
```

Shade Color Variation

#3b6ed1
```
#3b6ed1 rgb(59,110,209)
```
#4b79d5
```
#4b79d5 rgb(75,121,213)
```
#5b85d9
```
#5b85d9 rgb(91,133,217)
```
#6b91dd
```
#6b91dd rgb(107,145,221)
```
#7b9de0
```
#7b9de0 rgb(123,157,224)
```
#8ba9e4
```
#8ba9e4 rgb(139,169,228)
```
#9bb4e8
```
#9bb4e8 rgb(155,180,232)
```
#abc0eb
```
#abc0eb rgb(171,192,235)
```
#baccef
```
#baccef rgb(186,204,239)
```
#cad8f3
```
#cad8f3 rgb(202,216,243)
```
#dae4f6
```
#dae4f6 rgb(218,228,246)
```
#eaf0fa
```
#eaf0fa rgb(234,240,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7c7d is the less saturated color, while #0956f0 is the most saturated one.

#7c7c7d
```
#7c7c7d rgb(124,124,125)
```
#727987
```
#727987 rgb(114,121,135)
```
#687691
```
#687691 rgb(104,118,145)
```
#5f739a
```
#5f739a rgb(95,115,154)
```
#5570a4
```
#5570a4 rgb(85,112,164)
```
#4c6cad
```
#4c6cad rgb(76,108,173)
```
#4269b7
```
#4269b7 rgb(66,105,183)
```
#3966c0
```
#3966c0 rgb(57,102,192)
```
#2f63ca
```
#2f63ca rgb(47,99,202)
```
#2560d4
```
#2560d4 rgb(37,96,212)
```
#1c5ddd
```
#1c5ddd rgb(28,93,221)
```
#125ae7
```
#125ae7 rgb(18,90,231)
```
#0956f0
```
#0956f0 rgb(9,86,240)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#556074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a6ccd Protanopia 1% of men
#0071bb Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#2b69cc Protanomaly 1% of men, 0.01% of women
#116cc0 Deuteranomaly 6% of men, 0.4% of women
#11729c Tritanomaly 0.01% of the population

#2f63ca hex color

#2f63ca Color Information

#2f63ca Color Conversion

Color Schemes with #2f63ca

Alternatives to #2f63ca

#2f63ca Preview

Shades and Tints of #2f63ca

Tones of #2f63ca

Color Blindness Simulator