#245bd5 hex color

In a RGB color space, hex #245bd5 is composed of 14.1% red, 35.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 57.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 221.4 degrees, a saturation of 71.1% and a lightness of 48.8%. #245bd5 color hex could be obtained by blending #48b6ff with #0000ab. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 14
- G 36
- B 84
RGB color chart
- C 83
- M 57
- Y 0
- K 16
CMYK color chart

● #245bd5 color description : Strong blue.

The hexadecimal color #245bd5 has RGB values of R:36, G:91, B:213 and CMYK values of C:0.83, M:0.57, Y:0, K:0.16. Its decimal value is 2382805.

Hex triplet	245bd5	`#245bd5`
RGB Decimal	36, 91, 213	`rgb(36,91,213)`
RGB Percent	14.1, 35.7, 83.5	`rgb(14.1%,35.7%,83.5%)`
CMYK	83, 57, 0, 16
HSL	221.4°, 71.1, 48.8	`hsl(221.4,71.1%,48.8%)`
HSV (or HSB)	221.4°, 83.1, 83.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.246, 27.728, -67.564
XYZ	16.476, 12.66, 64.522
xyY	0.176, 0.135, 12.66
CIE-LCH	42.246, 73.032, 292.313
CIE-LUV	42.246, -18.153, -100.749
Hunter-Lab	35.581, 20.391, -82.61
Binary	00100100, 01011011, 11010101

#245bd5
```
#245bd5 rgb(36,91,213)
```
#d59e24
```
#d59e24 rgb(213,158,36)
```

Complementary Color

#24b4d5
```
#24b4d5 rgb(36,180,213)
```
#245bd5
```
#245bd5 rgb(36,91,213)
```
#4624d5
```
#4624d5 rgb(70,36,213)
```

Analogous Color

#b4d524
```
#b4d524 rgb(180,213,36)
```
#245bd5
```
#245bd5 rgb(36,91,213)
```
#d54624
```
#d54624 rgb(213,70,36)
```

Split Complementary Color

#5bd524
```
#5bd524 rgb(91,213,36)
```
#245bd5
```
#245bd5 rgb(36,91,213)
```
#d5245b
```
#d5245b rgb(213,36,91)
```

Triadic Color

#24d59e
```
#24d59e rgb(36,213,158)
```
#245bd5
```
#245bd5 rgb(36,91,213)
```
#d5245b
```
#d5245b rgb(213,36,91)
```
#d59e24
```
#d59e24 rgb(213,158,36)
```

Tetradic Color

#193f94
```
#193f94 rgb(25,63,148)
```
#1d48a9
```
#1d48a9 rgb(29,72,169)
```
#2052bf
```
#2052bf rgb(32,82,191)
```
#245bd5
```
#245bd5 rgb(36,91,213)
```
#366add
```
#366add rgb(54,106,221)
```
#4b7ae1
```
#4b7ae1 rgb(75,122,225)
```
#618ae4
```
#618ae4 rgb(97,138,228)
```

Monochromatic Color

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

#2487d5
```
#2487d5 rgb(36,135,213)
```
#2479d5
```
#2479d5 rgb(36,121,213)
```
#246ad5
```
#246ad5 rgb(36,106,213)
```
#245bd5
```
#245bd5 rgb(36,91,213)
```
#244cd5
```
#244cd5 rgb(36,76,213)
```
#243ed5
```
#243ed5 rgb(36,62,213)
```
#242fd5
```
#242fd5 rgb(36,47,213)
```

Similar Colors

Text with hexadecimal color #245bd5

This text has a font color of #245bd5.

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

#245bd5 background color

This paragraph has a background color of #245bd5.

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

#245bd5 border color

This element has a border color of #245bd5.

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

CSS codes

.text {color:#245bd5;}

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

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

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

#02050c
```
#02050c rgb(2,5,12)
```
#050c1c
```
#050c1c rgb(5,12,28)
```
#08132d
```
#08132d rgb(8,19,45)
```
#0a1a3e
```
#0a1a3e rgb(10,26,62)
```
#0d224f
```
#0d224f rgb(13,34,79)
```
#102960
```
#102960 rgb(16,41,96)
```
#133070
```
#133070 rgb(19,48,112)
```
#163781
```
#163781 rgb(22,55,129)
```
#193e92
```
#193e92 rgb(25,62,146)
```
#1b45a3
```
#1b45a3 rgb(27,69,163)
```
#1e4db3
```
#1e4db3 rgb(30,77,179)
```
#2154c4
```
#2154c4 rgb(33,84,196)
```
#245bd5
```
#245bd5 rgb(36,91,213)
```

Shade Color Variation

#3166dc
```
#3166dc rgb(49,102,220)
```
#4172df
```
#4172df rgb(65,114,223)
```
#527fe2
```
#527fe2 rgb(82,127,226)
```
#638be5
```
#638be5 rgb(99,139,229)
```
#7498e7
```
#7498e7 rgb(116,152,231)
```
#84a4ea
```
#84a4ea rgb(132,164,234)
```
#95b1ed
```
#95b1ed rgb(149,177,237)
```
#a6bdf0
```
#a6bdf0 rgb(166,189,240)
```
#b7c9f3
```
#b7c9f3 rgb(183,201,243)
```
#c8d6f6
```
#c8d6f6 rgb(200,214,246)
```
#d8e2f8
```
#d8e2f8 rgb(216,226,248)
```
#e9effb
```
#e9effb rgb(233,239,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7c7f is the less saturated color, while #0750f2 is the most saturated one.

#7a7c7f
```
#7a7c7f rgb(122,124,127)
```
#717888
```
#717888 rgb(113,120,136)
```
#677492
```
#677492 rgb(103,116,146)
```
#5d719c
```
#5d719c rgb(93,113,156)
```
#546da5
```
#546da5 rgb(84,109,165)
```
#4a6aaf
```
#4a6aaf rgb(74,106,175)
```
#4166b8
```
#4166b8 rgb(65,102,184)
```
#3762c2
```
#3762c2 rgb(55,98,194)
```
#2e5fcb
```
#2e5fcb rgb(46,95,203)
```
#245bd5
```
#245bd5 rgb(36,91,213)
```
#1a57df
```
#1a57df rgb(26,87,223)
```
#1154e8
```
#1154e8 rgb(17,84,232)
```
#0750f2
```
#0750f2 rgb(7,80,242)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4e5971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb2 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0d63cf Protanomaly 1% of men, 0.01% of women
#0d67bf Deuteranomaly 6% of men, 0.4% of women
#0d6c9c Tritanomaly 0.01% of the population

#245bd5 hex color

#245bd5 Color Information

#245bd5 Color Conversion

Color Schemes with #245bd5

Alternatives to #245bd5

#245bd5 Preview

Shades and Tints of #245bd5

Tones of #245bd5

Color Blindness Simulator