#2b57f0 hex color

In a RGB color space, hex #2b57f0 is composed of 16.9% red, 34.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 63.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 226.6 degrees, a saturation of 86.8% and a lightness of 55.5%. #2b57f0 color hex could be obtained by blending #56aeff with #0000e1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 34
- B 94
RGB color chart
- C 82
- M 64
- Y 0
- K 6
CMYK color chart

● #2b57f0 color description : Bright blue.

The hexadecimal color #2b57f0 has RGB values of R:43, G:87, B:240 and CMYK values of C:0.82, M:0.64, Y:0, K:0.06. Its decimal value is 2840560.

Hex triplet	2b57f0	`#2b57f0`
RGB Decimal	43, 87, 240	`rgb(43,87,240)`
RGB Percent	16.9, 34.1, 94.1	`rgb(16.9%,34.1%,94.1%)`
CMYK	82, 64, 0, 6
HSL	226.6°, 86.8, 55.5	`hsl(226.6,86.8%,55.5%)`
HSV (or HSB)	226.6°, 82.1, 94.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.683, 40.782, -80.53
XYZ	20.129, 13.62, 84.001
xyY	0.171, 0.116, 13.62
CIE-LCH	43.683, 90.268, 296.859
CIE-LUV	43.683, -16.376, -119.851
Hunter-Lab	36.905, 32.777, -109.12
Binary	00101011, 01010111, 11110000

#2b57f0
```
#2b57f0 rgb(43,87,240)
```
#f0c42b
```
#f0c42b rgb(240,196,43)
```

Complementary Color

#2bbaf0
```
#2bbaf0 rgb(43,186,240)
```
#2b57f0
```
#2b57f0 rgb(43,87,240)
```
#622bf0
```
#622bf0 rgb(98,43,240)
```

Analogous Color

#baf02b
```
#baf02b rgb(186,240,43)
```
#2b57f0
```
#2b57f0 rgb(43,87,240)
```
#f0622b
```
#f0622b rgb(240,98,43)
```

Split Complementary Color

#57f02b
```
#57f02b rgb(87,240,43)
```
#2b57f0
```
#2b57f0 rgb(43,87,240)
```
#f02b57
```
#f02b57 rgb(240,43,87)
```

Triadic Color

#2bf0c4
```
#2bf0c4 rgb(43,240,196)
```
#2b57f0
```
#2b57f0 rgb(43,87,240)
```
#f02b57
```
#f02b57 rgb(240,43,87)
```
#f0c42b
```
#f0c42b rgb(240,196,43)
```

Tetradic Color

#0e36c1
```
#0e36c1 rgb(14,54,193)
```
#0f3cd9
```
#0f3cd9 rgb(15,60,217)
```
#1344ee
```
#1344ee rgb(19,68,238)
```
#2b57f0
```
#2b57f0 rgb(43,87,240)
```
#436af2
```
#436af2 rgb(67,106,242)
```
#5b7df3
```
#5b7df3 rgb(91,125,243)
```
#7290f5
```
#7290f5 rgb(114,144,245)
```

Monochromatic Color

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

#2b88f0
```
#2b88f0 rgb(43,136,240)
```
#2b78f0
```
#2b78f0 rgb(43,120,240)
```
#2b67f0
```
#2b67f0 rgb(43,103,240)
```
#2b57f0
```
#2b57f0 rgb(43,87,240)
```
#2b47f0
```
#2b47f0 rgb(43,71,240)
```
#2b36f0
```
#2b36f0 rgb(43,54,240)
```
#302bf0
```
#302bf0 rgb(48,43,240)
```

Similar Colors

Text with hexadecimal color #2b57f0

This text has a font color of #2b57f0.

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

#2b57f0 background color

This paragraph has a background color of #2b57f0.

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

#2b57f0 border color

This element has a border color of #2b57f0.

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

CSS codes

.text {color:#2b57f0;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#02071a
```
#02071a rgb(2,7,26)
```
#030c2c
```
#030c2c rgb(3,12,44)
```
#04113f
```
#04113f rgb(4,17,63)
```
#061751
```
#061751 rgb(6,23,81)
```
#071c63
```
#071c63 rgb(7,28,99)
```
#082176
```
#082176 rgb(8,33,118)
```
#0a2688
```
#0a2688 rgb(10,38,136)
```
#0b2b9a
```
#0b2b9a rgb(11,43,154)
```
#0c30ad
```
#0c30ad rgb(12,48,173)
```
#0e35bf
```
#0e35bf rgb(14,53,191)
```
#0f3ad1
```
#0f3ad1 rgb(15,58,209)
```
#103fe4
```
#103fe4 rgb(16,63,228)
```

Shade Color Variation

#1948ef
```
#1948ef rgb(25,72,239)
```
#2b57f0
```
#2b57f0 rgb(43,87,240)
```
#3d66f1
```
#3d66f1 rgb(61,102,241)
```
#5074f3
```
#5074f3 rgb(80,116,243)
```
#6283f4
```
#6283f4 rgb(98,131,244)
```
#7491f5
```
#7491f5 rgb(116,145,245)
```
#87a0f6
```
#87a0f6 rgb(135,160,246)
```
#99aef8
```
#99aef8 rgb(153,174,248)
```
#abbdf9
```
#abbdf9 rgb(171,189,249)
```
#becbfa
```
#becbfa rgb(190,203,250)
```
#d0dafc
```
#d0dafc rgb(208,218,252)
```
#e2e8fd
```
#e2e8fd rgb(226,232,253)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#8b8c90
```
#8b8c90 rgb(139,140,144)
```
#828799
```
#828799 rgb(130,135,153)
```
#7a82a1
```
#7a82a1 rgb(122,130,161)
```
#717eaa
```
#717eaa rgb(113,126,170)
```
#6879b3
```
#6879b3 rgb(104,121,179)
```
#5f74bc
```
#5f74bc rgb(95,116,188)
```
#576fc4
```
#576fc4 rgb(87,111,196)
```
#4e6acd
```
#4e6acd rgb(78,106,205)
```
#4565d6
```
#4565d6 rgb(69,101,214)
```
#3c61df
```
#3c61df rgb(60,97,223)
```
#345ce7
```
#345ce7 rgb(52,92,231)
```
#2b57f0
```
#2b57f0 rgb(43,87,240)
```
#2252f9
```
#2252f9 rgb(34,82,249)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#515a79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0f64dd Protanomaly 1% of men, 0.01% of women
#0f68cb Deuteranomaly 6% of men, 0.4% of women
#0f6da9 Tritanomaly 0.01% of the population

#2b57f0 hex color

#2b57f0 Color Information

#2b57f0 Color Conversion

Color Schemes with #2b57f0

Alternatives to #2b57f0

#2b57f0 Preview

Shades and Tints of #2b57f0

Tones of #2b57f0

Color Blindness Simulator