#2545ec hex color

In a RGB color space, hex #2545ec is composed of 14.5% red, 27.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 70.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 230.4 degrees, a saturation of 84% and a lightness of 53.5%. #2545ec color hex could be obtained by blending #4a8aff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 15
- G 27
- B 93
RGB color chart
- C 84
- M 71
- Y 0
- K 7
CMYK color chart

● #2545ec color description : Bright blue.

The hexadecimal color #2545ec has RGB values of R:37, G:69, B:236 and CMYK values of C:0.84, M:0.71, Y:0, K:0.07. Its decimal value is 2442732.

Hex triplet	2545ec	`#2545ec`
RGB Decimal	37, 69, 236	`rgb(37,69,236)`
RGB Percent	14.5, 27.1, 92.5	`rgb(14.5%,27.1%,92.5%)`
CMYK	84, 71, 0, 7
HSL	230.4°, 84, 53.5	`hsl(230.4,84%,53.5%)`
HSV (or HSB)	230.4°, 84.3, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.078, 49.877, -85.86
XYZ	18.028, 10.704, 80.468
xyY	0.165, 0.098, 10.704
CIE-LCH	39.078, 99.296, 300.153
CIE-LUV	39.078, -13.28, -121.393
Hunter-Lab	32.717, 41.103, -122.921
Binary	00100101, 01000101, 11101100

#2545ec
```
#2545ec rgb(37,69,236)
```
#eccc25
```
#eccc25 rgb(236,204,37)
```

Complementary Color

#25a9ec
```
#25a9ec rgb(37,169,236)
```
#2545ec
```
#2545ec rgb(37,69,236)
```
#6925ec
```
#6925ec rgb(105,37,236)
```

Analogous Color

#a9ec25
```
#a9ec25 rgb(169,236,37)
```
#2545ec
```
#2545ec rgb(37,69,236)
```
#ec6925
```
#ec6925 rgb(236,105,37)
```

Split Complementary Color

#45ec25
```
#45ec25 rgb(69,236,37)
```
#2545ec
```
#2545ec rgb(37,69,236)
```
#ec2545
```
#ec2545 rgb(236,37,69)
```

Triadic Color

#25eccc
```
#25eccc rgb(37,236,204)
```
#2545ec
```
#2545ec rgb(37,69,236)
```
#ec2545
```
#ec2545 rgb(236,37,69)
```
#eccc25
```
#eccc25 rgb(236,204,37)
```

Tetradic Color

#102ab5
```
#102ab5 rgb(16,42,181)
```
#1230cc
```
#1230cc rgb(18,48,204)
```
#1435e4
```
#1435e4 rgb(20,53,228)
```
#2545ec
```
#2545ec rgb(37,69,236)
```
#3c59ee
```
#3c59ee rgb(60,89,238)
```
#546df0
```
#546df0 rgb(84,109,240)
```
#6b81f2
```
#6b81f2 rgb(107,129,242)
```

Monochromatic Color

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

#2577ec
```
#2577ec rgb(37,119,236)
```
#2566ec
```
#2566ec rgb(37,102,236)
```
#2556ec
```
#2556ec rgb(37,86,236)
```
#2545ec
```
#2545ec rgb(37,69,236)
```
#2534ec
```
#2534ec rgb(37,52,236)
```
#2625ec
```
#2625ec rgb(38,37,236)
```
#3725ec
```
#3725ec rgb(55,37,236)
```

Similar Colors

Text with hexadecimal color #2545ec

This text has a font color of #2545ec.

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

#2545ec background color

This paragraph has a background color of #2545ec.

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

#2545ec border color

This element has a border color of #2545ec.

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

CSS codes

.text {color:#2545ec;}

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

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

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

#010411
```
#010411 rgb(1,4,17)
```
#030823
```
#030823 rgb(3,8,35)
```
#050c35
```
#050c35 rgb(5,12,53)
```
#061147
```
#061147 rgb(6,17,71)
```
#081559
```
#081559 rgb(8,21,89)
```
#09196b
```
#09196b rgb(9,25,107)
```
#0b1d7d
```
#0b1d7d rgb(11,29,125)
```
#0c218f
```
#0c218f rgb(12,33,143)
```
#0e26a1
```
#0e26a1 rgb(14,38,161)
```
#102ab3
```
#102ab3 rgb(16,42,179)
```
#112ec5
```
#112ec5 rgb(17,46,197)
```
#1332d7
```
#1332d7 rgb(19,50,215)
```
#1437e9
```
#1437e9 rgb(20,55,233)
```

Shade Color Variation

#2545ec
```
#2545ec rgb(37,69,236)
```
#3754ee
```
#3754ee rgb(55,84,238)
```
#4964ef
```
#4964ef rgb(73,100,239)
```
#5b73f1
```
#5b73f1 rgb(91,115,241)
```
#6d83f2
```
#6d83f2 rgb(109,131,242)
```
#7f92f4
```
#7f92f4 rgb(127,146,244)
```
#91a1f5
```
#91a1f5 rgb(145,161,245)
```
#a3b1f7
```
#a3b1f7 rgb(163,177,247)
```
#b5c0f9
```
#b5c0f9 rgb(181,192,249)
```
#c7d0fa
```
#c7d0fa rgb(199,208,250)
```
#d9dffc
```
#d9dffc rgb(217,223,252)
```
#ebeefd
```
#ebeefd rgb(235,238,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#808391
```
#808391 rgb(128,131,145)
```
#777d9a
```
#777d9a rgb(119,125,154)
```
#6e76a3
```
#6e76a3 rgb(110,118,163)
```
#6570ac
```
#6570ac rgb(101,112,172)
```
#5c6ab5
```
#5c6ab5 rgb(92,106,181)
```
#5364be
```
#5364be rgb(83,100,190)
```
#495ec8
```
#495ec8 rgb(73,94,200)
```
#4058d1
```
#4058d1 rgb(64,88,209)
```
#3751da
```
#3751da rgb(55,81,218)
```
#2e4be3
```
#2e4be3 rgb(46,75,227)
```
#2545ec
```
#2545ec rgb(37,69,236)
```
#1c3ff5
```
#1c3ff5 rgb(28,63,245)
```
#1339fe
```
#1339fe rgb(19,57,254)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#464c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0d57ce Protanomaly 1% of men, 0.01% of women
#0d5abe Deuteranomaly 6% of men, 0.4% of women
#0d5f9f Tritanomaly 0.01% of the population

#2545ec hex color

#2545ec Color Information

#2545ec Color Conversion

Color Schemes with #2545ec

Alternatives to #2545ec

#2545ec Preview

Shades and Tints of #2545ec

Tones of #2545ec

Color Blindness Simulator