#2545f7 hex color

In a RGB color space, hex #2545f7 is composed of 14.5% red, 27.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 72.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 230.9 degrees, a saturation of 92.9% and a lightness of 55.7%. #2545f7 color hex could be obtained by blending #4a8aff with #0000ef. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 15
- G 27
- B 97
RGB color chart
- C 85
- M 72
- Y 0
- K 3
CMYK color chart

● #2545f7 color description : Vivid blue.

The hexadecimal color #2545f7 has RGB values of R:37, G:69, B:247 and CMYK values of C:0.85, M:0.72, Y:0, K:0.03. Its decimal value is 2442743.

Hex triplet	2545f7	`#2545f7`
RGB Decimal	37, 69, 247	`rgb(37,69,247)`
RGB Percent	14.5, 27.1, 96.9	`rgb(14.5%,27.1%,96.9%)`
CMYK	85, 72, 0, 3
HSL	230.9°, 92.9, 55.7	`hsl(230.9,92.9%,55.7%)`
HSV (or HSB)	230.9°, 85, 96.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.186, 53.6, -90.23
XYZ	19.676, 11.363, 89.147
xyY	0.164, 0.095, 11.363
CIE-LCH	40.186, 104.949, 300.712
CIE-LUV	40.186, -13.496, -127.902
Hunter-Lab	33.71, 45.197, -133.198
Binary	00100101, 01000101, 11110111

#2545f7
```
#2545f7 rgb(37,69,247)
```
#f7d725
```
#f7d725 rgb(247,215,37)
```

Complementary Color

#25aef7
```
#25aef7 rgb(37,174,247)
```
#2545f7
```
#2545f7 rgb(37,69,247)
```
#6e25f7
```
#6e25f7 rgb(110,37,247)
```

Analogous Color

#aef725
```
#aef725 rgb(174,247,37)
```
#2545f7
```
#2545f7 rgb(37,69,247)
```
#f76e25
```
#f76e25 rgb(247,110,37)
```

Split Complementary Color

#45f725
```
#45f725 rgb(69,247,37)
```
#2545f7
```
#2545f7 rgb(37,69,247)
```
#f72545
```
#f72545 rgb(247,37,69)
```

Triadic Color

#25f7d7
```
#25f7d7 rgb(37,247,215)
```
#2545f7
```
#2545f7 rgb(37,69,247)
```
#f72545
```
#f72545 rgb(247,37,69)
```
#f7d725
```
#f7d725 rgb(247,215,37)
```

Tetradic Color

#0725c8
```
#0725c8 rgb(7,37,200)
```
#0829e1
```
#0829e1 rgb(8,41,225)
```
#0c30f6
```
#0c30f6 rgb(12,48,246)
```
#2545f7
```
#2545f7 rgb(37,69,247)
```
#3e5af8
```
#3e5af8 rgb(62,90,248)
```
#566ff9
```
#566ff9 rgb(86,111,249)
```
#6f84fa
```
#6f84fa rgb(111,132,250)
```

Monochromatic Color

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

#257af7
```
#257af7 rgb(37,122,247)
```
#2568f7
```
#2568f7 rgb(37,104,247)
```
#2556f7
```
#2556f7 rgb(37,86,247)
```
#2545f7
```
#2545f7 rgb(37,69,247)
```
#2533f7
```
#2533f7 rgb(37,51,247)
```
#2825f7
```
#2825f7 rgb(40,37,247)
```
#3a25f7
```
#3a25f7 rgb(58,37,247)
```

Similar Colors

Text with hexadecimal color #2545f7

This text has a font color of #2545f7.

<span style="color:#2545f7;">Text here</span>

#2545f7 background color

This paragraph has a background color of #2545f7.

<p style="background-color:#2545f7;">Content here</p>

#2545f7 border color

This element has a border color of #2545f7.

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

CSS codes

.text {color:#2545f7;}

.background {background-color:#2545f7;}

.border {border:1px solid #2545f7;}

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

#000209
```
#000209 rgb(0,2,9)
```
#01051c
```
#01051c rgb(1,5,28)
```
#02092f
```
#02092f rgb(2,9,47)
```
#020c42
```
#020c42 rgb(2,12,66)
```
#031055
```
#031055 rgb(3,16,85)
```
#041368
```
#041368 rgb(4,19,104)
```
#04167b
```
#04167b rgb(4,22,123)
```
#051a8d
```
#051a8d rgb(5,26,141)
```
#061da0
```
#061da0 rgb(6,29,160)
```
#0721b3
```
#0721b3 rgb(7,33,179)
```
#0724c6
```
#0724c6 rgb(7,36,198)
```
#0828d9
```
#0828d9 rgb(8,40,217)
```
#092bec
```
#092bec rgb(9,43,236)
```

Shade Color Variation

#1235f6
```
#1235f6 rgb(18,53,246)
```
#2545f7
```
#2545f7 rgb(37,69,247)
```
#3855f8
```
#3855f8 rgb(56,85,248)
```
#4b65f8
```
#4b65f8 rgb(75,101,248)
```
#5e75f9
```
#5e75f9 rgb(94,117,249)
```
#7186fa
```
#7186fa rgb(113,134,250)
```
#8496fa
```
#8496fa rgb(132,150,250)
```
#97a6fb
```
#97a6fb rgb(151,166,251)
```
#a9b6fc
```
#a9b6fc rgb(169,182,252)
```
#bcc6fd
```
#bcc6fd rgb(188,198,253)
```
#cfd6fd
```
#cfd6fd rgb(207,214,253)
```
#e2e6fe
```
#e2e6fe rgb(226,230,254)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#8d8e8f
```
#8d8e8f rgb(141,142,143)
```
#858797
```
#858797 rgb(133,135,151)
```
#7c81a0
```
#7c81a0 rgb(124,129,160)
```
#737ba9
```
#737ba9 rgb(115,123,169)
```
#6b75b1
```
#6b75b1 rgb(107,117,177)
```
#626fba
```
#626fba rgb(98,111,186)
```
#5969c3
```
#5969c3 rgb(89,105,195)
```
#5063cc
```
#5063cc rgb(80,99,204)
```
#485dd4
```
#485dd4 rgb(72,93,212)
```
#3f57dd
```
#3f57dd rgb(63,87,221)
```
#3651e6
```
#3651e6 rgb(54,81,230)
```
#2e4bee
```
#2e4bee rgb(46,75,238)
```
#2545f7
```
#2545f7 rgb(37,69,247)
```

Tone Color Variation

Below, you can see how #2545f7 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

#505050 Achromatopsia 0.005% of the population
#474e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#0d58d5 Protanomaly 1% of men, 0.01% of women
#0d5cc5 Deuteranomaly 6% of men, 0.4% of women
#0d61a5 Tritanomaly 0.01% of the population

#2545f7 hex color

#2545f7 Color Information

#2545f7 Color Conversion

Color Schemes with #2545f7

Alternatives to #2545f7

#2545f7 Preview

Shades and Tints of #2545f7

Tones of #2545f7

Color Blindness Simulator