#2549f2 hex color

In a RGB color space, hex #2549f2 is composed of 14.5% red, 28.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 69.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 229.5 degrees, a saturation of 88.7% and a lightness of 54.7%. #2549f2 color hex could be obtained by blending #4a92ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 15
- G 29
- B 95
RGB color chart
- C 85
- M 70
- Y 0
- K 5
CMYK color chart

● #2549f2 color description : Bright blue.

The hexadecimal color #2549f2 has RGB values of R:37, G:73, B:242 and CMYK values of C:0.85, M:0.7, Y:0, K:0.05. Its decimal value is 2443762.

Hex triplet	2549f2	`#2549f2`
RGB Decimal	37, 73, 242	`rgb(37,73,242)`
RGB Percent	14.5, 28.6, 94.9	`rgb(14.5%,28.6%,94.9%)`
CMYK	85, 70, 0, 5
HSL	229.5°, 88.7, 54.7	`hsl(229.5,88.7%,54.7%)`
HSV (or HSB)	229.5°, 84.7, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.521, 49.595, -86.865
XYZ	19.169, 11.568, 85.222
xyY	0.165, 0.1, 11.568
CIE-LCH	40.521, 100.026, 299.724
CIE-LUV	40.521, -14.128, -124.386
Hunter-Lab	34.011, 41.085, -124.754
Binary	00100101, 01001001, 11110010

#2549f2
```
#2549f2 rgb(37,73,242)
```
#f2ce25
```
#f2ce25 rgb(242,206,37)
```

Complementary Color

#25b0f2
```
#25b0f2 rgb(37,176,242)
```
#2549f2
```
#2549f2 rgb(37,73,242)
```
#6825f2
```
#6825f2 rgb(104,37,242)
```

Analogous Color

#b0f225
```
#b0f225 rgb(176,242,37)
```
#2549f2
```
#2549f2 rgb(37,73,242)
```
#f26825
```
#f26825 rgb(242,104,37)
```

Split Complementary Color

#49f225
```
#49f225 rgb(73,242,37)
```
#2549f2
```
#2549f2 rgb(37,73,242)
```
#f22549
```
#f22549 rgb(242,37,73)
```

Triadic Color

#25f2ce
```
#25f2ce rgb(37,242,206)
```
#2549f2
```
#2549f2 rgb(37,73,242)
```
#f22549
```
#f22549 rgb(242,37,73)
```
#f2ce25
```
#f2ce25 rgb(242,206,37)
```

Tetradic Color

#0b2bbf
```
#0b2bbf rgb(11,43,191)
```
#0d30d7
```
#0d30d7 rgb(13,48,215)
```
#0e36ef
```
#0e36ef rgb(14,54,239)
```
#2549f2
```
#2549f2 rgb(37,73,242)
```
#3d5df3
```
#3d5df3 rgb(61,93,243)
```
#5571f5
```
#5571f5 rgb(85,113,245)
```
#6d85f6
```
#6d85f6 rgb(109,133,246)
```

Monochromatic Color

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

#257cf2
```
#257cf2 rgb(37,124,242)
```
#256bf2
```
#256bf2 rgb(37,107,242)
```
#255af2
```
#255af2 rgb(37,90,242)
```
#2549f2
```
#2549f2 rgb(37,73,242)
```
#2538f2
```
#2538f2 rgb(37,56,242)
```
#2527f2
```
#2527f2 rgb(37,39,242)
```
#3425f2
```
#3425f2 rgb(52,37,242)
```

Similar Colors

Text with hexadecimal color #2549f2

This text has a font color of #2549f2.

<span style="color:#2549f2;">Text here</span>

#2549f2 background color

This paragraph has a background color of #2549f2.

<p style="background-color:#2549f2;">Content here</p>

#2549f2 border color

This element has a border color of #2549f2.

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

CSS codes

.text {color:#2549f2;}

.background {background-color:#2549f2;}

.border {border:1px solid #2549f2;}

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

#000104
```
#000104 rgb(0,1,4)
```
#010517
```
#010517 rgb(1,5,23)
```
#020929
```
#020929 rgb(2,9,41)
```
#040d3c
```
#040d3c rgb(4,13,60)
```
#05124e
```
#05124e rgb(5,18,78)
```
#061661
```
#061661 rgb(6,22,97)
```
#071a73
```
#071a73 rgb(7,26,115)
```
#081e86
```
#081e86 rgb(8,30,134)
```
#092298
```
#092298 rgb(9,34,152)
```
#0a26ab
```
#0a26ab rgb(10,38,171)
```
#0b2bbd
```
#0b2bbd rgb(11,43,189)
```
#0c2fd0
```
#0c2fd0 rgb(12,47,208)
```
#0d33e2
```
#0d33e2 rgb(13,51,226)
```

Shade Color Variation

#123af1
```
#123af1 rgb(18,58,241)
```
#2549f2
```
#2549f2 rgb(37,73,242)
```
#3858f3
```
#3858f3 rgb(56,88,243)
```
#4a68f4
```
#4a68f4 rgb(74,104,244)
```
#5d77f5
```
#5d77f5 rgb(93,119,245)
```
#6f87f6
```
#6f87f6 rgb(111,135,246)
```
#8296f8
```
#8296f8 rgb(130,150,248)
```
#94a6f9
```
#94a6f9 rgb(148,166,249)
```
#a7b5fa
```
#a7b5fa rgb(167,181,250)
```
#b9c5fb
```
#b9c5fb rgb(185,197,251)
```
#ccd4fc
```
#ccd4fc rgb(204,212,252)
```
#dee4fd
```
#dee4fd rgb(222,228,253)
```
#f1f3fe
```
#f1f3fe rgb(241,243,254)
```

Tint Color Variation

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

#878890
```
#878890 rgb(135,136,144)
```
#7e8399
```
#7e8399 rgb(126,131,153)
```
#757da2
```
#757da2 rgb(117,125,162)
```
#6c77ab
```
#6c77ab rgb(108,119,171)
```
#6371b4
```
#6371b4 rgb(99,113,180)
```
#5a6cbd
```
#5a6cbd rgb(90,108,189)
```
#5166c6
```
#5166c6 rgb(81,102,198)
```
#4960ce
```
#4960ce rgb(73,96,206)
```
#405ad7
```
#405ad7 rgb(64,90,215)
```
#3755e0
```
#3755e0 rgb(55,85,224)
```
#2e4fe9
```
#2e4fe9 rgb(46,79,233)
```
#2549f2
```
#2549f2 rgb(37,73,242)
```
#1c43fb
```
#1c43fb rgb(28,67,251)
```

Tone Color Variation

Below, you can see how #2549f2 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

#525252 Achromatopsia 0.005% of the population
#495072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#0d5ad4 Protanomaly 1% of men, 0.01% of women
#0d5ec4 Deuteranomaly 6% of men, 0.4% of women
#0d63a4 Tritanomaly 0.01% of the population

#2549f2 hex color

#2549f2 Color Information

#2549f2 Color Conversion

Color Schemes with #2549f2

Alternatives to #2549f2

#2549f2 Preview

Shades and Tints of #2549f2

Tones of #2549f2

Color Blindness Simulator