#245a88 hex color

In a RGB color space, hex #245a88 is composed of 14.1% red, 35.3% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 33.8% magenta, 0% yellow and 46.7% black. It has a hue angle of 207.6 degrees, a saturation of 58.1% and a lightness of 33.7%. #245a88 color hex could be obtained by blending #48b4ff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 14
- G 35
- B 53
RGB color chart
- C 74
- M 34
- Y 0
- K 47
CMYK color chart

● #245a88 color description : Dark blue.

The hexadecimal color #245a88 has RGB values of R:36, G:90, B:136 and CMYK values of C:0.74, M:0.34, Y:0, K:0.47. Its decimal value is 2382472.

Hex triplet	245a88	`#245a88`
RGB Decimal	36, 90, 136	`rgb(36,90,136)`
RGB Percent	14.1, 35.3, 53.3	`rgb(14.1%,35.3%,53.3%)`
CMYK	74, 34, 0, 47
HSL	207.6°, 58.1, 33.7	`hsl(207.6,58.1%,33.7%)`
HSV (or HSB)	207.6°, 73.5, 53.3
Web Safe	336699	`#336699`

CIE-LAB	36.863, -1.435, -30.755
XYZ	8.827, 9.464, 24.653
xyY	0.206, 0.22, 9.464
CIE-LCH	36.863, 30.789, 267.328
CIE-LUV	36.863, -19.527, -42.815
Hunter-Lab	30.764, -2.623, -25.977
Binary	00100100, 01011010, 10001000

#245a88
```
#245a88 rgb(36,90,136)
```
#885224
```
#885224 rgb(136,82,36)
```

Complementary Color

#248884
```
#248884 rgb(36,136,132)
```
#245a88
```
#245a88 rgb(36,90,136)
```
#242888
```
#242888 rgb(36,40,136)
```

Analogous Color

#888424
```
#888424 rgb(136,132,36)
```
#245a88
```
#245a88 rgb(36,90,136)
```
#882428
```
#882428 rgb(136,36,40)
```

Split Complementary Color

#5a8824
```
#5a8824 rgb(90,136,36)
```
#245a88
```
#245a88 rgb(36,90,136)
```
#88245a
```
#88245a rgb(136,36,90)
```

Triadic Color

#248852
```
#248852 rgb(36,136,82)
```
#245a88
```
#245a88 rgb(36,90,136)
```
#88245a
```
#88245a rgb(136,36,90)
```
#885224
```
#885224 rgb(136,82,36)
```

Tetradic Color

#14324c
```
#14324c rgb(20,50,76)
```
#193f60
```
#193f60 rgb(25,63,96)
```
#1f4d74
```
#1f4d74 rgb(31,77,116)
```
#245a88
```
#245a88 rgb(36,90,136)
```
#29679c
```
#29679c rgb(41,103,156)
```
#2f75b0
```
#2f75b0 rgb(47,117,176)
```
#3482c4
```
#3482c4 rgb(52,130,196)
```

Monochromatic Color

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

#247388
```
#247388 rgb(36,115,136)
```
#246b88
```
#246b88 rgb(36,107,136)
```
#246288
```
#246288 rgb(36,98,136)
```
#245a88
```
#245a88 rgb(36,90,136)
```
#245288
```
#245288 rgb(36,82,136)
```
#244988
```
#244988 rgb(36,73,136)
```
#244188
```
#244188 rgb(36,65,136)
```

Similar Colors

Text with hexadecimal color #245a88

This text has a font color of #245a88.

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

#245a88 background color

This paragraph has a background color of #245a88.

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

#245a88 border color

This element has a border color of #245a88.

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

CSS codes

.text {color:#245a88;}

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

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

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#07121b
```
#07121b rgb(7,18,27)
```
#0b1c2b
```
#0b1c2b rgb(11,28,43)
```
#0f273a
```
#0f273a rgb(15,39,58)
```
#14314a
```
#14314a rgb(20,49,74)
```
#183b59
```
#183b59 rgb(24,59,89)
```
#1c4569
```
#1c4569 rgb(28,69,105)
```
#205078
```
#205078 rgb(32,80,120)
```
#245a88
```
#245a88 rgb(36,90,136)
```
#286498
```
#286498 rgb(40,100,152)
```
#2c6fa7
```
#2c6fa7 rgb(44,111,167)
```
#3079b7
```
#3079b7 rgb(48,121,183)
```
#3483c6
```
#3483c6 rgb(52,131,198)
```

Shade Color Variation

#418dcd
```
#418dcd rgb(65,141,205)
```
#5196d1
```
#5196d1 rgb(81,150,209)
```
#609fd5
```
#609fd5 rgb(96,159,213)
```
#70a9d9
```
#70a9d9 rgb(112,169,217)
```
#7fb2dd
```
#7fb2dd rgb(127,178,221)
```
#8fbbe1
```
#8fbbe1 rgb(143,187,225)
```
#9ec5e5
```
#9ec5e5 rgb(158,197,229)
```
#aeceea
```
#aeceea rgb(174,206,234)
```
#bdd7ee
```
#bdd7ee rgb(189,215,238)
```
#cde1f2
```
#cde1f2 rgb(205,225,242)
```
#dceaf6
```
#dceaf6 rgb(220,234,246)
```
#ecf3fa
```
#ecf3fa rgb(236,243,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52565a is the less saturated color, while #035da9 is the most saturated one.

#52565a
```
#52565a rgb(82,86,90)
```
#4c5760
```
#4c5760 rgb(76,87,96)
```
#455767
```
#455767 rgb(69,87,103)
```
#3e586e
```
#3e586e rgb(62,88,110)
```
#385874
```
#385874 rgb(56,88,116)
```
#31597b
```
#31597b rgb(49,89,123)
```
#2b5981
```
#2b5981 rgb(43,89,129)
```
#245a88
```
#245a88 rgb(36,90,136)
```
#1d5b8f
```
#1d5b8f rgb(29,91,143)
```
#175b95
```
#175b95 rgb(23,91,149)
```
#105c9c
```
#105c9c rgb(16,92,156)
```
#0a5ca2
```
#0a5ca2 rgb(10,92,162)
```
#035da9
```
#035da9 rgb(3,93,169)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#46515a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5e8a Protanopia 1% of men
#435f8f Deuteranopia 1% of men
#006870 Tritanopia 0.001% of the population

Trichromacy

#3f5c89 Protanomaly 1% of men, 0.01% of women
#375d8c Deuteranomaly 6% of men, 0.4% of women
#0d6378 Tritanomaly 0.01% of the population

#245a88 hex color

#245a88 Color Information

#245a88 Color Conversion

Color Schemes with #245a88

Alternatives to #245a88

#245a88 Preview

Shades and Tints of #245a88

Tones of #245a88

Color Blindness Simulator