#245ea7 hex color

In a RGB color space, hex #245ea7 is composed of 14.1% red, 36.9% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 43.7% magenta, 0% yellow and 34.5% black. It has a hue angle of 213.4 degrees, a saturation of 64.5% and a lightness of 39.8%. #245ea7 color hex could be obtained by blending #48bcff with #00004f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 14
- G 37
- B 65
RGB color chart
- C 78
- M 44
- Y 0
- K 35
CMYK color chart

● #245ea7 color description : Dark blue.

The hexadecimal color #245ea7 has RGB values of R:36, G:94, B:167 and CMYK values of C:0.78, M:0.44, Y:0, K:0.35. Its decimal value is 2383527.

Hex triplet	245ea7	`#245ea7`
RGB Decimal	36, 94, 167	`rgb(36,94,167)`
RGB Percent	14.1, 36.9, 65.5	`rgb(14.1%,36.9%,65.5%)`
CMYK	78, 44, 0, 35
HSL	213.4°, 64.5, 39.8	`hsl(213.4,64.5%,39.8%)`
HSV (or HSB)	213.4°, 78.4, 65.5
Web Safe	336699	`#336699`

CIE-LAB	39.865, 7.955, -44.612
XYZ	11.704, 11.17, 38.096
xyY	0.192, 0.183, 11.17
CIE-LCH	39.865, 45.316, 280.111
CIE-LUV	39.865, -19.876, -65.231
Hunter-Lab	33.421, 4.023, -44.19
Binary	00100100, 01011110, 10100111

#245ea7
```
#245ea7 rgb(36,94,167)
```
#a76d24
```
#a76d24 rgb(167,109,36)
```

Complementary Color

#24a0a7
```
#24a0a7 rgb(36,160,167)
```
#245ea7
```
#245ea7 rgb(36,94,167)
```
#2c24a7
```
#2c24a7 rgb(44,36,167)
```

Analogous Color

#a0a724
```
#a0a724 rgb(160,167,36)
```
#245ea7
```
#245ea7 rgb(36,94,167)
```
#a72c24
```
#a72c24 rgb(167,44,36)
```

Split Complementary Color

#5ea724
```
#5ea724 rgb(94,167,36)
```
#245ea7
```
#245ea7 rgb(36,94,167)
```
#a7245e
```
#a7245e rgb(167,36,94)
```

Triadic Color

#24a76d
```
#24a76d rgb(36,167,109)
```
#245ea7
```
#245ea7 rgb(36,94,167)
```
#a7245e
```
#a7245e rgb(167,36,94)
```
#a76d24
```
#a76d24 rgb(167,109,36)
```

Tetradic Color

#163b68
```
#163b68 rgb(22,59,104)
```
#1b467d
```
#1b467d rgb(27,70,125)
```
#1f5292
```
#1f5292 rgb(31,82,146)
```
#245ea7
```
#245ea7 rgb(36,94,167)
```
#296abc
```
#296abc rgb(41,106,188)
```
#2d76d1
```
#2d76d1 rgb(45,118,209)
```
#4183d6
```
#4183d6 rgb(65,131,214)
```

Monochromatic Color

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

#247fa7
```
#247fa7 rgb(36,127,167)
```
#2474a7
```
#2474a7 rgb(36,116,167)
```
#2469a7
```
#2469a7 rgb(36,105,167)
```
#245ea7
```
#245ea7 rgb(36,94,167)
```
#2453a7
```
#2453a7 rgb(36,83,167)
```
#2448a7
```
#2448a7 rgb(36,72,167)
```
#243da7
```
#243da7 rgb(36,61,167)
```

Similar Colors

Text with hexadecimal color #245ea7

This text has a font color of #245ea7.

<span style="color:#245ea7;">Text here</span>

#245ea7 background color

This paragraph has a background color of #245ea7.

<p style="background-color:#245ea7;">Content here</p>

#245ea7 border color

This element has a border color of #245ea7.

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

CSS codes

.text {color:#245ea7;}

.background {background-color:#245ea7;}

.border {border:1px solid #245ea7;}

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

#010306
```
#010306 rgb(1,3,6)
```
#050c16
```
#050c16 rgb(5,12,22)
```
#081526
```
#081526 rgb(8,21,38)
```
#0c1e36
```
#0c1e36 rgb(12,30,54)
```
#0f2846
```
#0f2846 rgb(15,40,70)
```
#133156
```
#133156 rgb(19,49,86)
```
#163a66
```
#163a66 rgb(22,58,102)
```
#1a4377
```
#1a4377 rgb(26,67,119)
```
#1d4c87
```
#1d4c87 rgb(29,76,135)
```
#215597
```
#215597 rgb(33,85,151)
```
#245ea7
```
#245ea7 rgb(36,94,167)
```
#2767b7
```
#2767b7 rgb(39,103,183)
```
#2b70c7
```
#2b70c7 rgb(43,112,199)
```

Shade Color Variation

#337ad3
```
#337ad3 rgb(51,122,211)
```
#4384d6
```
#4384d6 rgb(67,132,214)
```
#538fda
```
#538fda rgb(83,143,218)
```
#6399dd
```
#6399dd rgb(99,153,221)
```
#73a4e1
```
#73a4e1 rgb(115,164,225)
```
#84aee4
```
#84aee4 rgb(132,174,228)
```
#94b9e8
```
#94b9e8 rgb(148,185,232)
```
#a4c3eb
```
#a4c3eb rgb(164,195,235)
```
#b4ceef
```
#b4ceef rgb(180,206,239)
```
#c4d9f2
```
#c4d9f2 rgb(196,217,242)
```
#d4e3f6
```
#d4e3f6 rgb(212,227,246)
```
#e4eef9
```
#e4eef9 rgb(228,238,249)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

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

#626569
```
#626569 rgb(98,101,105)
```
#5b6470
```
#5b6470 rgb(91,100,112)
```
#536378
```
#536378 rgb(83,99,120)
```
#4b6280
```
#4b6280 rgb(75,98,128)
```
#436288
```
#436288 rgb(67,98,136)
```
#3b6190
```
#3b6190 rgb(59,97,144)
```
#346097
```
#346097 rgb(52,96,151)
```
#2c5f9f
```
#2c5f9f rgb(44,95,159)
```
#245ea7
```
#245ea7 rgb(36,94,167)
```
#1c5daf
```
#1c5daf rgb(28,93,175)
```
#145cb7
```
#145cb7 rgb(20,92,183)
```
#0d5bbe
```
#0d5bbe rgb(13,91,190)
```
#055ac6
```
#055ac6 rgb(5,90,198)
```

Tone Color Variation

Below, you can see how #245ea7 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

#555555 Achromatopsia 0.005% of the population
#4b5765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4364a9 Protanopia 1% of men
#1f67aa Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#3861a8 Protanomaly 1% of men, 0.01% of women
#2164a9 Deuteranomaly 6% of men, 0.4% of women
#0d6988 Tritanomaly 0.01% of the population

#245ea7 hex color

#245ea7 Color Information

#245ea7 Color Conversion

Color Schemes with #245ea7

Alternatives to #245ea7

#245ea7 Preview

Shades and Tints of #245ea7

Tones of #245ea7

Color Blindness Simulator