#145498 hex color

In a RGB color space, hex #145498 is composed of 7.8% red, 32.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 44.7% magenta, 0% yellow and 40.4% black. It has a hue angle of 210.9 degrees, a saturation of 76.7% and a lightness of 33.7%. #145498 color hex could be obtained by blending #28a8ff with #000031. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 33
- B 60
RGB color chart
- C 87
- M 45
- Y 0
- K 40
CMYK color chart

● #145498 color description : Dark blue.

The hexadecimal color #145498 has RGB values of R:20, G:84, B:152 and CMYK values of C:0.87, M:0.45, Y:0, K:0.4. Its decimal value is 1332376.

Hex triplet	145498	`#145498`
RGB Decimal	20, 84, 152	`rgb(20,84,152)`
RGB Percent	7.8, 32.9, 59.6	`rgb(7.8%,32.9%,59.6%)`
CMYK	87, 45, 0, 40
HSL	210.9°, 76.7, 33.7	`hsl(210.9,76.7%,33.7%)`
HSV (or HSB)	210.9°, 86.8, 59.6
Web Safe	006699	`#006699`

CIE-LAB	35.509, 6.924, -42.64
XYZ	9.125, 8.756, 30.913
xyY	0.187, 0.179, 8.756
CIE-LCH	35.509, 43.198, 279.223
CIE-LUV	35.509, -19.074, -60.207
Hunter-Lab	29.59, 3.264, -41.229
Binary	00010100, 01010100, 10011000

#145498
```
#145498 rgb(20,84,152)
```
#985814
```
#985814 rgb(152,88,20)
```

Complementary Color

#149698
```
#149698 rgb(20,150,152)
```
#145498
```
#145498 rgb(20,84,152)
```
#161498
```
#161498 rgb(22,20,152)
```

Analogous Color

#969814
```
#969814 rgb(150,152,20)
```
#145498
```
#145498 rgb(20,84,152)
```
#981614
```
#981614 rgb(152,22,20)
```

Split Complementary Color

#549814
```
#549814 rgb(84,152,20)
```
#145498
```
#145498 rgb(20,84,152)
```
#981454
```
#981454 rgb(152,20,84)
```

Triadic Color

#149858
```
#149858 rgb(20,152,88)
```
#145498
```
#145498 rgb(20,84,152)
```
#981454
```
#981454 rgb(152,20,84)
```
#985814
```
#985814 rgb(152,88,20)
```

Tetradic Color

#0b2f54
```
#0b2f54 rgb(11,47,84)
```
#0e3b6b
```
#0e3b6b rgb(14,59,107)
```
#114881
```
#114881 rgb(17,72,129)
```
#145498
```
#145498 rgb(20,84,152)
```
#1760af
```
#1760af rgb(23,96,175)
```
#1a6dc5
```
#1a6dc5 rgb(26,109,197)
```
#1d79dc
```
#1d79dc rgb(29,121,220)
```

Monochromatic Color

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

#147598
```
#147598 rgb(20,117,152)
```
#146a98
```
#146a98 rgb(20,106,152)
```
#145f98
```
#145f98 rgb(20,95,152)
```
#145498
```
#145498 rgb(20,84,152)
```
#144998
```
#144998 rgb(20,73,152)
```
#143e98
```
#143e98 rgb(20,62,152)
```
#143398
```
#143398 rgb(20,51,152)
```

Similar Colors

Text with hexadecimal color #145498

This text has a font color of #145498.

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

#145498 background color

This paragraph has a background color of #145498.

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

#145498 border color

This element has a border color of #145498.

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

CSS codes

.text {color:#145498;}

.background {background-color:#145498;}

.border {border:1px solid #145498;}

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, #02070d is the darkest color, while #fbfdfe is the lightest one.

#02070d
```
#02070d rgb(2,7,13)
```
#04111f
```
#04111f rgb(4,17,31)
```
#061b30
```
#061b30 rgb(6,27,48)
```
#092441
```
#092441 rgb(9,36,65)
```
#0b2e53
```
#0b2e53 rgb(11,46,83)
```
#0d3764
```
#0d3764 rgb(13,55,100)
```
#0f4175
```
#0f4175 rgb(15,65,117)
```
#124a87
```
#124a87 rgb(18,74,135)
```
#145498
```
#145498 rgb(20,84,152)
```
#165ea9
```
#165ea9 rgb(22,94,169)
```
#1967bb
```
#1967bb rgb(25,103,187)
```
#1b71cc
```
#1b71cc rgb(27,113,204)
```
#1d7add
```
#1d7add rgb(29,122,221)
```

Shade Color Variation

#2b84e3
```
#2b84e3 rgb(43,132,227)
```
#3c8ee5
```
#3c8ee5 rgb(60,142,229)
```
#4e98e8
```
#4e98e8 rgb(78,152,232)
```
#5fa2ea
```
#5fa2ea rgb(95,162,234)
```
#70acec
```
#70acec rgb(112,172,236)
```
#82b6ef
```
#82b6ef rgb(130,182,239)
```
#93c0f1
```
#93c0f1 rgb(147,192,241)
```
#a4caf3
```
#a4caf3 rgb(164,202,243)
```
#b6d5f5
```
#b6d5f5 rgb(182,213,245)
```
#c7dff8
```
#c7dff8 rgb(199,223,248)
```
#d8e9fa
```
#d8e9fa rgb(216,233,250)
```
#eaf3fc
```
#eaf3fc rgb(234,243,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #50565c is the less saturated color, while #0053ac is the most saturated one.

#50565c
```
#50565c rgb(80,86,92)
```
#495663
```
#495663 rgb(73,86,99)
```
#42556a
```
#42556a rgb(66,85,106)
```
#3c5570
```
#3c5570 rgb(60,85,112)
```
#355577
```
#355577 rgb(53,85,119)
```
#2e557e
```
#2e557e rgb(46,85,126)
```
#285584
```
#285584 rgb(40,85,132)
```
#21548b
```
#21548b rgb(33,84,139)
```
#1b5491
```
#1b5491 rgb(27,84,145)
```
#145498
```
#145498 rgb(20,84,152)
```
#0d549f
```
#0d549f rgb(13,84,159)
```
#0754a5
```
#0754a5 rgb(7,84,165)
```
#0053ac
```
#0053ac rgb(0,83,172)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3e4b59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b5a9b Protanopia 1% of men
#005d9c Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#2c5899 Protanomaly 1% of men, 0.01% of women
#075a9b Deuteranomaly 6% of men, 0.4% of women
#075f7b Tritanomaly 0.01% of the population

#145498 hex color

#145498 Color Information

#145498 Color Conversion

Color Schemes with #145498

Alternatives to #145498

#145498 Preview

Shades and Tints of #145498

Tones of #145498

Color Blindness Simulator