#2557fa hex color

In a RGB color space, hex #2557fa is composed of 14.5% red, 34.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 65.2% magenta, 0% yellow and 2% black. It has a hue angle of 225.9 degrees, a saturation of 95.5% and a lightness of 56.3%. #2557fa color hex could be obtained by blending #4aaeff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 34
- B 98
RGB color chart
- C 85
- M 65
- Y 0
- K 2
CMYK color chart

● #2557fa color description : Vivid blue.

The hexadecimal color #2557fa has RGB values of R:37, G:87, B:250 and CMYK values of C:0.85, M:0.65, Y:0, K:0.02. Its decimal value is 2447354.

Hex triplet	2557fa	`#2557fa`
RGB Decimal	37, 87, 250	`rgb(37,87,250)`
RGB Percent	14.5, 34.1, 98	`rgb(14.5%,34.1%,98%)`
CMYK	85, 65, 0, 2
HSL	225.9°, 95.5, 56.3	`hsl(225.9,95.5%,56.3%)`
HSV (or HSB)	225.9°, 85.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.39, 43.983, -84.977
XYZ	21.423, 14.11, 92.032
xyY	0.168, 0.111, 14.11
CIE-LCH	44.39, 95.685, 297.365
CIE-LUV	44.39, -17.049, -126.338
Hunter-Lab	37.563, 36.064, -118.968
Binary	00100101, 01010111, 11111010

#2557fa
```
#2557fa rgb(37,87,250)
```
#fac825
```
#fac825 rgb(250,200,37)
```

Complementary Color

#25c2fa
```
#25c2fa rgb(37,194,250)
```
#2557fa
```
#2557fa rgb(37,87,250)
```
#5d25fa
```
#5d25fa rgb(93,37,250)
```

Analogous Color

#c2fa25
```
#c2fa25 rgb(194,250,37)
```
#2557fa
```
#2557fa rgb(37,87,250)
```
#fa5e25
```
#fa5e25 rgb(250,94,37)
```

Split Complementary Color

#57fa25
```
#57fa25 rgb(87,250,37)
```
#2557fa
```
#2557fa rgb(37,87,250)
```
#fa2557
```
#fa2557 rgb(250,37,87)
```

Triadic Color

#25fac8
```
#25fac8 rgb(37,250,200)
```
#2557fa
```
#2557fa rgb(37,87,250)
```
#fa2557
```
#fa2557 rgb(250,37,87)
```
#fac825
```
#fac825 rgb(250,200,37)
```

Tetradic Color

#0534ce
```
#0534ce rgb(5,52,206)
```
#053ae7
```
#053ae7 rgb(5,58,231)
```
#0c44f9
```
#0c44f9 rgb(12,68,249)
```
#2557fa
```
#2557fa rgb(37,87,250)
```
#3e6afb
```
#3e6afb rgb(62,106,251)
```
#577dfb
```
#577dfb rgb(87,125,251)
```
#7091fc
```
#7091fc rgb(112,145,252)
```

Monochromatic Color

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

#258cfa
```
#258cfa rgb(37,140,250)
```
#257bfa
```
#257bfa rgb(37,123,250)
```
#2569fa
```
#2569fa rgb(37,105,250)
```
#2557fa
```
#2557fa rgb(37,87,250)
```
#2545fa
```
#2545fa rgb(37,69,250)
```
#2534fa
```
#2534fa rgb(37,52,250)
```
#2825fa
```
#2825fa rgb(40,37,250)
```

Similar Colors

Text with hexadecimal color #2557fa

This text has a font color of #2557fa.

<span style="color:#2557fa;">Text here</span>

#2557fa background color

This paragraph has a background color of #2557fa.

<p style="background-color:#2557fa;">Content here</p>

#2557fa border color

This element has a border color of #2557fa.

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

CSS codes

.text {color:#2557fa;}

.background {background-color:#2557fa;}

.border {border:1px solid #2557fa;}

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, #00030c is the darkest color, while #f8faff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#01081f
```
#01081f rgb(1,8,31)
```
#010d32
```
#010d32 rgb(1,13,50)
```
#021246
```
#021246 rgb(2,18,70)
```
#021659
```
#021659 rgb(2,22,89)
```
#021b6c
```
#021b6c rgb(2,27,108)
```
#03207f
```
#03207f rgb(3,32,127)
```
#032592
```
#032592 rgb(3,37,146)
```
#042aa6
```
#042aa6 rgb(4,42,166)
```
#042fb9
```
#042fb9 rgb(4,47,185)
```
#0533cc
```
#0533cc rgb(5,51,204)
```
#0538df
```
#0538df rgb(5,56,223)
```
#063df2
```
#063df2 rgb(6,61,242)
```

Shade Color Variation

#1248fa
```
#1248fa rgb(18,72,250)
```
#2557fa
```
#2557fa rgb(37,87,250)
```
#3866fa
```
#3866fa rgb(56,102,250)
```
#4b75fb
```
#4b75fb rgb(75,117,251)
```
#5f83fb
```
#5f83fb rgb(95,131,251)
```
#7292fc
```
#7292fc rgb(114,146,252)
```
#85a1fc
```
#85a1fc rgb(133,161,252)
```
#98b0fd
```
#98b0fd rgb(152,176,253)
```
#abbefd
```
#abbefd rgb(171,190,253)
```
#becdfe
```
#becdfe rgb(190,205,254)
```
#d2dcfe
```
#d2dcfe rgb(210,220,254)
```
#e5ebfe
```
#e5ebfe rgb(229,235,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#8c8e93
```
#8c8e93 rgb(140,142,147)
```
#83899c
```
#83899c rgb(131,137,156)
```
#7b85a4
```
#7b85a4 rgb(123,133,164)
```
#7280ad
```
#7280ad rgb(114,128,173)
```
#6a7bb5
```
#6a7bb5 rgb(106,123,181)
```
#6177be
```
#6177be rgb(97,119,190)
```
#5872c7
```
#5872c7 rgb(88,114,199)
```
#506ecf
```
#506ecf rgb(80,110,207)
```
#4769d8
```
#4769d8 rgb(71,105,216)
```
#3f65e0
```
#3f65e0 rgb(63,101,224)
```
#3660e9
```
#3660e9 rgb(54,96,233)
```
#2e5cf1
```
#2e5cf1 rgb(46,92,241)
```
#2557fa
```
#2557fa rgb(37,87,250)
```

Tone Color Variation

Below, you can see how #2557fa 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
#505a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#0d65e2 Protanomaly 1% of men, 0.01% of women
#0d69d0 Deuteranomaly 6% of men, 0.4% of women
#0d6ead Tritanomaly 0.01% of the population

#2557fa hex color

#2557fa Color Information

#2557fa Color Conversion

Color Schemes with #2557fa

Alternatives to #2557fa

#2557fa Preview

Shades and Tints of #2557fa

Tones of #2557fa

Color Blindness Simulator