#1457bd hex color

In a RGB color space, hex #1457bd is composed of 7.8% red, 34.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 54% magenta, 0% yellow and 25.9% black. It has a hue angle of 216.2 degrees, a saturation of 80.9% and a lightness of 41%. #1457bd color hex could be obtained by blending #28aeff with #00007b. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 34
- B 74
RGB color chart
- C 89
- M 54
- Y 0
- K 26
CMYK color chart

● #1457bd color description : Strong blue.

The hexadecimal color #1457bd has RGB values of R:20, G:87, B:189 and CMYK values of C:0.89, M:0.54, Y:0, K:0.26. Its decimal value is 1333181.

Hex triplet	1457bd	`#1457bd`
RGB Decimal	20, 87, 189	`rgb(20,87,189)`
RGB Percent	7.8, 34.1, 74.1	`rgb(7.8%,34.1%,74.1%)`
CMYK	89, 54, 0, 26
HSL	216.2°, 80.9, 41	`hsl(216.2,80.9%,41%)`
HSV (or HSB)	216.2°, 89.4, 74.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.964, 19.905, -59.035
XYZ	12.88, 10.638, 49.516
xyY	0.176, 0.146, 10.638
CIE-LCH	38.964, 62.3, 288.633
CIE-LUV	38.964, -18.915, -86.146
Hunter-Lab	32.616, 13.411, -67.179
Binary	00010100, 01010111, 10111101

#1457bd
```
#1457bd rgb(20,87,189)
```
#bd7a14
```
#bd7a14 rgb(189,122,20)
```

Complementary Color

#14acbd
```
#14acbd rgb(20,172,189)
```
#1457bd
```
#1457bd rgb(20,87,189)
```
#2614bd
```
#2614bd rgb(38,20,189)
```

Analogous Color

#acbd14
```
#acbd14 rgb(172,189,20)
```
#1457bd
```
#1457bd rgb(20,87,189)
```
#bd2514
```
#bd2514 rgb(189,37,20)
```

Split Complementary Color

#57bd14
```
#57bd14 rgb(87,189,20)
```
#1457bd
```
#1457bd rgb(20,87,189)
```
#bd1457
```
#bd1457 rgb(189,20,87)
```

Triadic Color

#14bd7a
```
#14bd7a rgb(20,189,122)
```
#1457bd
```
#1457bd rgb(20,87,189)
```
#bd1457
```
#bd1457 rgb(189,20,87)
```
#bd7a14
```
#bd7a14 rgb(189,122,20)
```

Tetradic Color

#0d3778
```
#0d3778 rgb(13,55,120)
```
#0f428f
```
#0f428f rgb(15,66,143)
```
#124ca6
```
#124ca6 rgb(18,76,166)
```
#1457bd
```
#1457bd rgb(20,87,189)
```
#1662d4
```
#1662d4 rgb(22,98,212)
```
#1d6de7
```
#1d6de7 rgb(29,109,231)
```
#347cea
```
#347cea rgb(52,124,234)
```

Monochromatic Color

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

#1481bd
```
#1481bd rgb(20,129,189)
```
#1473bd
```
#1473bd rgb(20,115,189)
```
#1465bd
```
#1465bd rgb(20,101,189)
```
#1457bd
```
#1457bd rgb(20,87,189)
```
#1449bd
```
#1449bd rgb(20,73,189)
```
#143bbd
```
#143bbd rgb(20,59,189)
```
#142dbd
```
#142dbd rgb(20,45,189)
```

Similar Colors

Text with hexadecimal color #1457bd

This text has a font color of #1457bd.

<span style="color:#1457bd;">Text here</span>

#1457bd background color

This paragraph has a background color of #1457bd.

<p style="background-color:#1457bd;">Content here</p>

#1457bd border color

This element has a border color of #1457bd.

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

CSS codes

.text {color:#1457bd;}

.background {background-color:#1457bd;}

.border {border:1px solid #1457bd;}

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

#01050c
```
#01050c rgb(1,5,12)
```
#030e1d
```
#030e1d rgb(3,14,29)
```
#05162f
```
#05162f rgb(5,22,47)
```
#071e41
```
#071e41 rgb(7,30,65)
```
#092653
```
#092653 rgb(9,38,83)
```
#0b2e64
```
#0b2e64 rgb(11,46,100)
```
#0c3676
```
#0c3676 rgb(12,54,118)
```
#0e3f88
```
#0e3f88 rgb(14,63,136)
```
#10479a
```
#10479a rgb(16,71,154)
```
#124fab
```
#124fab rgb(18,79,171)
```
#1457bd
```
#1457bd rgb(20,87,189)
```
#165fcf
```
#165fcf rgb(22,95,207)
```
#1867e0
```
#1867e0 rgb(24,103,224)
```

Shade Color Variation

#2472e8
```
#2472e8 rgb(36,114,232)
```
#367dea
```
#367dea rgb(54,125,234)
```
#4789ec
```
#4789ec rgb(71,137,236)
```
#5994ed
```
#5994ed rgb(89,148,237)
```
#6b9fef
```
#6b9fef rgb(107,159,239)
```
#7dabf1
```
#7dabf1 rgb(125,171,241)
```
#8eb6f3
```
#8eb6f3 rgb(142,182,243)
```
#a0c2f5
```
#a0c2f5 rgb(160,194,245)
```
#b2cdf7
```
#b2cdf7 rgb(178,205,247)
```
#c4d9f9
```
#c4d9f9 rgb(196,217,249)
```
#d5e4fb
```
#d5e4fb rgb(213,228,251)
```
#e7f0fc
```
#e7f0fc rgb(231,240,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#64686d
```
#64686d rgb(100,104,109)
```
#5c6675
```
#5c6675 rgb(92,102,117)
```
#54647d
```
#54647d rgb(84,100,125)
```
#4c6385
```
#4c6385 rgb(76,99,133)
```
#44618d
```
#44618d rgb(68,97,141)
```
#3c5f95
```
#3c5f95 rgb(60,95,149)
```
#345e9d
```
#345e9d rgb(52,94,157)
```
#2c5ca5
```
#2c5ca5 rgb(44,92,165)
```
#245aad
```
#245aad rgb(36,90,173)
```
#1c59b5
```
#1c59b5 rgb(28,89,181)
```
#1457bd
```
#1457bd rgb(20,87,189)
```
#0c55c5
```
#0c55c5 rgb(12,85,197)
```
#0454cd
```
#0454cd rgb(4,84,205)
```

Tone Color Variation

Below, you can see how #1457bd 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

#4f4f4f Achromatopsia 0.005% of the population
#435165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0066a6 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#075dbe Protanomaly 1% of men, 0.01% of women
#0760ae Deuteranomaly 6% of men, 0.4% of women
#07658e Tritanomaly 0.01% of the population

#1457bd hex color

#1457bd Color Information

#1457bd Color Conversion

Color Schemes with #1457bd

Alternatives to #1457bd

#1457bd Preview

Shades and Tints of #1457bd

Tones of #1457bd

Color Blindness Simulator