#245baf hex color

In a RGB color space, hex #245baf is composed of 14.1% red, 35.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 48% magenta, 0% yellow and 31.4% black. It has a hue angle of 216.3 degrees, a saturation of 65.9% and a lightness of 41.4%. #245baf color hex could be obtained by blending #48b6ff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 14
- G 36
- B 69
RGB color chart
- C 79
- M 48
- Y 0
- K 31
CMYK color chart

● #245baf color description : Dark blue.

The hexadecimal color #245baf has RGB values of R:36, G:91, B:175 and CMYK values of C:0.79, M:0.48, Y:0, K:0.31. Its decimal value is 2382767.

Hex triplet	245baf	`#245baf`
RGB Decimal	36, 91, 175	`rgb(36,91,175)`
RGB Percent	14.1, 35.7, 68.6	`rgb(14.1%,35.7%,68.6%)`
CMYK	79, 48, 0, 31
HSL	216.3°, 65.9, 41.4	`hsl(216.3,65.9%,41.4%)`
HSV (or HSB)	216.3°, 79.4, 68.6
Web Safe	336699	`#336699`

CIE-LAB	39.499, 13.034, -49.931
XYZ	12.205, 10.951, 42.026
xyY	0.187, 0.168, 10.951
CIE-LCH	39.499, 51.604, 284.63
CIE-LUV	39.499, -18.733, -73.205
Hunter-Lab	33.093, 7.919, -52.129
Binary	00100100, 01011011, 10101111

#245baf
```
#245baf rgb(36,91,175)
```
#af7824
```
#af7824 rgb(175,120,36)
```

Complementary Color

#24a1af
```
#24a1af rgb(36,161,175)
```
#245baf
```
#245baf rgb(36,91,175)
```
#3324af
```
#3324af rgb(51,36,175)
```

Analogous Color

#a1af24
```
#a1af24 rgb(161,175,36)
```
#245baf
```
#245baf rgb(36,91,175)
```
#af3324
```
#af3324 rgb(175,51,36)
```

Split Complementary Color

#5baf24
```
#5baf24 rgb(91,175,36)
```
#245baf
```
#245baf rgb(36,91,175)
```
#af245b
```
#af245b rgb(175,36,91)
```

Triadic Color

#24af78
```
#24af78 rgb(36,175,120)
```
#245baf
```
#245baf rgb(36,91,175)
```
#af245b
```
#af245b rgb(175,36,91)
```
#af7824
```
#af7824 rgb(175,120,36)
```

Tetradic Color

#173a70
```
#173a70 rgb(23,58,112)
```
#1b4585
```
#1b4585 rgb(27,69,133)
```
#20509a
```
#20509a rgb(32,80,154)
```
#245baf
```
#245baf rgb(36,91,175)
```
#2866c4
```
#2866c4 rgb(40,102,196)
```
#3172d5
```
#3172d5 rgb(49,114,213)
```
#4680d9
```
#4680d9 rgb(70,128,217)
```

Monochromatic Color

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

#247eaf
```
#247eaf rgb(36,126,175)
```
#2472af
```
#2472af rgb(36,114,175)
```
#2467af
```
#2467af rgb(36,103,175)
```
#245baf
```
#245baf rgb(36,91,175)
```
#244faf
```
#244faf rgb(36,79,175)
```
#2444af
```
#2444af rgb(36,68,175)
```
#2438af
```
#2438af rgb(36,56,175)
```

Similar Colors

Text with hexadecimal color #245baf

This text has a font color of #245baf.

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

#245baf background color

This paragraph has a background color of #245baf.

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

#245baf border color

This element has a border color of #245baf.

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

CSS codes

.text {color:#245baf;}

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

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

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

#03060c
```
#03060c rgb(3,6,12)
```
#060f1d
```
#060f1d rgb(6,15,29)
```
#09172d
```
#09172d rgb(9,23,45)
```
#0d203d
```
#0d203d rgb(13,32,61)
```
#10284d
```
#10284d rgb(16,40,77)
```
#13315e
```
#13315e rgb(19,49,94)
```
#17396e
```
#17396e rgb(23,57,110)
```
#1a427e
```
#1a427e rgb(26,66,126)
```
#1d4a8e
```
#1d4a8e rgb(29,74,142)
```
#21539f
```
#21539f rgb(33,83,159)
```
#245baf
```
#245baf rgb(36,91,175)
```
#2763bf
```
#2763bf rgb(39,99,191)
```
#2b6cd0
```
#2b6cd0 rgb(43,108,208)
```

Shade Color Variation

#3876d6
```
#3876d6 rgb(56,118,214)
```
#4882d9
```
#4882d9 rgb(72,130,217)
```
#588ddd
```
#588ddd rgb(88,141,221)
```
#6998e0
```
#6998e0 rgb(105,152,224)
```
#79a3e3
```
#79a3e3 rgb(121,163,227)
```
#89aee7
```
#89aee7 rgb(137,174,231)
```
#99b9ea
```
#99b9ea rgb(153,185,234)
```
#aac5ed
```
#aac5ed rgb(170,197,237)
```
#bad0f1
```
#bad0f1 rgb(186,208,241)
```
#cadbf4
```
#cadbf4 rgb(202,219,244)
```
#dbe6f7
```
#dbe6f7 rgb(219,230,247)
```
#ebf1fb
```
#ebf1fb rgb(235,241,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#65696e
```
#65696e rgb(101,105,110)
```
#5d6776
```
#5d6776 rgb(93,103,118)
```
#55657e
```
#55657e rgb(85,101,126)
```
#4d6386
```
#4d6386 rgb(77,99,134)
```
#44628f
```
#44628f rgb(68,98,143)
```
#3c6097
```
#3c6097 rgb(60,96,151)
```
#345e9f
```
#345e9f rgb(52,94,159)
```
#2c5da7
```
#2c5da7 rgb(44,93,167)
```
#245baf
```
#245baf rgb(36,91,175)
```
#1c59b7
```
#1c59b7 rgb(28,89,183)
```
#1458bf
```
#1458bf rgb(20,88,191)
```
#0c56c7
```
#0c56c7 rgb(12,86,199)
```
#0454cf
```
#0454cf rgb(4,84,207)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4a5566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3662b2 Protanopia 1% of men
#0067ab Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#2f5fb1 Protanomaly 1% of men, 0.01% of women
#0d62ac Deuteranomaly 6% of men, 0.4% of women
#0d688a Tritanomaly 0.01% of the population

#245baf hex color

#245baf Color Information

#245baf Color Conversion

Color Schemes with #245baf

Alternatives to #245baf

#245baf Preview

Shades and Tints of #245baf

Tones of #245baf

Color Blindness Simulator