#2b63f9 hex color

In a RGB color space, hex #2b63f9 is composed of 16.9% red, 38.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 60.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 223.7 degrees, a saturation of 94.5% and a lightness of 57.3%. #2b63f9 color hex could be obtained by blending #56c6ff with #0000f3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 39
- B 98
RGB color chart
- C 83
- M 60
- Y 0
- K 2
CMYK color chart

● #2b63f9 color description : Bright blue.

The hexadecimal color #2b63f9 has RGB values of R:43, G:99, B:249 and CMYK values of C:0.83, M:0.6, Y:0, K:0.02. Its decimal value is 2843641.

Hex triplet	2b63f9	`#2b63f9`
RGB Decimal	43, 99, 249	`rgb(43,99,249)`
RGB Percent	16.9, 38.8, 97.6	`rgb(16.9%,38.8%,97.6%)`
CMYK	83, 60, 0, 2
HSL	223.7°, 94.5, 57.3	`hsl(223.7,94.5%,57.3%)`
HSV (or HSB)	223.7°, 82.7, 97.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.333, 36.559, -79.587
XYZ	22.553, 16.275, 91.57
xyY	0.173, 0.125, 16.275
CIE-LCH	47.333, 87.582, 294.672
CIE-LUV	47.333, -19.202, -121.701
Hunter-Lab	40.342, 29.191, -106.338
Binary	00101011, 01100011, 11111001

#2b63f9
```
#2b63f9 rgb(43,99,249)
```
#f9c12b
```
#f9c12b rgb(249,193,43)
```

Complementary Color

#2bcaf9
```
#2bcaf9 rgb(43,202,249)
```
#2b63f9
```
#2b63f9 rgb(43,99,249)
```
#5a2bf9
```
#5a2bf9 rgb(90,43,249)
```

Analogous Color

#caf92b
```
#caf92b rgb(202,249,43)
```
#2b63f9
```
#2b63f9 rgb(43,99,249)
```
#f95a2b
```
#f95a2b rgb(249,90,43)
```

Split Complementary Color

#63f92b
```
#63f92b rgb(99,249,43)
```
#2b63f9
```
#2b63f9 rgb(43,99,249)
```
#f92b63
```
#f92b63 rgb(249,43,99)
```

Triadic Color

#2bf9c1
```
#2bf9c1 rgb(43,249,193)
```
#2b63f9
```
#2b63f9 rgb(43,99,249)
```
#f92b63
```
#f92b63 rgb(249,43,99)
```
#f9c12b
```
#f9c12b rgb(249,193,43)
```

Tetradic Color

#063dd2
```
#063dd2 rgb(6,61,210)
```
#0745ea
```
#0745ea rgb(7,69,234)
```
#1251f8
```
#1251f8 rgb(18,81,248)
```
#2b63f9
```
#2b63f9 rgb(43,99,249)
```
#4475fa
```
#4475fa rgb(68,117,250)
```
#5d87fa
```
#5d87fa rgb(93,135,250)
```
#759afb
```
#759afb rgb(117,154,251)
```

Monochromatic Color

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

#2b97f9
```
#2b97f9 rgb(43,151,249)
```
#2b85f9
```
#2b85f9 rgb(43,133,249)
```
#2b74f9
```
#2b74f9 rgb(43,116,249)
```
#2b63f9
```
#2b63f9 rgb(43,99,249)
```
#2b52f9
```
#2b52f9 rgb(43,82,249)
```
#2b41f9
```
#2b41f9 rgb(43,65,249)
```
#2b30f9
```
#2b30f9 rgb(43,48,249)
```

Similar Colors

Text with hexadecimal color #2b63f9

This text has a font color of #2b63f9.

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

#2b63f9 background color

This paragraph has a background color of #2b63f9.

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

#2b63f9 border color

This element has a border color of #2b63f9.

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

CSS codes

.text {color:#2b63f9;}

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

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

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

#000511
```
#000511 rgb(0,5,17)
```
#010b24
```
#010b24 rgb(1,11,36)
```
#021037
```
#021037 rgb(2,16,55)
```
#02164a
```
#02164a rgb(2,22,74)
```
#031b5d
```
#031b5d rgb(3,27,93)
```
#032170
```
#032170 rgb(3,33,112)
```
#042683
```
#042683 rgb(4,38,131)
```
#042c96
```
#042c96 rgb(4,44,150)
```
#0532aa
```
#0532aa rgb(5,50,170)
```
#0537bd
```
#0537bd rgb(5,55,189)
```
#063dd0
```
#063dd0 rgb(6,61,208)
```
#0642e3
```
#0642e3 rgb(6,66,227)
```
#0748f6
```
#0748f6 rgb(7,72,246)
```

Shade Color Variation

#1855f8
```
#1855f8 rgb(24,85,248)
```
#2b63f9
```
#2b63f9 rgb(43,99,249)
```
#3e71fa
```
#3e71fa rgb(62,113,250)
```
#517ffa
```
#517ffa rgb(81,127,250)
```
#648dfb
```
#648dfb rgb(100,141,251)
```
#779bfb
```
#779bfb rgb(119,155,251)
```
#8aa9fc
```
#8aa9fc rgb(138,169,252)
```
#9db7fc
```
#9db7fc rgb(157,183,252)
```
#b1c5fd
```
#b1c5fd rgb(177,197,253)
```
#c4d3fd
```
#c4d3fd rgb(196,211,253)
```
#d7e1fe
```
#d7e1fe rgb(215,225,254)
```
#eaeffe
```
#eaeffe rgb(234,239,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909194 is the less saturated color, while #2b63f9 is the most saturated one.

#909194
```
#909194 rgb(144,145,148)
```
#878d9d
```
#878d9d rgb(135,141,157)
```
#7f89a5
```
#7f89a5 rgb(127,137,165)
```
#7685ae
```
#7685ae rgb(118,133,174)
```
#6e82b6
```
#6e82b6 rgb(110,130,182)
```
#667ebe
```
#667ebe rgb(102,126,190)
```
#5d7ac7
```
#5d7ac7 rgb(93,122,199)
```
#5576cf
```
#5576cf rgb(85,118,207)
```
#4d72d7
```
#4d72d7 rgb(77,114,215)
```
#446ee0
```
#446ee0 rgb(68,110,224)
```
#3c6be8
```
#3c6be8 rgb(60,107,232)
```
#3367f1
```
#3367f1 rgb(51,103,241)
```
#2b63f9
```
#2b63f9 rgb(43,99,249)
```

Tone Color Variation

Below, you can see how #2b63f9 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
#586381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#007ac5 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#0f6dea Protanomaly 1% of men, 0.01% of women
#0f72d8 Deuteranomaly 6% of men, 0.4% of women
#0f77b2 Tritanomaly 0.01% of the population

#2b63f9 hex color

#2b63f9 Color Information

#2b63f9 Color Conversion

Color Schemes with #2b63f9

Alternatives to #2b63f9

#2b63f9 Preview

Shades and Tints of #2b63f9

Tones of #2b63f9

Color Blindness Simulator