#245abd hex color

In a RGB color space, hex #245abd is composed of 14.1% red, 35.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 52.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 218.8 degrees, a saturation of 68% and a lightness of 44.1%. #245abd color hex could be obtained by blending #48b4ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 14
- G 35
- B 74
RGB color chart
- C 81
- M 52
- Y 0
- K 26
CMYK color chart

● #245abd color description : Strong blue.

The hexadecimal color #245abd has RGB values of R:36, G:90, B:189 and CMYK values of C:0.81, M:0.52, Y:0, K:0.26. Its decimal value is 2382525.

Hex triplet	245abd	`#245abd`
RGB Decimal	36, 90, 189	`rgb(36,90,189)`
RGB Percent	14.1, 35.3, 74.1	`rgb(14.1%,35.3%,74.1%)`
CMYK	81, 52, 0, 26
HSL	218.8°, 68, 44.1	`hsl(218.8,68%,44.1%)`
HSV (or HSB)	218.8°, 81, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.181, 19.148, -57.044
XYZ	13.567, 11.36, 49.619
xyY	0.182, 0.152, 11.36
CIE-LCH	40.181, 60.171, 288.555
CIE-LUV	40.181, -18.173, -84.173
Hunter-Lab	33.705, 12.865, -63.69
Binary	00100100, 01011010, 10111101

#245abd
```
#245abd rgb(36,90,189)
```
#bd8724
```
#bd8724 rgb(189,135,36)
```

Complementary Color

#24a7bd
```
#24a7bd rgb(36,167,189)
```
#245abd
```
#245abd rgb(36,90,189)
```
#3a24bd
```
#3a24bd rgb(58,36,189)
```

Analogous Color

#a7bd24
```
#a7bd24 rgb(167,189,36)
```
#245abd
```
#245abd rgb(36,90,189)
```
#bd3a24
```
#bd3a24 rgb(189,58,36)
```

Split Complementary Color

#5abd24
```
#5abd24 rgb(90,189,36)
```
#245abd
```
#245abd rgb(36,90,189)
```
#bd245a
```
#bd245a rgb(189,36,90)
```

Triadic Color

#24bd87
```
#24bd87 rgb(36,189,135)
```
#245abd
```
#245abd rgb(36,90,189)
```
#bd245a
```
#bd245a rgb(189,36,90)
```
#bd8724
```
#bd8724 rgb(189,135,36)
```

Tetradic Color

#183b7d
```
#183b7d rgb(24,59,125)
```
#1c4692
```
#1c4692 rgb(28,70,146)
```
#2050a8
```
#2050a8 rgb(32,80,168)
```
#245abd
```
#245abd rgb(36,90,189)
```
#2864d2
```
#2864d2 rgb(40,100,210)
```
#3a73da
```
#3a73da rgb(58,115,218)
```
#5082de
```
#5082de rgb(80,130,222)
```

Monochromatic Color

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

#2480bd
```
#2480bd rgb(36,128,189)
```
#2474bd
```
#2474bd rgb(36,116,189)
```
#2467bd
```
#2467bd rgb(36,103,189)
```
#245abd
```
#245abd rgb(36,90,189)
```
#244dbd
```
#244dbd rgb(36,77,189)
```
#2441bd
```
#2441bd rgb(36,65,189)
```
#2434bd
```
#2434bd rgb(36,52,189)
```

Similar Colors

Text with hexadecimal color #245abd

This text has a font color of #245abd.

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

#245abd background color

This paragraph has a background color of #245abd.

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

#245abd border color

This element has a border color of #245abd.

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

CSS codes

.text {color:#245abd;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#050c18
```
#050c18 rgb(5,12,24)
```
#081329
```
#081329 rgb(8,19,41)
```
#0b1b39
```
#0b1b39 rgb(11,27,57)
```
#0e234a
```
#0e234a rgb(14,35,74)
```
#112b5a
```
#112b5a rgb(17,43,90)
```
#14336b
```
#14336b rgb(20,51,107)
```
#173b7b
```
#173b7b rgb(23,59,123)
```
#1b428c
```
#1b428c rgb(27,66,140)
```
#1e4a9c
```
#1e4a9c rgb(30,74,156)
```
#2152ad
```
#2152ad rgb(33,82,173)
```
#245abd
```
#245abd rgb(36,90,189)
```
#2762cd
```
#2762cd rgb(39,98,205)
```

Shade Color Variation

#316cd8
```
#316cd8 rgb(49,108,216)
```
#4177db
```
#4177db rgb(65,119,219)
```
#5283de
```
#5283de rgb(82,131,222)
```
#628fe1
```
#628fe1 rgb(98,143,225)
```
#729be4
```
#729be4 rgb(114,155,228)
```
#83a6e7
```
#83a6e7 rgb(131,166,231)
```
#93b2eb
```
#93b2eb rgb(147,178,235)
```
#a4beee
```
#a4beee rgb(164,190,238)
```
#b4caf1
```
#b4caf1 rgb(180,202,241)
```
#c5d5f4
```
#c5d5f4 rgb(197,213,244)
```
#d5e1f7
```
#d5e1f7 rgb(213,225,247)
```
#e6edfa
```
#e6edfa rgb(230,237,250)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696e78 is the less saturated color, while #0150e0 is the most saturated one.

#696e78
```
#696e78 rgb(105,110,120)
```
#616c80
```
#616c80 rgb(97,108,128)
```
#586989
```
#586989 rgb(88,105,137)
```
#4f6792
```
#4f6792 rgb(79,103,146)
```
#47649a
```
#47649a rgb(71,100,154)
```
#3e62a3
```
#3e62a3 rgb(62,98,163)
```
#355fac
```
#355fac rgb(53,95,172)
```
#2d5db4
```
#2d5db4 rgb(45,93,180)
```
#245abd
```
#245abd rgb(36,90,189)
```
#1b57c6
```
#1b57c6 rgb(27,87,198)
```
#1355ce
```
#1355ce rgb(19,85,206)
```
#0a52d7
```
#0a52d7 rgb(10,82,215)
```
#0150e0
```
#0150e0 rgb(1,80,224)
```

Tone Color Variation

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

Dichromacy

#1a63c1 Protanopia 1% of men
#0069ac Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1e60bf Protanomaly 1% of men, 0.01% of women
#0d63b2 Deuteranomaly 6% of men, 0.4% of women
#0d6891 Tritanomaly 0.01% of the population

#245abd hex color

#245abd Color Information

#245abd Color Conversion

Color Schemes with #245abd

Alternatives to #245abd

#245abd Preview

Shades and Tints of #245abd

Tones of #245abd

Color Blindness Simulator