#245aaa hex color

In a RGB color space, hex #245aaa is composed of 14.1% red, 35.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 47.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 215.8 degrees, a saturation of 65% and a lightness of 40.4%. #245aaa color hex could be obtained by blending #48b4ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 14
- G 35
- B 67
RGB color chart
- C 79
- M 47
- Y 0
- K 33
CMYK color chart

● #245aaa color description : Dark blue.

The hexadecimal color #245aaa has RGB values of R:36, G:90, B:170 and CMYK values of C:0.79, M:0.47, Y:0, K:0.33. Its decimal value is 2382506.

Hex triplet	245aaa	`#245aaa`
RGB Decimal	36, 90, 170	`rgb(36,90,170)`
RGB Percent	14.1, 35.3, 66.7	`rgb(14.1%,35.3%,66.7%)`
CMYK	79, 47, 0, 33
HSL	215.8°, 65, 40.4	`hsl(215.8,65%,40.4%)`
HSV (or HSB)	215.8°, 78.8, 66.7
Web Safe	336699	`#336699`

CIE-LAB	38.879, 11.736, -47.971
XYZ	11.638, 10.589, 39.458
xyY	0.189, 0.172, 10.589
CIE-LCH	38.879, 49.386, 283.747
CIE-LUV	38.879, -18.537, -69.954
Hunter-Lab	32.54, 6.893, -49.117
Binary	00100100, 01011010, 10101010

#245aaa
```
#245aaa rgb(36,90,170)
```
#aa7424
```
#aa7424 rgb(170,116,36)
```

Complementary Color

#249daa
```
#249daa rgb(36,157,170)
```
#245aaa
```
#245aaa rgb(36,90,170)
```
#3124aa
```
#3124aa rgb(49,36,170)
```

Analogous Color

#9daa24
```
#9daa24 rgb(157,170,36)
```
#245aaa
```
#245aaa rgb(36,90,170)
```
#aa3124
```
#aa3124 rgb(170,49,36)
```

Split Complementary Color

#5aaa24
```
#5aaa24 rgb(90,170,36)
```
#245aaa
```
#245aaa rgb(36,90,170)
```
#aa245a
```
#aa245a rgb(170,36,90)
```

Triadic Color

#24aa74
```
#24aa74 rgb(36,170,116)
```
#245aaa
```
#245aaa rgb(36,90,170)
```
#aa245a
```
#aa245a rgb(170,36,90)
```
#aa7424
```
#aa7424 rgb(170,116,36)
```

Tetradic Color

#17396b
```
#17396b rgb(23,57,107)
```
#1b4480
```
#1b4480 rgb(27,68,128)
```
#204f95
```
#204f95 rgb(32,79,149)
```
#245aaa
```
#245aaa rgb(36,90,170)
```
#2865bf
```
#2865bf rgb(40,101,191)
```
#2e71d3
```
#2e71d3 rgb(46,113,211)
```
#437fd7
```
#437fd7 rgb(67,127,215)
```

Monochromatic Color

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

#247caa
```
#247caa rgb(36,124,170)
```
#2470aa
```
#2470aa rgb(36,112,170)
```
#2465aa
```
#2465aa rgb(36,101,170)
```
#245aaa
```
#245aaa rgb(36,90,170)
```
#244faa
```
#244faa rgb(36,79,170)
```
#2444aa
```
#2444aa rgb(36,68,170)
```
#2439aa
```
#2439aa rgb(36,57,170)
```

Similar Colors

Text with hexadecimal color #245aaa

This text has a font color of #245aaa.

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

#245aaa background color

This paragraph has a background color of #245aaa.

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

#245aaa border color

This element has a border color of #245aaa.

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

CSS codes

.text {color:#245aaa;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#050d18
```
#050d18 rgb(5,13,24)
```
#091529
```
#091529 rgb(9,21,41)
```
#0c1e39
```
#0c1e39 rgb(12,30,57)
```
#0f2749
```
#0f2749 rgb(15,39,73)
```
#132f59
```
#132f59 rgb(19,47,89)
```
#163869
```
#163869 rgb(22,56,105)
```
#1a4079
```
#1a4079 rgb(26,64,121)
```
#1d498a
```
#1d498a rgb(29,73,138)
```
#21519a
```
#21519a rgb(33,81,154)
```
#245aaa
```
#245aaa rgb(36,90,170)
```
#2763ba
```
#2763ba rgb(39,99,186)
```
#2b6bca
```
#2b6bca rgb(43,107,202)
```

Shade Color Variation

#3575d4
```
#3575d4 rgb(53,117,212)
```
#4580d8
```
#4580d8 rgb(69,128,216)
```
#558bdb
```
#558bdb rgb(85,139,219)
```
#6596de
```
#6596de rgb(101,150,222)
```
#75a1e2
```
#75a1e2 rgb(117,161,226)
```
#86ace5
```
#86ace5 rgb(134,172,229)
```
#96b7e9
```
#96b7e9 rgb(150,183,233)
```
#a6c2ec
```
#a6c2ec rgb(166,194,236)
```
#b6cdf0
```
#b6cdf0 rgb(182,205,240)
```
#c6d8f3
```
#c6d8f3 rgb(198,216,243)
```
#d7e3f6
```
#d7e3f6 rgb(215,227,246)
```
#e7eefa
```
#e7eefa rgb(231,238,250)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63666b is the less saturated color, while #0454ca is the most saturated one.

#63666b
```
#63666b rgb(99,102,107)
```
#5b6573
```
#5b6573 rgb(91,101,115)
```
#54637a
```
#54637a rgb(84,99,122)
```
#4c6282
```
#4c6282 rgb(76,98,130)
```
#44608a
```
#44608a rgb(68,96,138)
```
#3c5f92
```
#3c5f92 rgb(60,95,146)
```
#345d9a
```
#345d9a rgb(52,93,154)
```
#2c5ca2
```
#2c5ca2 rgb(44,92,162)
```
#245aaa
```
#245aaa rgb(36,90,170)
```
#1c58b2
```
#1c58b2 rgb(28,88,178)
```
#1457ba
```
#1457ba rgb(20,87,186)
```
#0c55c2
```
#0c55c2 rgb(12,85,194)
```
#0454ca
```
#0454ca rgb(4,84,202)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4a5464 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3961ad Protanopia 1% of men
#0065a9 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#315eac Protanomaly 1% of men, 0.01% of women
#0d61a9 Deuteranomaly 6% of men, 0.4% of women
#0d6688 Tritanomaly 0.01% of the population

#245aaa hex color

#245aaa Color Information

#245aaa Color Conversion

Color Schemes with #245aaa

Alternatives to #245aaa

#245aaa Preview

Shades and Tints of #245aaa

Tones of #245aaa

Color Blindness Simulator