#245a80 hex color

In a RGB color space, hex #245a80 is composed of 14.1% red, 35.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 29.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 204.8 degrees, a saturation of 56.1% and a lightness of 32.2%. #245a80 color hex could be obtained by blending #48b4ff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 14
- G 35
- B 50
RGB color chart
- C 72
- M 30
- Y 0
- K 50
CMYK color chart

● #245a80 color description : Dark blue.

The hexadecimal color #245a80 has RGB values of R:36, G:90, B:128 and CMYK values of C:0.72, M:0.3, Y:0, K:0.5. Its decimal value is 2382464.

Hex triplet	245a80	`#245a80`
RGB Decimal	36, 90, 128	`rgb(36,90,128)`
RGB Percent	14.1, 35.3, 50.2	`rgb(14.1%,35.3%,50.2%)`
CMYK	72, 30, 0, 50
HSL	204.8°, 56.1, 32.2	`hsl(204.8,56.1%,32.2%)`
HSV (or HSB)	204.8°, 71.9, 50.2
Web Safe	336699	`#336699`

CIE-LAB	36.452, -4.446, -26.512
XYZ	8.279, 9.245, 21.769
xyY	0.211, 0.235, 9.245
CIE-LCH	36.452, 26.882, 260.48
CIE-LUV	36.452, -19.821, -36.176
Hunter-Lab	30.406, -4.608, -21.164
Binary	00100100, 01011010, 10000000

#245a80
```
#245a80 rgb(36,90,128)
```
#804a24
```
#804a24 rgb(128,74,36)
```

Complementary Color

#248078
```
#248078 rgb(36,128,120)
```
#245a80
```
#245a80 rgb(36,90,128)
```
#242c80
```
#242c80 rgb(36,44,128)
```

Analogous Color

#807824
```
#807824 rgb(128,120,36)
```
#245a80
```
#245a80 rgb(36,90,128)
```
#80242c
```
#80242c rgb(128,36,44)
```

Split Complementary Color

#5a8024
```
#5a8024 rgb(90,128,36)
```
#245a80
```
#245a80 rgb(36,90,128)
```
#80245a
```
#80245a rgb(128,36,90)
```

Triadic Color

#24804a
```
#24804a rgb(36,128,74)
```
#245a80
```
#245a80 rgb(36,90,128)
```
#80245a
```
#80245a rgb(128,36,90)
```
#804a24
```
#804a24 rgb(128,74,36)
```

Tetradic Color

#133044
```
#133044 rgb(19,48,68)
```
#193e58
```
#193e58 rgb(25,62,88)
```
#1e4c6c
```
#1e4c6c rgb(30,76,108)
```
#245a80
```
#245a80 rgb(36,90,128)
```
#2a6894
```
#2a6894 rgb(42,104,148)
```
#2f76a8
```
#2f76a8 rgb(47,118,168)
```
#3584bc
```
#3584bc rgb(53,132,188)
```

Monochromatic Color

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

#247180
```
#247180 rgb(36,113,128)
```
#246980
```
#246980 rgb(36,105,128)
```
#246280
```
#246280 rgb(36,98,128)
```
#245a80
```
#245a80 rgb(36,90,128)
```
#245280
```
#245280 rgb(36,82,128)
```
#244b80
```
#244b80 rgb(36,75,128)
```
#244380
```
#244380 rgb(36,67,128)
```

Similar Colors

Text with hexadecimal color #245a80

This text has a font color of #245a80.

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

#245a80 background color

This paragraph has a background color of #245a80.

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

#245a80 border color

This element has a border color of #245a80.

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

CSS codes

.text {color:#245a80;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#060f15
```
#060f15 rgb(6,15,21)
```
#0a1924
```
#0a1924 rgb(10,25,36)
```
#0e2433
```
#0e2433 rgb(14,36,51)
```
#132f43
```
#132f43 rgb(19,47,67)
```
#173a52
```
#173a52 rgb(23,58,82)
```
#1b4461
```
#1b4461 rgb(27,68,97)
```
#204f71
```
#204f71 rgb(32,79,113)
```
#245a80
```
#245a80 rgb(36,90,128)
```
#28658f
```
#28658f rgb(40,101,143)
```
#2d709f
```
#2d709f rgb(45,112,159)
```
#317aae
```
#317aae rgb(49,122,174)
```
#3585bd
```
#3585bd rgb(53,133,189)
```

Shade Color Variation

#3d8fc9
```
#3d8fc9 rgb(61,143,201)
```
#4d98cd
```
#4d98cd rgb(77,152,205)
```
#5ca1d1
```
#5ca1d1 rgb(92,161,209)
```
#6baad5
```
#6baad5 rgb(107,170,213)
```
#7bb3da
```
#7bb3da rgb(123,179,218)
```
#8abbde
```
#8abbde rgb(138,187,222)
```
#99c4e2
```
#99c4e2 rgb(153,196,226)
```
#a9cde7
```
#a9cde7 rgb(169,205,231)
```
#b8d6eb
```
#b8d6eb rgb(184,214,235)
```
#c7dfef
```
#c7dfef rgb(199,223,239)
```
#d7e8f4
```
#d7e8f4 rgb(215,232,244)
```
#e6f0f8
```
#e6f0f8 rgb(230,240,248)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

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

#505254
```
#505254 rgb(80,82,84)
```
#4a535a
```
#4a535a rgb(74,83,90)
```
#445560
```
#445560 rgb(68,85,96)
```
#3d5667
```
#3d5667 rgb(61,86,103)
```
#37576d
```
#37576d rgb(55,87,109)
```
#315873
```
#315873 rgb(49,88,115)
```
#2a597a
```
#2a597a rgb(42,89,122)
```
#245a80
```
#245a80 rgb(36,90,128)
```
#1e5b86
```
#1e5b86 rgb(30,91,134)
```
#175c8d
```
#175c8d rgb(23,92,141)
```
#115d93
```
#115d93 rgb(17,93,147)
```
#0b5e99
```
#0b5e99 rgb(11,94,153)
```
#045fa0
```
#045fa0 rgb(4,95,160)
```

Tone Color Variation

Below, you can see how #245a80 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
#465058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515d82 Protanopia 1% of men
#495e88 Deuteranopia 1% of men
#18676e Tritanopia 0.001% of the population

Trichromacy

#415c81 Protanomaly 1% of men, 0.01% of women
#3c5c85 Deuteranomaly 6% of men, 0.4% of women
#1c6275 Tritanomaly 0.01% of the population

#245a80 hex color

#245a80 Color Information

#245a80 Color Conversion

Color Schemes with #245a80

Alternatives to #245a80

#245a80 Preview

Shades and Tints of #245a80

Tones of #245a80

Color Blindness Simulator