#2b4dfd hex color

In a RGB color space, hex #2b4dfd is composed of 16.9% red, 30.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 69.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 230.3 degrees, a saturation of 98.1% and a lightness of 58%. #2b4dfd color hex could be obtained by blending #569aff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 30
- B 99
RGB color chart
- C 83
- M 70
- Y 0
- K 1
CMYK color chart

● #2b4dfd color description : Bright blue.

The hexadecimal color #2b4dfd has RGB values of R:43, G:77, B:253 and CMYK values of C:0.83, M:0.7, Y:0, K:0.01. Its decimal value is 2838013.

Hex triplet	2b4dfd	`#2b4dfd`
RGB Decimal	43, 77, 253	`rgb(43,77,253)`
RGB Percent	16.9, 30.2, 99.2	`rgb(16.9%,30.2%,99.2%)`
CMYK	83, 70, 0, 1
HSL	230.3°, 98.1, 58	`hsl(230.3,98.1%,58%)`
HSV (or HSB)	230.3°, 83, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.63, 51.351, -89.547
XYZ	21.376, 12.912, 94.289
xyY	0.166, 0.1, 12.912
CIE-LCH	42.63, 103.225, 299.832
CIE-LUV	42.63, -14.473, -130.209
Hunter-Lab	35.933, 43.306, -130.426
Binary	00101011, 01001101, 11111101

#2b4dfd
```
#2b4dfd rgb(43,77,253)
```
#fddb2b
```
#fddb2b rgb(253,219,43)
```

Complementary Color

#2bb6fd
```
#2bb6fd rgb(43,182,253)
```
#2b4dfd
```
#2b4dfd rgb(43,77,253)
```
#722bfd
```
#722bfd rgb(114,43,253)
```

Analogous Color

#b6fd2b
```
#b6fd2b rgb(182,253,43)
```
#2b4dfd
```
#2b4dfd rgb(43,77,253)
```
#fd722b
```
#fd722b rgb(253,114,43)
```

Split Complementary Color

#4dfd2b
```
#4dfd2b rgb(77,253,43)
```
#2b4dfd
```
#2b4dfd rgb(43,77,253)
```
#fd2b4d
```
#fd2b4d rgb(253,43,77)
```

Triadic Color

#2bfddb
```
#2bfddb rgb(43,253,219)
```
#2b4dfd
```
#2b4dfd rgb(43,77,253)
```
#fd2b4d
```
#fd2b4d rgb(253,43,77)
```
#fddb2b
```
#fddb2b rgb(253,219,43)
```

Tetradic Color

#0225d9
```
#0225d9 rgb(2,37,217)
```
#0229f3
```
#0229f3 rgb(2,41,243)
```
#1238fd
```
#1238fd rgb(18,56,253)
```
#2b4dfd
```
#2b4dfd rgb(43,77,253)
```
#4462fd
```
#4462fd rgb(68,98,253)
```
#5e77fd
```
#5e77fd rgb(94,119,253)
```
#778dfe
```
#778dfe rgb(119,141,254)
```

Monochromatic Color

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

#2b82fd
```
#2b82fd rgb(43,130,253)
```
#2b70fd
```
#2b70fd rgb(43,112,253)
```
#2b5efd
```
#2b5efd rgb(43,94,253)
```
#2b4dfd
```
#2b4dfd rgb(43,77,253)
```
#2b3cfd
```
#2b3cfd rgb(43,60,253)
```
#2c2bfd
```
#2c2bfd rgb(44,43,253)
```
#3e2bfd
```
#3e2bfd rgb(62,43,253)
```

Similar Colors

Text with hexadecimal color #2b4dfd

This text has a font color of #2b4dfd.

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

#2b4dfd background color

This paragraph has a background color of #2b4dfd.

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

#2b4dfd border color

This element has a border color of #2b4dfd.

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

CSS codes

.text {color:#2b4dfd;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000415
```
#000415 rgb(0,4,21)
```
#000729
```
#000729 rgb(0,7,41)
```
#010a3c
```
#010a3c rgb(1,10,60)
```
#010d4f
```
#010d4f rgb(1,13,79)
```
#011163
```
#011163 rgb(1,17,99)
```
#011476
```
#011476 rgb(1,20,118)
```
#01178a
```
#01178a rgb(1,23,138)
```
#011b9d
```
#011b9d rgb(1,27,157)
```
#021eb1
```
#021eb1 rgb(2,30,177)
```
#0221c4
```
#0221c4 rgb(2,33,196)
```
#0225d8
```
#0225d8 rgb(2,37,216)
```
#0228eb
```
#0228eb rgb(2,40,235)
```

Shade Color Variation

#042cfd
```
#042cfd rgb(4,44,253)
```
#183dfd
```
#183dfd rgb(24,61,253)
```
#2b4dfd
```
#2b4dfd rgb(43,77,253)
```
#3e5dfd
```
#3e5dfd rgb(62,93,253)
```
#526efd
```
#526efd rgb(82,110,253)
```
#657efe
```
#657efe rgb(101,126,254)
```
#798efe
```
#798efe rgb(121,142,254)
```
#8c9ffe
```
#8c9ffe rgb(140,159,254)
```
#a0affe
```
#a0affe rgb(160,175,254)
```
#b3bffe
```
#b3bffe rgb(179,191,254)
```
#c6d0fe
```
#c6d0fe rgb(198,208,254)
```
#dae0ff
```
#dae0ff rgb(218,224,255)
```
#edf0ff
```
#edf0ff rgb(237,240,255)
```

Tint Color Variation

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

#8e909a
```
#8e909a rgb(142,144,154)
```
#868aa2
```
#868aa2 rgb(134,138,162)
```
#7d85ab
```
#7d85ab rgb(125,133,171)
```
#757fb3
```
#757fb3 rgb(117,127,179)
```
#6d7abb
```
#6d7abb rgb(109,122,187)
```
#6574c3
```
#6574c3 rgb(101,116,195)
```
#5c6ecc
```
#5c6ecc rgb(92,110,204)
```
#5469d4
```
#5469d4 rgb(84,105,212)
```
#4c63dc
```
#4c63dc rgb(76,99,220)
```
#445ee4
```
#445ee4 rgb(68,94,228)
```
#3b58ed
```
#3b58ed rgb(59,88,237)
```
#3353f5
```
#3353f5 rgb(51,83,245)
```
#2b4dfd
```
#2b4dfd rgb(43,77,253)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0f5fde Protanomaly 1% of men, 0.01% of women
#0f63cd Deuteranomaly 6% of men, 0.4% of women
#0f68ab Tritanomaly 0.01% of the population

#2b4dfd hex color

#2b4dfd Color Information

#2b4dfd Color Conversion

Color Schemes with #2b4dfd

Alternatives to #2b4dfd

#2b4dfd Preview

Shades and Tints of #2b4dfd

Tones of #2b4dfd

Color Blindness Simulator