#1454a2 hex color

In a RGB color space, hex #1454a2 is composed of 7.8% red, 32.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 48.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 213 degrees, a saturation of 78% and a lightness of 35.7%. #1454a2 color hex could be obtained by blending #28a8ff with #000045. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 33
- B 64
RGB color chart
- C 88
- M 48
- Y 0
- K 36
CMYK color chart

● #1454a2 color description : Dark blue.

The hexadecimal color #1454a2 has RGB values of R:20, G:84, B:162 and CMYK values of C:0.88, M:0.48, Y:0, K:0.36. Its decimal value is 1332386.

Hex triplet	1454a2	`#1454a2`
RGB Decimal	20, 84, 162	`rgb(20,84,162)`
RGB Percent	7.8, 32.9, 63.5	`rgb(7.8%,32.9%,63.5%)`
CMYK	88, 48, 0, 36
HSL	213°, 78, 35.7	`hsl(213,78%,35.7%)`
HSV (or HSB)	213°, 87.7, 63.5
Web Safe	006699	`#006699`

CIE-LAB	36.171, 11.003, -47.588
XYZ	9.979, 9.097, 35.41
xyY	0.183, 0.167, 9.097
CIE-LCH	36.171, 48.843, 283.019
CIE-LUV	36.171, -18.744, -67.851
Hunter-Lab	30.161, 6.274, -48.495
Binary	00010100, 01010100, 10100010

#1454a2
```
#1454a2 rgb(20,84,162)
```
#a26214
```
#a26214 rgb(162,98,20)
```

Complementary Color

#149ba2
```
#149ba2 rgb(20,155,162)
```
#1454a2
```
#1454a2 rgb(20,84,162)
```
#1b14a2
```
#1b14a2 rgb(27,20,162)
```

Analogous Color

#9ba214
```
#9ba214 rgb(155,162,20)
```
#1454a2
```
#1454a2 rgb(20,84,162)
```
#a21b14
```
#a21b14 rgb(162,27,20)
```

Split Complementary Color

#54a214
```
#54a214 rgb(84,162,20)
```
#1454a2
```
#1454a2 rgb(20,84,162)
```
#a21454
```
#a21454 rgb(162,20,84)
```

Triadic Color

#14a262
```
#14a262 rgb(20,162,98)
```
#1454a2
```
#1454a2 rgb(20,84,162)
```
#a21454
```
#a21454 rgb(162,20,84)
```
#a26214
```
#a26214 rgb(162,98,20)
```

Tetradic Color

#0c315e
```
#0c315e rgb(12,49,94)
```
#0e3c75
```
#0e3c75 rgb(14,60,117)
```
#11488b
```
#11488b rgb(17,72,139)
```
#1454a2
```
#1454a2 rgb(20,84,162)
```
#1760b9
```
#1760b9 rgb(23,96,185)
```
#1a6ccf
```
#1a6ccf rgb(26,108,207)
```
#1f78e3
```
#1f78e3 rgb(31,120,227)
```

Monochromatic Color

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

#1478a2
```
#1478a2 rgb(20,120,162)
```
#146ca2
```
#146ca2 rgb(20,108,162)
```
#1460a2
```
#1460a2 rgb(20,96,162)
```
#1454a2
```
#1454a2 rgb(20,84,162)
```
#1448a2
```
#1448a2 rgb(20,72,162)
```
#143ca2
```
#143ca2 rgb(20,60,162)
```
#1430a2
```
#1430a2 rgb(20,48,162)
```

Similar Colors

Text with hexadecimal color #1454a2

This text has a font color of #1454a2.

<span style="color:#1454a2;">Text here</span>

#1454a2 background color

This paragraph has a background color of #1454a2.

<p style="background-color:#1454a2;">Content here</p>

#1454a2 border color

This element has a border color of #1454a2.

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

CSS codes

.text {color:#1454a2;}

.background {background-color:#1454a2;}

.border {border:1px solid #1454a2;}

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 #f2f7fd is the lightest one.

#010305
```
#010305 rgb(1,3,5)
```
#030c16
```
#030c16 rgb(3,12,22)
```
#051528
```
#051528 rgb(5,21,40)
```
#071e39
```
#071e39 rgb(7,30,57)
```
#09274b
```
#09274b rgb(9,39,75)
```
#0b305c
```
#0b305c rgb(11,48,92)
```
#0e396e
```
#0e396e rgb(14,57,110)
```
#10427f
```
#10427f rgb(16,66,127)
```
#124b91
```
#124b91 rgb(18,75,145)
```
#1454a2
```
#1454a2 rgb(20,84,162)
```
#165db3
```
#165db3 rgb(22,93,179)
```
#1866c5
```
#1866c5 rgb(24,102,197)
```
#1a6fd6
```
#1a6fd6 rgb(26,111,214)
```

Shade Color Variation

#2179e4
```
#2179e4 rgb(33,121,228)
```
#3283e6
```
#3283e6 rgb(50,131,230)
```
#448ee8
```
#448ee8 rgb(68,142,232)
```
#5598ea
```
#5598ea rgb(85,152,234)
```
#67a3ec
```
#67a3ec rgb(103,163,236)
```
#78adee
```
#78adee rgb(120,173,238)
```
#8ab8f1
```
#8ab8f1 rgb(138,184,241)
```
#9bc3f3
```
#9bc3f3 rgb(155,195,243)
```
#adcdf5
```
#adcdf5 rgb(173,205,245)
```
#bed8f7
```
#bed8f7 rgb(190,216,247)
```
#cfe2f9
```
#cfe2f9 rgb(207,226,249)
```
#e1edfb
```
#e1edfb rgb(225,237,251)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5b5c is the less saturated color, while #0653b0 is the most saturated one.

#5a5b5c
```
#5a5b5c rgb(90,91,92)
```
#535a63
```
#535a63 rgb(83,90,99)
```
#4c5a6a
```
#4c5a6a rgb(76,90,106)
```
#455971
```
#455971 rgb(69,89,113)
```
#3e5878
```
#3e5878 rgb(62,88,120)
```
#37577f
```
#37577f rgb(55,87,127)
```
#305786
```
#305786 rgb(48,87,134)
```
#29568d
```
#29568d rgb(41,86,141)
```
#225594
```
#225594 rgb(34,85,148)
```
#1b559b
```
#1b559b rgb(27,85,155)
```
#1454a2
```
#1454a2 rgb(20,84,162)
```
#0d53a9
```
#0d53a9 rgb(13,83,169)
```
#0653b0
```
#0653b0 rgb(6,83,176)
```

Tone Color Variation

Below, you can see how #1454a2 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

#4a4a4a Achromatopsia 0.005% of the population
#3f4c5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#325ba5 Protanopia 1% of men
#005f9e Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#2758a4 Protanomaly 1% of men, 0.01% of women
#075b9f Deuteranomaly 6% of men, 0.4% of women
#076080 Tritanomaly 0.01% of the population

#1454a2 hex color

#1454a2 Color Information

#1454a2 Color Conversion

Color Schemes with #1454a2

Alternatives to #1454a2

#1454a2 Preview

Shades and Tints of #1454a2

Tones of #1454a2

Color Blindness Simulator