#145774 hex color

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

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

● #145774 color description : Dark blue.

The hexadecimal color #145774 has RGB values of R:20, G:87, B:116 and CMYK values of C:0.83, M:0.25, Y:0, K:0.55. Its decimal value is 1333108.

Hex triplet	145774	`#145774`
RGB Decimal	20, 87, 116	`rgb(20,87,116)`
RGB Percent	7.8, 34.1, 45.5	`rgb(7.8%,34.1%,45.5%)`
CMYK	83, 25, 0, 55
HSL	198.1°, 70.6, 26.7	`hsl(198.1,70.6%,26.7%)`
HSV (or HSB)	198.1°, 82.8, 45.5
Web Safe	006666	`#006666`

CIE-LAB	34.448, -9.391, -22.273
XYZ	6.848, 8.225, 17.749
xyY	0.209, 0.251, 8.225
CIE-LCH	34.448, 24.172, 247.139
CIE-LUV	34.448, -21.737, -29.044
Hunter-Lab	28.68, -7.568, -16.616
Binary	00010100, 01010111, 01110100

#145774
```
#145774 rgb(20,87,116)
```
#743114
```
#743114 rgb(116,49,20)
```

Complementary Color

#147461
```
#147461 rgb(20,116,97)
```
#145774
```
#145774 rgb(20,87,116)
```
#142774
```
#142774 rgb(20,39,116)
```

Analogous Color

#746114
```
#746114 rgb(116,97,20)
```
#145774
```
#145774 rgb(20,87,116)
```
#741427
```
#741427 rgb(116,20,39)
```

Split Complementary Color

#577414
```
#577414 rgb(87,116,20)
```
#145774
```
#145774 rgb(20,87,116)
```
#741457
```
#741457 rgb(116,20,87)
```

Triadic Color

#147431
```
#147431 rgb(20,116,49)
```
#145774
```
#145774 rgb(20,87,116)
```
#741457
```
#741457 rgb(116,20,87)
```
#743114
```
#743114 rgb(116,49,20)
```

Tetradic Color

#092633
```
#092633 rgb(9,38,51)
```
#0d3649
```
#0d3649 rgb(13,54,73)
```
#10475e
```
#10475e rgb(16,71,94)
```
#145774
```
#145774 rgb(20,87,116)
```
#18678a
```
#18678a rgb(24,103,138)
```
#1c78a0
```
#1c78a0 rgb(28,120,160)
```
#1f88b5
```
#1f88b5 rgb(31,136,181)
```

Monochromatic Color

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

#146f74
```
#146f74 rgb(20,111,116)
```
#146774
```
#146774 rgb(20,103,116)
```
#145f74
```
#145f74 rgb(20,95,116)
```
#145774
```
#145774 rgb(20,87,116)
```
#144f74
```
#144f74 rgb(20,79,116)
```
#144774
```
#144774 rgb(20,71,116)
```
#143f74
```
#143f74 rgb(20,63,116)
```

Similar Colors

Text with hexadecimal color #145774

This text has a font color of #145774.

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

#145774 background color

This paragraph has a background color of #145774.

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

#145774 border color

This element has a border color of #145774.

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

CSS codes

.text {color:#145774;}

.background {background-color:#145774;}

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

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

#030c10
```
#030c10 rgb(3,12,16)
```
#061820
```
#061820 rgb(6,24,32)
```
#082531
```
#082531 rgb(8,37,49)
```
#0b3142
```
#0b3142 rgb(11,49,66)
```
#0e3e53
```
#0e3e53 rgb(14,62,83)
```
#114a63
```
#114a63 rgb(17,74,99)
```
#145774
```
#145774 rgb(20,87,116)
```
#176485
```
#176485 rgb(23,100,133)
```
#1a7095
```
#1a7095 rgb(26,112,149)
```
#1d7da6
```
#1d7da6 rgb(29,125,166)
```
#2089b7
```
#2089b7 rgb(32,137,183)
```
#2296c8
```
#2296c8 rgb(34,150,200)
```
#25a2d8
```
#25a2d8 rgb(37,162,216)
```

Shade Color Variation

#35aadc
```
#35aadc rgb(53,170,220)
```
#46b1df
```
#46b1df rgb(70,177,223)
```
#57b8e2
```
#57b8e2 rgb(87,184,226)
```
#67bfe5
```
#67bfe5 rgb(103,191,229)
```
#78c6e8
```
#78c6e8 rgb(120,198,232)
```
#89cdeb
```
#89cdeb rgb(137,205,235)
```
#9ad4ee
```
#9ad4ee rgb(154,212,238)
```
#aadbf0
```
#aadbf0 rgb(170,219,240)
```
#bbe2f3
```
#bbe2f3 rgb(187,226,243)
```
#cce9f6
```
#cce9f6 rgb(204,233,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 #045d84 is the most saturated one.

#434445
```
#434445 rgb(67,68,69)
```
#3e464a
```
#3e464a rgb(62,70,74)
```
#39494f
```
#39494f rgb(57,73,79)
```
#334b55
```
#334b55 rgb(51,75,85)
```
#2e4d5a
```
#2e4d5a rgb(46,77,90)
```
#294f5f
```
#294f5f rgb(41,79,95)
```
#245164
```
#245164 rgb(36,81,100)
```
#1e536a
```
#1e536a rgb(30,83,106)
```
#19556f
```
#19556f rgb(25,85,111)
```
#145774
```
#145774 rgb(20,87,116)
```
#0f5979
```
#0f5979 rgb(15,89,121)
```
#0a5b7e
```
#0a5b7e rgb(10,91,126)
```
#045d84
```
#045d84 rgb(4,93,132)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3c494f Atypical Achromatopsia 0.001% of the population

Dichromacy

#505976 Protanopia 1% of men
#4a597d Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#3a5875 Protanomaly 1% of men, 0.01% of women
#36587a Deuteranomaly 6% of men, 0.4% of women
#075e6d Tritanomaly 0.01% of the population

#145774 hex color

#145774 Color Information

#145774 Color Conversion

Color Schemes with #145774

Alternatives to #145774

#145774 Preview

Shades and Tints of #145774

Tones of #145774

Color Blindness Simulator