#145474 hex color

In a RGB color space, hex #145474 is composed of 7.8% red, 32.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 27.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 200 degrees, a saturation of 70.6% and a lightness of 26.7%. #145474 color hex could be obtained by blending #28a8e8 with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 8
- G 33
- B 45
RGB color chart
- C 83
- M 28
- Y 0
- K 55
CMYK color chart

● #145474 color description : Dark blue.

The hexadecimal color #145474 has RGB values of R:20, G:84, B:116 and CMYK values of C:0.83, M:0.28, Y:0, K:0.55. Its decimal value is 1332340.

Hex triplet	145474	`#145474`
RGB Decimal	20, 84, 116	`rgb(20,84,116)`
RGB Percent	7.8, 32.9, 45.5	`rgb(7.8%,32.9%,45.5%)`
CMYK	83, 28, 0, 55
HSL	200°, 70.6, 26.7	`hsl(200,70.6%,26.7%)`
HSV (or HSB)	200°, 82.8, 45.5
Web Safe	006666	`#006666`

CIE-LAB	33.456, -7.553, -23.821
XYZ	6.61, 7.75, 17.669
xyY	0.206, 0.242, 7.75
CIE-LCH	33.456, 24.989, 252.408
CIE-LUV	33.456, -20.654, -31.201
Hunter-Lab	27.838, -6.331, -18.146
Binary	00010100, 01010100, 01110100

#145474
```
#145474 rgb(20,84,116)
```
#743414
```
#743414 rgb(116,52,20)
```

Complementary Color

#147464
```
#147464 rgb(20,116,100)
```
#145474
```
#145474 rgb(20,84,116)
```
#142474
```
#142474 rgb(20,36,116)
```

Analogous Color

#746414
```
#746414 rgb(116,100,20)
```
#145474
```
#145474 rgb(20,84,116)
```
#741424
```
#741424 rgb(116,20,36)
```

Split Complementary Color

#547414
```
#547414 rgb(84,116,20)
```
#145474
```
#145474 rgb(20,84,116)
```
#741454
```
#741454 rgb(116,20,84)
```

Triadic Color

#147434
```
#147434 rgb(20,116,52)
```
#145474
```
#145474 rgb(20,84,116)
```
#741454
```
#741454 rgb(116,20,84)
```
#743414
```
#743414 rgb(116,52,20)
```

Tetradic Color

#092533
```
#092533 rgb(9,37,51)
```
#0d3549
```
#0d3549 rgb(13,53,73)
```
#10445e
```
#10445e rgb(16,68,94)
```
#145474
```
#145474 rgb(20,84,116)
```
#18648a
```
#18648a rgb(24,100,138)
```
#1c74a0
```
#1c74a0 rgb(28,116,160)
```
#1f83b5
```
#1f83b5 rgb(31,131,181)
```

Monochromatic Color

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

#146c74
```
#146c74 rgb(20,108,116)
```
#146474
```
#146474 rgb(20,100,116)
```
#145c74
```
#145c74 rgb(20,92,116)
```
#145474
```
#145474 rgb(20,84,116)
```
#144c74
```
#144c74 rgb(20,76,116)
```
#144474
```
#144474 rgb(20,68,116)
```
#143c74
```
#143c74 rgb(20,60,116)
```

Similar Colors

Text with hexadecimal color #145474

This text has a font color of #145474.

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

#145474 background color

This paragraph has a background color of #145474.

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

#145474 border color

This element has a border color of #145474.

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

CSS codes

.text {color:#145474;}

.background {background-color:#145474;}

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

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, #030b10 is the darkest color, while #feffff is the lightest one.

#030b10
```
#030b10 rgb(3,11,16)
```
#061720
```
#061720 rgb(6,23,32)
```
#082431
```
#082431 rgb(8,36,49)
```
#0b3042
```
#0b3042 rgb(11,48,66)
```
#0e3c53
```
#0e3c53 rgb(14,60,83)
```
#114863
```
#114863 rgb(17,72,99)
```
#145474
```
#145474 rgb(20,84,116)
```
#176085
```
#176085 rgb(23,96,133)
```
#1a6c95
```
#1a6c95 rgb(26,108,149)
```
#1d78a6
```
#1d78a6 rgb(29,120,166)
```
#2084b7
```
#2084b7 rgb(32,132,183)
```
#2291c8
```
#2291c8 rgb(34,145,200)
```
#259dd8
```
#259dd8 rgb(37,157,216)
```

Shade Color Variation

#35a5dc
```
#35a5dc rgb(53,165,220)
```
#46acdf
```
#46acdf rgb(70,172,223)
```
#57b4e2
```
#57b4e2 rgb(87,180,226)
```
#67bbe5
```
#67bbe5 rgb(103,187,229)
```
#78c3e8
```
#78c3e8 rgb(120,195,232)
```
#89caeb
```
#89caeb rgb(137,202,235)
```
#9ad2ee
```
#9ad2ee rgb(154,210,238)
```
#aad9f0
```
#aad9f0 rgb(170,217,240)
```
#bbe1f3
```
#bbe1f3 rgb(187,225,243)
```
#cce8f6
```
#cce8f6 rgb(204,232,246)
```
#dcf0f9
```
#dcf0f9 rgb(220,240,249)
```
#edf7fc
```
#edf7fc rgb(237,247,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#434445
```
#434445 rgb(67,68,69)
```
#3e464a
```
#3e464a rgb(62,70,74)
```
#39484f
```
#39484f rgb(57,72,79)
```
#334a55
```
#334a55 rgb(51,74,85)
```
#2e4b5a
```
#2e4b5a rgb(46,75,90)
```
#294d5f
```
#294d5f rgb(41,77,95)
```
#244f64
```
#244f64 rgb(36,79,100)
```
#1e516a
```
#1e516a rgb(30,81,106)
```
#19526f
```
#19526f rgb(25,82,111)
```
#145474
```
#145474 rgb(20,84,116)
```
#0f5679
```
#0f5679 rgb(15,86,121)
```
#0a577e
```
#0a577e rgb(10,87,126)
```
#045984
```
#045984 rgb(4,89,132)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3b484e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5676 Protanopia 1% of men
#46577d Deuteranopia 1% of men
#006067 Tritanopia 0.001% of the population

Trichromacy

#385575 Protanomaly 1% of men, 0.01% of women
#33567a Deuteranomaly 6% of men, 0.4% of women
#075b6b Tritanomaly 0.01% of the population

#145474 hex color

#145474 Color Information

#145474 Color Conversion

Color Schemes with #145474

Alternatives to #145474

#145474 Preview

Shades and Tints of #145474

Tones of #145474

Color Blindness Simulator