#245fa6 hex color

In a RGB color space, hex #245fa6 is composed of 14.1% red, 37.3% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 42.8% magenta, 0% yellow and 34.9% black. It has a hue angle of 212.8 degrees, a saturation of 64.4% and a lightness of 39.6%. #245fa6 color hex could be obtained by blending #48beff with #00004d. Closest websafe color is: #336699.

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

● #245fa6 color description : Dark blue.

The hexadecimal color #245fa6 has RGB values of R:36, G:95, B:166 and CMYK values of C:0.78, M:0.43, Y:0, K:0.35. Its decimal value is 2383782.

Hex triplet	245fa6	`#245fa6`
RGB Decimal	36, 95, 166	`rgb(36,95,166)`
RGB Percent	14.1, 37.3, 65.1	`rgb(14.1%,37.3%,65.1%)`
CMYK	78, 43, 0, 35
HSL	212.8°, 64.4, 39.6	`hsl(212.8,64.4%,39.6%)`
HSV (or HSB)	212.8°, 78.3, 65.1
Web Safe	336699	`#336699`

CIE-LAB	40.101, 6.92, -43.641
XYZ	11.701, 11.312, 37.641
xyY	0.193, 0.186, 11.312
CIE-LCH	40.101, 44.187, 279.01
CIE-LUV	40.101, -20.228, -63.814
Hunter-Lab	33.633, 3.244, -42.813
Binary	00100100, 01011111, 10100110

#245fa6
```
#245fa6 rgb(36,95,166)
```
#a66b24
```
#a66b24 rgb(166,107,36)
```

Complementary Color

#24a0a6
```
#24a0a6 rgb(36,160,166)
```
#245fa6
```
#245fa6 rgb(36,95,166)
```
#2a24a6
```
#2a24a6 rgb(42,36,166)
```

Analogous Color

#a0a624
```
#a0a624 rgb(160,166,36)
```
#245fa6
```
#245fa6 rgb(36,95,166)
```
#a62a24
```
#a62a24 rgb(166,42,36)
```

Split Complementary Color

#5fa624
```
#5fa624 rgb(95,166,36)
```
#245fa6
```
#245fa6 rgb(36,95,166)
```
#a6245f
```
#a6245f rgb(166,36,95)
```

Triadic Color

#24a66b
```
#24a66b rgb(36,166,107)
```
#245fa6
```
#245fa6 rgb(36,95,166)
```
#a6245f
```
#a6245f rgb(166,36,95)
```
#a66b24
```
#a66b24 rgb(166,107,36)
```

Tetradic Color

#163b67
```
#163b67 rgb(22,59,103)
```
#1b477c
```
#1b477c rgb(27,71,124)
```
#1f5391
```
#1f5391 rgb(31,83,145)
```
#245fa6
```
#245fa6 rgb(36,95,166)
```
#296bbb
```
#296bbb rgb(41,107,187)
```
#2d77d0
```
#2d77d0 rgb(45,119,208)
```
#4184d6
```
#4184d6 rgb(65,132,214)
```

Monochromatic Color

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

#2480a6
```
#2480a6 rgb(36,128,166)
```
#2475a6
```
#2475a6 rgb(36,117,166)
```
#246aa6
```
#246aa6 rgb(36,106,166)
```
#245fa6
```
#245fa6 rgb(36,95,166)
```
#2454a6
```
#2454a6 rgb(36,84,166)
```
#2449a6
```
#2449a6 rgb(36,73,166)
```
#243fa6
```
#243fa6 rgb(36,63,166)
```

Similar Colors

Text with hexadecimal color #245fa6

This text has a font color of #245fa6.

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

#245fa6 background color

This paragraph has a background color of #245fa6.

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

#245fa6 border color

This element has a border color of #245fa6.

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

CSS codes

.text {color:#245fa6;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050c15
```
#050c15 rgb(5,12,21)
```
#081525
```
#081525 rgb(8,21,37)
```
#0c1e35
```
#0c1e35 rgb(12,30,53)
```
#0f2845
```
#0f2845 rgb(15,40,69)
```
#133155
```
#133155 rgb(19,49,85)
```
#163a66
```
#163a66 rgb(22,58,102)
```
#1a4376
```
#1a4376 rgb(26,67,118)
```
#1d4d86
```
#1d4d86 rgb(29,77,134)
```
#215696
```
#215696 rgb(33,86,150)
```
#245fa6
```
#245fa6 rgb(36,95,166)
```
#2768b6
```
#2768b6 rgb(39,104,182)
```
#2b71c6
```
#2b71c6 rgb(43,113,198)
```

Shade Color Variation

#327bd3
```
#327bd3 rgb(50,123,211)
```
#4285d6
```
#4285d6 rgb(66,133,214)
```
#5290da
```
#5290da rgb(82,144,218)
```
#639add
```
#639add rgb(99,154,221)
```
#73a5e1
```
#73a5e1 rgb(115,165,225)
```
#83afe4
```
#83afe4 rgb(131,175,228)
```
#93b9e8
```
#93b9e8 rgb(147,185,232)
```
#a3c4eb
```
#a3c4eb rgb(163,196,235)
```
#b3ceef
```
#b3ceef rgb(179,206,239)
```
#c3d9f2
```
#c3d9f2 rgb(195,217,242)
```
#d3e3f6
```
#d3e3f6 rgb(211,227,246)
```
#e4edf9
```
#e4edf9 rgb(228,237,249)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

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

#626568
```
#626568 rgb(98,101,104)
```
#5a6470
```
#5a6470 rgb(90,100,112)
```
#536377
```
#536377 rgb(83,99,119)
```
#4b637f
```
#4b637f rgb(75,99,127)
```
#436287
```
#436287 rgb(67,98,135)
```
#3b618f
```
#3b618f rgb(59,97,143)
```
#346096
```
#346096 rgb(52,96,150)
```
#2c609e
```
#2c609e rgb(44,96,158)
```
#245fa6
```
#245fa6 rgb(36,95,166)
```
#1c5eae
```
#1c5eae rgb(28,94,174)
```
#145eb6
```
#145eb6 rgb(20,94,182)
```
#0d5dbd
```
#0d5dbd rgb(13,93,189)
```
#055cc5
```
#055cc5 rgb(5,92,197)
```

Tone Color Variation

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

#4664a8 Protanopia 1% of men
#2768aa Deuteranopia 1% of men
#007078 Tritanopia 0.001% of the population

Trichromacy

#3962a7 Protanomaly 1% of men, 0.01% of women
#2564a8 Deuteranomaly 6% of men, 0.4% of women
#0d6a88 Tritanomaly 0.01% of the population

#245fa6 hex color

#245fa6 Color Information

#245fa6 Color Conversion

Color Schemes with #245fa6

Alternatives to #245fa6

#245fa6 Preview

Shades and Tints of #245fa6

Tones of #245fa6

Color Blindness Simulator