#145f8a hex color

In a RGB color space, hex #145f8a is composed of 7.8% red, 37.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 31.2% magenta, 0% yellow and 45.9% black. It has a hue angle of 201.9 degrees, a saturation of 74.7% and a lightness of 31%. #145f8a color hex could be obtained by blending #28beff with #000015. Closest websafe color is: #006699.

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

● #145f8a color description : Dark blue.

The hexadecimal color #145f8a has RGB values of R:20, G:95, B:138 and CMYK values of C:0.86, M:0.31, Y:0, K:0.46. Its decimal value is 1335178.

Hex triplet	145f8a	`#145f8a`
RGB Decimal	20, 95, 138	`rgb(20,95,138)`
RGB Percent	7.8, 37.3, 54.1	`rgb(7.8%,37.3%,54.1%)`
CMYK	86, 31, 0, 46
HSL	201.9°, 74.7, 31	`hsl(201.9,74.7%,31%)`
HSV (or HSB)	201.9°, 85.5, 54.1
Web Safe	006699	`#006699`

CIE-LAB	38.141, -5.749, -29.986
XYZ	8.967, 10.167, 25.533
xyY	0.201, 0.228, 10.167
CIE-LCH	38.141, 30.532, 259.147
CIE-LUV	38.141, -23.395, -41.641
Hunter-Lab	31.886, -5.603, -25.157
Binary	00010100, 01011111, 10001010

#145f8a
```
#145f8a rgb(20,95,138)
```
#8a3f14
```
#8a3f14 rgb(138,63,20)
```

Complementary Color

#148a7a
```
#148a7a rgb(20,138,122)
```
#145f8a
```
#145f8a rgb(20,95,138)
```
#14248a
```
#14248a rgb(20,36,138)
```

Analogous Color

#8a7a14
```
#8a7a14 rgb(138,122,20)
```
#145f8a
```
#145f8a rgb(20,95,138)
```
#8a1424
```
#8a1424 rgb(138,20,36)
```

Split Complementary Color

#5f8a14
```
#5f8a14 rgb(95,138,20)
```
#145f8a
```
#145f8a rgb(20,95,138)
```
#8a145f
```
#8a145f rgb(138,20,95)
```

Triadic Color

#148a3f
```
#148a3f rgb(20,138,63)
```
#145f8a
```
#145f8a rgb(20,95,138)
```
#8a145f
```
#8a145f rgb(138,20,95)
```
#8a3f14
```
#8a3f14 rgb(138,63,20)
```

Tetradic Color

#0a3147
```
#0a3147 rgb(10,49,71)
```
#0e405d
```
#0e405d rgb(14,64,93)
```
#115074
```
#115074 rgb(17,80,116)
```
#145f8a
```
#145f8a rgb(20,95,138)
```
#176ea0
```
#176ea0 rgb(23,110,160)
```
#1a7eb7
```
#1a7eb7 rgb(26,126,183)
```
#1e8dcd
```
#1e8dcd rgb(30,141,205)
```

Monochromatic Color

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

#147d8a
```
#147d8a rgb(20,125,138)
```
#14738a
```
#14738a rgb(20,115,138)
```
#14698a
```
#14698a rgb(20,105,138)
```
#145f8a
```
#145f8a rgb(20,95,138)
```
#14558a
```
#14558a rgb(20,85,138)
```
#144b8a
```
#144b8a rgb(20,75,138)
```
#14428a
```
#14428a rgb(20,66,138)
```

Similar Colors

Text with hexadecimal color #145f8a

This text has a font color of #145f8a.

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

#145f8a background color

This paragraph has a background color of #145f8a.

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

#145f8a border color

This element has a border color of #145f8a.

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

CSS codes

.text {color:#145f8a;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#051823
```
#051823 rgb(5,24,35)
```
#082434
```
#082434 rgb(8,36,52)
```
#0a3045
```
#0a3045 rgb(10,48,69)
```
#0d3c57
```
#0d3c57 rgb(13,60,87)
```
#0f4768
```
#0f4768 rgb(15,71,104)
```
#125379
```
#125379 rgb(18,83,121)
```
#145f8a
```
#145f8a rgb(20,95,138)
```
#166b9b
```
#166b9b rgb(22,107,155)
```
#1977ac
```
#1977ac rgb(25,119,172)
```
#1b82bd
```
#1b82bd rgb(27,130,189)
```
#1e8ecf
```
#1e8ecf rgb(30,142,207)
```

Shade Color Variation

#219adf
```
#219adf rgb(33,154,223)
```
#32a2e1
```
#32a2e1 rgb(50,162,225)
```
#43a9e4
```
#43a9e4 rgb(67,169,228)
```
#55b1e6
```
#55b1e6 rgb(85,177,230)
```
#66b9e9
```
#66b9e9 rgb(102,185,233)
```
#77c1eb
```
#77c1eb rgb(119,193,235)
```
#88c9ee
```
#88c9ee rgb(136,201,238)
```
#99d1f0
```
#99d1f0 rgb(153,209,240)
```
#aad8f3
```
#aad8f3 rgb(170,216,243)
```
#bbe0f5
```
#bbe0f5 rgb(187,224,245)
```
#cde8f8
```
#cde8f8 rgb(205,232,248)
```
#def0fa
```
#def0fa rgb(222,240,250)
```
#eff8fd
```
#eff8fd rgb(239,248,253)
```

Tint Color Variation

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

#4b5053
```
#4b5053 rgb(75,80,83)
```
#455259
```
#455259 rgb(69,82,89)
```
#3f535f
```
#3f535f rgb(63,83,95)
```
#385566
```
#385566 rgb(56,85,102)
```
#32576c
```
#32576c rgb(50,87,108)
```
#2c5872
```
#2c5872 rgb(44,88,114)
```
#265a78
```
#265a78 rgb(38,90,120)
```
#205c7e
```
#205c7e rgb(32,92,126)
```
#1a5d84
```
#1a5d84 rgb(26,93,132)
```
#145f8a
```
#145f8a rgb(20,95,138)
```
#0e6190
```
#0e6190 rgb(14,97,144)
```
#086296
```
#086296 rgb(8,98,150)
```
#02649c
```
#02649c rgb(2,100,156)
```

Tone Color Variation

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

#53608b Protanopia 1% of men
#476292 Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#3c608a Protanomaly 1% of men, 0.01% of women
#34618f Deuteranomaly 6% of men, 0.4% of women
#07677b Tritanomaly 0.01% of the population

#145f8a hex color

#145f8a Color Information

#145f8a Color Conversion

Color Schemes with #145f8a

Alternatives to #145f8a

#145f8a Preview

Shades and Tints of #145f8a

Tones of #145f8a

Color Blindness Simulator