#145f89 hex color

In a RGB color space, hex #145f89 is composed of 7.8% red, 37.3% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 30.7% magenta, 0% yellow and 46.3% black. It has a hue angle of 201.5 degrees, a saturation of 74.5% and a lightness of 30.8%. #145f89 color hex could be obtained by blending #28beff with #000013. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 37
- B 54
RGB color chart
- C 85
- M 31
- Y 0
- K 46
CMYK color chart

● #145f89 color description : Dark blue.

The hexadecimal color #145f89 has RGB values of R:20, G:95, B:137 and CMYK values of C:0.85, M:0.31, Y:0, K:0.46. Its decimal value is 1335177.

Hex triplet	145f89	`#145f89`
RGB Decimal	20, 95, 137	`rgb(20,95,137)`
RGB Percent	7.8, 37.3, 53.7	`rgb(7.8%,37.3%,53.7%)`
CMYK	85, 31, 0, 46
HSL	201.5°, 74.5, 30.8	`hsl(201.5,74.5%,30.8%)`
HSV (or HSB)	201.5°, 85.4, 53.7
Web Safe	006699	`#006699`

CIE-LAB	38.09, -6.139, -29.46
XYZ	8.895, 10.138, 25.154
xyY	0.201, 0.229, 10.138
CIE-LCH	38.09, 30.093, 258.228
CIE-LUV	38.09, -23.448, -40.806
Hunter-Lab	31.841, -5.857, -24.549
Binary	00010100, 01011111, 10001001

#145f89
```
#145f89 rgb(20,95,137)
```
#893e14
```
#893e14 rgb(137,62,20)
```

Complementary Color

#148979
```
#148979 rgb(20,137,121)
```
#145f89
```
#145f89 rgb(20,95,137)
```
#142489
```
#142489 rgb(20,36,137)
```

Analogous Color

#897914
```
#897914 rgb(137,121,20)
```
#145f89
```
#145f89 rgb(20,95,137)
```
#891425
```
#891425 rgb(137,20,37)
```

Split Complementary Color

#5f8914
```
#5f8914 rgb(95,137,20)
```
#145f89
```
#145f89 rgb(20,95,137)
```
#89145f
```
#89145f rgb(137,20,95)
```

Triadic Color

#14893e
```
#14893e rgb(20,137,62)
```
#145f89
```
#145f89 rgb(20,95,137)
```
#89145f
```
#89145f rgb(137,20,95)
```
#893e14
```
#893e14 rgb(137,62,20)
```

Tetradic Color

#0a3146
```
#0a3146 rgb(10,49,70)
```
#0e405c
```
#0e405c rgb(14,64,92)
```
#115073
```
#115073 rgb(17,80,115)
```
#145f89
```
#145f89 rgb(20,95,137)
```
#176e9f
```
#176e9f rgb(23,110,159)
```
#1a7eb6
```
#1a7eb6 rgb(26,126,182)
```
#1e8dcc
```
#1e8dcc rgb(30,141,204)
```

Monochromatic Color

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

#147c89
```
#147c89 rgb(20,124,137)
```
#147389
```
#147389 rgb(20,115,137)
```
#146989
```
#146989 rgb(20,105,137)
```
#145f89
```
#145f89 rgb(20,95,137)
```
#145589
```
#145589 rgb(20,85,137)
```
#144c89
```
#144c89 rgb(20,76,137)
```
#144289
```
#144289 rgb(20,66,137)
```

Similar Colors

Text with hexadecimal color #145f89

This text has a font color of #145f89.

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

#145f89 background color

This paragraph has a background color of #145f89.

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

#145f89 border color

This element has a border color of #145f89.

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

CSS codes

.text {color:#145f89;}

.background {background-color:#145f89;}

.border {border:1px solid #145f89;}

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, #000000 is the darkest color, while #eef7fd is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#030c11
```
#030c11 rgb(3,12,17)
```
#051822
```
#051822 rgb(5,24,34)
```
#082433
```
#082433 rgb(8,36,51)
```
#0a3045
```
#0a3045 rgb(10,48,69)
```
#0d3b56
```
#0d3b56 rgb(13,59,86)
```
#0f4767
```
#0f4767 rgb(15,71,103)
```
#125378
```
#125378 rgb(18,83,120)
```
#145f89
```
#145f89 rgb(20,95,137)
```
#166b9a
```
#166b9a rgb(22,107,154)
```
#1977ab
```
#1977ab rgb(25,119,171)
```
#1b83bc
```
#1b83bc rgb(27,131,188)
```
#1e8ecd
```
#1e8ecd rgb(30,142,205)
```

Shade Color Variation

#219adf
```
#219adf rgb(33,154,223)
```
#32a2e1
```
#32a2e1 rgb(50,162,225)
```
#43aae4
```
#43aae4 rgb(67,170,228)
```
#54b2e6
```
#54b2e6 rgb(84,178,230)
```
#65b9e9
```
#65b9e9 rgb(101,185,233)
```
#76c1eb
```
#76c1eb rgb(118,193,235)
```
#87c9ee
```
#87c9ee rgb(135,201,238)
```
#98d1f0
```
#98d1f0 rgb(152,209,240)
```
#a9d8f3
```
#a9d8f3 rgb(169,216,243)
```
#bbe0f5
```
#bbe0f5 rgb(187,224,245)
```
#cce8f8
```
#cce8f8 rgb(204,232,248)
```
#ddf0fa
```
#ddf0fa rgb(221,240,250)
```
#eef7fd
```
#eef7fd rgb(238,247,253)
```

Tint Color Variation

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

#4a5053
```
#4a5053 rgb(74,80,83)
```
#445159
```
#445159 rgb(68,81,89)
```
#3e535f
```
#3e535f rgb(62,83,95)
```
#385565
```
#385565 rgb(56,85,101)
```
#32566b
```
#32566b rgb(50,86,107)
```
#2c5871
```
#2c5871 rgb(44,88,113)
```
#265a77
```
#265a77 rgb(38,90,119)
```
#205c7d
```
#205c7d rgb(32,92,125)
```
#1a5d83
```
#1a5d83 rgb(26,93,131)
```
#145f89
```
#145f89 rgb(20,95,137)
```
#0e618f
```
#0e618f rgb(14,97,143)
```
#086295
```
#086295 rgb(8,98,149)
```
#02649b
```
#02649b rgb(2,100,155)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#425159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#53608a Protanopia 1% of men
#486291 Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#3c6089 Protanomaly 1% of men, 0.01% of women
#35608e Deuteranomaly 6% of men, 0.4% of women
#07677b Tritanomaly 0.01% of the population

#145f89 hex color

#145f89 Color Information

#145f89 Color Conversion

Color Schemes with #145f89

Alternatives to #145f89

#145f89 Preview

Shades and Tints of #145f89

Tones of #145f89

Color Blindness Simulator