#145ba8 hex color

In a RGB color space, hex #145ba8 is composed of 7.8% red, 35.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 88.1% cyan, 45.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 211.2 degrees, a saturation of 78.7% and a lightness of 36.9%. #145ba8 color hex could be obtained by blending #28b6ff with #000051. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 36
- B 66
RGB color chart
- C 88
- M 46
- Y 0
- K 34
CMYK color chart

● #145ba8 color description : Dark blue.

The hexadecimal color #145ba8 has RGB values of R:20, G:91, B:168 and CMYK values of C:0.88, M:0.46, Y:0, K:0.34. Its decimal value is 1334184.

Hex triplet	145ba8	`#145ba8`
RGB Decimal	20, 91, 168	`rgb(20,91,168)`
RGB Percent	7.8, 35.7, 65.9	`rgb(7.8%,35.7%,65.9%)`
CMYK	88, 46, 0, 34
HSL	211.2°, 78.7, 36.9	`hsl(211.2,78.7%,36.9%)`
HSV (or HSB)	211.2°, 88.1, 65.9
Web Safe	006699	`#006699`

CIE-LAB	38.651, 8.805, -47.173
XYZ	11.096, 10.457, 38.477
xyY	0.185, 0.174, 10.457
CIE-LCH	38.651, 47.988, 280.573
CIE-LUV	38.651, -20.712, -68.449
Hunter-Lab	32.337, 4.658, -47.911
Binary	00010100, 01011011, 10101000

#145ba8
```
#145ba8 rgb(20,91,168)
```
#a86114
```
#a86114 rgb(168,97,20)
```

Complementary Color

#14a5a8
```
#14a5a8 rgb(20,165,168)
```
#145ba8
```
#145ba8 rgb(20,91,168)
```
#1714a8
```
#1714a8 rgb(23,20,168)
```

Analogous Color

#a5a814
```
#a5a814 rgb(165,168,20)
```
#145ba8
```
#145ba8 rgb(20,91,168)
```
#a81714
```
#a81714 rgb(168,23,20)
```

Split Complementary Color

#5ba814
```
#5ba814 rgb(91,168,20)
```
#145ba8
```
#145ba8 rgb(20,91,168)
```
#a8145b
```
#a8145b rgb(168,20,91)
```

Triadic Color

#14a861
```
#14a861 rgb(20,168,97)
```
#145ba8
```
#145ba8 rgb(20,91,168)
```
#a8145b
```
#a8145b rgb(168,20,91)
```
#a86114
```
#a86114 rgb(168,97,20)
```

Tetradic Color

#0c3664
```
#0c3664 rgb(12,54,100)
```
#0f427a
```
#0f427a rgb(15,66,122)
```
#114f91
```
#114f91 rgb(17,79,145)
```
#145ba8
```
#145ba8 rgb(20,91,168)
```
#1767bf
```
#1767bf rgb(23,103,191)
```
#1974d6
```
#1974d6 rgb(25,116,214)
```
#2480e5
```
#2480e5 rgb(36,128,229)
```

Monochromatic Color

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

#1480a8
```
#1480a8 rgb(20,128,168)
```
#1474a8
```
#1474a8 rgb(20,116,168)
```
#1467a8
```
#1467a8 rgb(20,103,168)
```
#145ba8
```
#145ba8 rgb(20,91,168)
```
#144fa8
```
#144fa8 rgb(20,79,168)
```
#1442a8
```
#1442a8 rgb(20,66,168)
```
#1436a8
```
#1436a8 rgb(20,54,168)
```

Similar Colors

Text with hexadecimal color #145ba8

This text has a font color of #145ba8.

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

#145ba8 background color

This paragraph has a background color of #145ba8.

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

#145ba8 border color

This element has a border color of #145ba8.

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

CSS codes

.text {color:#145ba8;}

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

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

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, #01060a is the darkest color, while #f8fbfe is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#030f1c
```
#030f1c rgb(3,15,28)
```
#05192d
```
#05192d rgb(5,25,45)
```
#07223f
```
#07223f rgb(7,34,63)
```
#0a2c50
```
#0a2c50 rgb(10,44,80)
```
#0c3562
```
#0c3562 rgb(12,53,98)
```
#0e3f73
```
#0e3f73 rgb(14,63,115)
```
#104885
```
#104885 rgb(16,72,133)
```
#125296
```
#125296 rgb(18,82,150)
```
#145ba8
```
#145ba8 rgb(20,91,168)
```
#1664ba
```
#1664ba rgb(22,100,186)
```
#186ecb
```
#186ecb rgb(24,110,203)
```
#1a77dd
```
#1a77dd rgb(26,119,221)
```

Shade Color Variation

#2581e5
```
#2581e5 rgb(37,129,229)
```
#378be7
```
#378be7 rgb(55,139,231)
```
#4896e9
```
#4896e9 rgb(72,150,233)
```
#5aa0eb
```
#5aa0eb rgb(90,160,235)
```
#6baaed
```
#6baaed rgb(107,170,237)
```
#7db4f0
```
#7db4f0 rgb(125,180,240)
```
#8fbef2
```
#8fbef2 rgb(143,190,242)
```
#a0c8f4
```
#a0c8f4 rgb(160,200,244)
```
#b2d2f6
```
#b2d2f6 rgb(178,210,246)
```
#c3dcf8
```
#c3dcf8 rgb(195,220,248)
```
#d5e7fa
```
#d5e7fa rgb(213,231,250)
```
#e6f1fc
```
#e6f1fc rgb(230,241,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#5c5e60
```
#5c5e60 rgb(92,94,96)
```
#555e67
```
#555e67 rgb(85,94,103)
```
#4e5d6e
```
#4e5d6e rgb(78,93,110)
```
#475d75
```
#475d75 rgb(71,93,117)
```
#3f5d7d
```
#3f5d7d rgb(63,93,125)
```
#385c84
```
#385c84 rgb(56,92,132)
```
#315c8b
```
#315c8b rgb(49,92,139)
```
#2a5c92
```
#2a5c92 rgb(42,92,146)
```
#225c9a
```
#225c9a rgb(34,92,154)
```
#1b5ba1
```
#1b5ba1 rgb(27,91,161)
```
#145ba8
```
#145ba8 rgb(20,91,168)
```
#0d5baf
```
#0d5baf rgb(13,91,175)
```
#065ab6
```
#065ab6 rgb(6,90,182)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#435161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b61aa Protanopia 1% of men
#0065a8 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#2d5ea9 Protanomaly 1% of men, 0.01% of women
#0761a8 Deuteranomaly 6% of men, 0.4% of women
#076686 Tritanomaly 0.01% of the population

#145ba8 hex color

#145ba8 Color Information

#145ba8 Color Conversion

Color Schemes with #145ba8

Alternatives to #145ba8

#145ba8 Preview

Shades and Tints of #145ba8

Tones of #145ba8

Color Blindness Simulator