#145bb2 hex color

In a RGB color space, hex #145bb2 is composed of 7.8% red, 35.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 48.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 213 degrees, a saturation of 79.8% and a lightness of 38.8%. #145bb2 color hex could be obtained by blending #28b6ff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 36
- B 70
RGB color chart
- C 89
- M 49
- Y 0
- K 30
CMYK color chart

● #145bb2 color description : Dark blue.

The hexadecimal color #145bb2 has RGB values of R:20, G:91, B:178 and CMYK values of C:0.89, M:0.49, Y:0, K:0.3. Its decimal value is 1334194.

Hex triplet	145bb2	`#145bb2`
RGB Decimal	20, 91, 178	`rgb(20,91,178)`
RGB Percent	7.8, 35.7, 69.8	`rgb(7.8%,35.7%,69.8%)`
CMYK	89, 49, 0, 30
HSL	213°, 79.8, 38.8	`hsl(213,79.8%,38.8%)`
HSV (or HSB)	213°, 88.8, 69.8
Web Safe	006699	`#006699`

CIE-LAB	39.317, 12.841, -52.011
XYZ	12.064, 10.844, 43.574
xyY	0.181, 0.163, 10.844
CIE-LCH	39.317, 53.573, 283.868
CIE-LUV	39.317, -20.374, -76.062
Hunter-Lab	32.931, 7.763, -55.402
Binary	00010100, 01011011, 10110010

#145bb2
```
#145bb2 rgb(20,91,178)
```
#b26b14
```
#b26b14 rgb(178,107,20)
```

Complementary Color

#14aab2
```
#14aab2 rgb(20,170,178)
```
#145bb2
```
#145bb2 rgb(20,91,178)
```
#1c14b2
```
#1c14b2 rgb(28,20,178)
```

Analogous Color

#aab214
```
#aab214 rgb(170,178,20)
```
#145bb2
```
#145bb2 rgb(20,91,178)
```
#b21c14
```
#b21c14 rgb(178,28,20)
```

Split Complementary Color

#5bb214
```
#5bb214 rgb(91,178,20)
```
#145bb2
```
#145bb2 rgb(20,91,178)
```
#b2145b
```
#b2145b rgb(178,20,91)
```

Triadic Color

#14b26b
```
#14b26b rgb(20,178,107)
```
#145bb2
```
#145bb2 rgb(20,91,178)
```
#b2145b
```
#b2145b rgb(178,20,91)
```
#b26b14
```
#b26b14 rgb(178,107,20)
```

Tetradic Color

#0c386d
```
#0c386d rgb(12,56,109)
```
#0f4484
```
#0f4484 rgb(15,68,132)
```
#114f9b
```
#114f9b rgb(17,79,155)
```
#145bb2
```
#145bb2 rgb(20,91,178)
```
#1767c9
```
#1767c9 rgb(23,103,201)
```
#1972e0
```
#1972e0 rgb(25,114,224)
```
#2b80e7
```
#2b80e7 rgb(43,128,231)
```

Monochromatic Color

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

#1483b2
```
#1483b2 rgb(20,131,178)
```
#1475b2
```
#1475b2 rgb(20,117,178)
```
#1468b2
```
#1468b2 rgb(20,104,178)
```
#145bb2
```
#145bb2 rgb(20,91,178)
```
#144eb2
```
#144eb2 rgb(20,78,178)
```
#1441b2
```
#1441b2 rgb(20,65,178)
```
#1433b2
```
#1433b2 rgb(20,51,178)
```

Similar Colors

Text with hexadecimal color #145bb2

This text has a font color of #145bb2.

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

#145bb2 background color

This paragraph has a background color of #145bb2.

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

#145bb2 border color

This element has a border color of #145bb2.

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

CSS codes

.text {color:#145bb2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020a13
```
#020a13 rgb(2,10,19)
```
#041325
```
#041325 rgb(4,19,37)
```
#061c37
```
#061c37 rgb(6,28,55)
```
#082548
```
#082548 rgb(8,37,72)
```
#0a2e5a
```
#0a2e5a rgb(10,46,90)
```
#0c376b
```
#0c376b rgb(12,55,107)
```
#0e407d
```
#0e407d rgb(14,64,125)
```
#10498f
```
#10498f rgb(16,73,143)
```
#1252a0
```
#1252a0 rgb(18,82,160)
```
#145bb2
```
#145bb2 rgb(20,91,178)
```
#1664c4
```
#1664c4 rgb(22,100,196)
```
#186dd5
```
#186dd5 rgb(24,109,213)
```

Shade Color Variation

#1b76e5
```
#1b76e5 rgb(27,118,229)
```
#2d81e7
```
#2d81e7 rgb(45,129,231)
```
#3f8be9
```
#3f8be9 rgb(63,139,233)
```
#5096eb
```
#5096eb rgb(80,150,235)
```
#62a1ed
```
#62a1ed rgb(98,161,237)
```
#74abef
```
#74abef rgb(116,171,239)
```
#85b6f1
```
#85b6f1 rgb(133,182,241)
```
#97c0f3
```
#97c0f3 rgb(151,192,243)
```
#a8cbf5
```
#a8cbf5 rgb(168,203,245)
```
#bad6f7
```
#bad6f7 rgb(186,214,247)
```
#cce0f9
```
#cce0f9 rgb(204,224,249)
```
#ddebfb
```
#ddebfb rgb(221,235,251)
```
#eff5fd
```
#eff5fd rgb(239,245,253)
```

Tint Color Variation

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

#606366
```
#606366 rgb(96,99,102)
```
#59626d
```
#59626d rgb(89,98,109)
```
#516175
```
#516175 rgb(81,97,117)
```
#49607d
```
#49607d rgb(73,96,125)
```
#426084
```
#426084 rgb(66,96,132)
```
#3a5f8c
```
#3a5f8c rgb(58,95,140)
```
#325e94
```
#325e94 rgb(50,94,148)
```
#2b5d9b
```
#2b5d9b rgb(43,93,155)
```
#235da3
```
#235da3 rgb(35,93,163)
```
#1c5caa
```
#1c5caa rgb(28,92,170)
```
#145bb2
```
#145bb2 rgb(20,91,178)
```
#0c5aba
```
#0c5aba rgb(12,90,186)
```
#0559c1
```
#0559c1 rgb(5,89,193)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#445264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3162b4 Protanopia 1% of men
#0067a9 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#265fb3 Protanomaly 1% of men, 0.01% of women
#0762ac Deuteranomaly 6% of men, 0.4% of women
#07678b Tritanomaly 0.01% of the population

#145bb2 hex color

#145bb2 Color Information

#145bb2 Color Conversion

Color Schemes with #145bb2

Alternatives to #145bb2

#145bb2 Preview

Shades and Tints of #145bb2

Tones of #145bb2

Color Blindness Simulator