#245f7d hex color

In a RGB color space, hex #245f7d is composed of 14.1% red, 37.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 24% magenta, 0% yellow and 51% black. It has a hue angle of 200.2 degrees, a saturation of 55.3% and a lightness of 31.6%. #245f7d color hex could be obtained by blending #48befa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 14
- G 37
- B 49
RGB color chart
- C 71
- M 24
- Y 0
- K 51
CMYK color chart

● #245f7d color description : Dark blue.

The hexadecimal color #245f7d has RGB values of R:36, G:95, B:125 and CMYK values of C:0.71, M:0.24, Y:0, K:0.51. Its decimal value is 2383741.

Hex triplet	245f7d	`#245f7d`
RGB Decimal	36, 95, 125	`rgb(36,95,125)`
RGB Percent	14.1, 37.3, 49	`rgb(14.1%,37.3%,49%)`
CMYK	71, 24, 0, 51
HSL	200.2°, 55.3, 31.6	`hsl(200.2,55.3%,31.6%)`
HSV (or HSB)	200.2°, 71.2, 49
Web Safe	336666	`#336666`

CIE-LAB	37.913, -8.609, -22.397
XYZ	8.52, 10.039, 20.89
xyY	0.216, 0.254, 10.039
CIE-LCH	37.913, 23.995, 248.974
CIE-LUV	37.913, -21.768, -30.031
Hunter-Lab	31.685, -7.448, -16.91
Binary	00100100, 01011111, 01111101

#245f7d
```
#245f7d rgb(36,95,125)
```
#7d4224
```
#7d4224 rgb(125,66,36)
```

Complementary Color

#247d6f
```
#247d6f rgb(36,125,111)
```
#245f7d
```
#245f7d rgb(36,95,125)
```
#24337d
```
#24337d rgb(36,51,125)
```

Analogous Color

#7d6f24
```
#7d6f24 rgb(125,111,36)
```
#245f7d
```
#245f7d rgb(36,95,125)
```
#7d2433
```
#7d2433 rgb(125,36,51)
```

Split Complementary Color

#5f7d24
```
#5f7d24 rgb(95,125,36)
```
#245f7d
```
#245f7d rgb(36,95,125)
```
#7d245f
```
#7d245f rgb(125,36,95)
```

Triadic Color

#247d42
```
#247d42 rgb(36,125,66)
```
#245f7d
```
#245f7d rgb(36,95,125)
```
#7d245f
```
#7d245f rgb(125,36,95)
```
#7d4224
```
#7d4224 rgb(125,66,36)
```

Tetradic Color

#133242
```
#133242 rgb(19,50,66)
```
#194155
```
#194155 rgb(25,65,85)
```
#1e5069
```
#1e5069 rgb(30,80,105)
```
#245f7d
```
#245f7d rgb(36,95,125)
```
#2a6e91
```
#2a6e91 rgb(42,110,145)
```
#2f7da5
```
#2f7da5 rgb(47,125,165)
```
#358cb8
```
#358cb8 rgb(53,140,184)
```

Monochromatic Color

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

#24757d
```
#24757d rgb(36,117,125)
```
#246e7d
```
#246e7d rgb(36,110,125)
```
#24667d
```
#24667d rgb(36,102,125)
```
#245f7d
```
#245f7d rgb(36,95,125)
```
#24587d
```
#24587d rgb(36,88,125)
```
#24507d
```
#24507d rgb(36,80,125)
```
#24497d
```
#24497d rgb(36,73,125)
```

Similar Colors

Text with hexadecimal color #245f7d

This text has a font color of #245f7d.

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

#245f7d background color

This paragraph has a background color of #245f7d.

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

#245f7d border color

This element has a border color of #245f7d.

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

CSS codes

.text {color:#245f7d;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050e12
```
#050e12 rgb(5,14,18)
```
#0a1a22
```
#0a1a22 rgb(10,26,34)
```
#0e2531
```
#0e2531 rgb(14,37,49)
```
#123140
```
#123140 rgb(18,49,64)
```
#173c4f
```
#173c4f rgb(23,60,79)
```
#1b485f
```
#1b485f rgb(27,72,95)
```
#20536e
```
#20536e rgb(32,83,110)
```
#245f7d
```
#245f7d rgb(36,95,125)
```
#286b8c
```
#286b8c rgb(40,107,140)
```
#2d769b
```
#2d769b rgb(45,118,155)
```
#3182ab
```
#3182ab rgb(49,130,171)
```
#368dba
```
#368dba rgb(54,141,186)
```

Shade Color Variation

#3c98c7
```
#3c98c7 rgb(60,152,199)
```
#4ba0cb
```
#4ba0cb rgb(75,160,203)
```
#5ba8d0
```
#5ba8d0 rgb(91,168,208)
```
#6ab0d4
```
#6ab0d4 rgb(106,176,212)
```
#79b8d8
```
#79b8d8 rgb(121,184,216)
```
#88c0dd
```
#88c0dd rgb(136,192,221)
```
#98c8e1
```
#98c8e1 rgb(152,200,225)
```
#a7d0e6
```
#a7d0e6 rgb(167,208,230)
```
#b6d8ea
```
#b6d8ea rgb(182,216,234)
```
#c5e1ee
```
#c5e1ee rgb(197,225,238)
```
#d4e9f3
```
#d4e9f3 rgb(212,233,243)
```
#e4f1f7
```
#e4f1f7 rgb(228,241,247)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5152 is the less saturated color, while #05699c is the most saturated one.

#4f5152
```
#4f5152 rgb(79,81,82)
```
#495358
```
#495358 rgb(73,83,88)
```
#43555e
```
#43555e rgb(67,85,94)
```
#3d5764
```
#3d5764 rgb(61,87,100)
```
#37596a
```
#37596a rgb(55,89,106)
```
#305b71
```
#305b71 rgb(48,91,113)
```
#2a5d77
```
#2a5d77 rgb(42,93,119)
```
#245f7d
```
#245f7d rgb(36,95,125)
```
#1e6183
```
#1e6183 rgb(30,97,131)
```
#186389
```
#186389 rgb(24,99,137)
```
#116590
```
#116590 rgb(17,101,144)
```
#0b6796
```
#0b6796 rgb(11,103,150)
```
#05699c
```
#05699c rgb(5,105,156)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#48545a Atypical Achromatopsia 0.001% of the population

Dichromacy

#58607f Protanopia 1% of men
#536086 Deuteranopia 1% of men
#206a72 Tritanopia 0.001% of the population

Trichromacy

#45607e Protanomaly 1% of men, 0.01% of women
#426082 Deuteranomaly 6% of men, 0.4% of women
#216676 Tritanomaly 0.01% of the population

#245f7d hex color

#245f7d Color Information

#245f7d Color Conversion

Color Schemes with #245f7d

Alternatives to #245f7d

#245f7d Preview

Shades and Tints of #245f7d

Tones of #245f7d

Color Blindness Simulator