#145bd3 hex color

In a RGB color space, hex #145bd3 is composed of 7.8% red, 35.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 56.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 217.7 degrees, a saturation of 82.7% and a lightness of 45.3%. #145bd3 color hex could be obtained by blending #28b6ff with #0000a7. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 36
- B 83
RGB color chart
- C 91
- M 57
- Y 0
- K 17
CMYK color chart

● #145bd3 color description : Strong blue.

The hexadecimal color #145bd3 has RGB values of R:20, G:91, B:211 and CMYK values of C:0.91, M:0.57, Y:0, K:0.17. Its decimal value is 1334227.

Hex triplet	145bd3	`#145bd3`
RGB Decimal	20, 91, 211	`rgb(20,91,211)`
RGB Percent	7.8, 35.7, 82.7	`rgb(7.8%,35.7%,82.7%)`
CMYK	91, 57, 0, 17
HSL	217.7°, 82.7, 45.3	`hsl(217.7,82.7%,45.3%)`
HSV (or HSB)	217.7°, 90.5, 82.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.74, 25.955, -67.257
XYZ	15.785, 12.333, 63.173
xyY	0.173, 0.135, 12.333
CIE-LCH	41.74, 72.092, 291.102
CIE-LUV	41.74, -19.57, -99.815
Hunter-Lab	35.118, 18.776, -82.073
Binary	00010100, 01011011, 11010011

#145bd3
```
#145bd3 rgb(20,91,211)
```
#d38c14
```
#d38c14 rgb(211,140,20)
```

Complementary Color

#14bbd3
```
#14bbd3 rgb(20,187,211)
```
#145bd3
```
#145bd3 rgb(20,91,211)
```
#2c14d3
```
#2c14d3 rgb(44,20,211)
```

Analogous Color

#bbd314
```
#bbd314 rgb(187,211,20)
```
#145bd3
```
#145bd3 rgb(20,91,211)
```
#d32d14
```
#d32d14 rgb(211,45,20)
```

Split Complementary Color

#5bd314
```
#5bd314 rgb(91,211,20)
```
#145bd3
```
#145bd3 rgb(20,91,211)
```
#d3145b
```
#d3145b rgb(211,20,91)
```

Triadic Color

#14d38c
```
#14d38c rgb(20,211,140)
```
#145bd3
```
#145bd3 rgb(20,91,211)
```
#d3145b
```
#d3145b rgb(211,20,91)
```
#d38c14
```
#d38c14 rgb(211,140,20)
```

Tetradic Color

#0d3d8d
```
#0d3d8d rgb(13,61,141)
```
#1047a4
```
#1047a4 rgb(16,71,164)
```
#1251bc
```
#1251bc rgb(18,81,188)
```
#145bd3
```
#145bd3 rgb(20,91,211)
```
#1765e9
```
#1765e9 rgb(23,101,233)
```
#2f75eb
```
#2f75eb rgb(47,117,235)
```
#4684ed
```
#4684ed rgb(70,132,237)
```

Monochromatic Color

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

#148bd3
```
#148bd3 rgb(20,139,211)
```
#147bd3
```
#147bd3 rgb(20,123,211)
```
#146bd3
```
#146bd3 rgb(20,107,211)
```
#145bd3
```
#145bd3 rgb(20,91,211)
```
#144bd3
```
#144bd3 rgb(20,75,211)
```
#143bd3
```
#143bd3 rgb(20,59,211)
```
#142bd3
```
#142bd3 rgb(20,43,211)
```

Similar Colors

Text with hexadecimal color #145bd3

This text has a font color of #145bd3.

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

#145bd3 background color

This paragraph has a background color of #145bd3.

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

#145bd3 border color

This element has a border color of #145bd3.

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

CSS codes

.text {color:#145bd3;}

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

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

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

#01060e
```
#01060e rgb(1,6,14)
```
#030e20
```
#030e20 rgb(3,14,32)
```
#051532
```
#051532 rgb(5,21,50)
```
#061d44
```
#061d44 rgb(6,29,68)
```
#082556
```
#082556 rgb(8,37,86)
```
#0a2d67
```
#0a2d67 rgb(10,45,103)
```
#0c3479
```
#0c3479 rgb(12,52,121)
```
#0d3c8b
```
#0d3c8b rgb(13,60,139)
```
#0f449d
```
#0f449d rgb(15,68,157)
```
#114caf
```
#114caf rgb(17,76,175)
```
#1253c1
```
#1253c1 rgb(18,83,193)
```
#145bd3
```
#145bd3 rgb(20,91,211)
```
#1663e5
```
#1663e5 rgb(22,99,229)
```

Shade Color Variation

#246eea
```
#246eea rgb(36,110,234)
```
#367aec
```
#367aec rgb(54,122,236)
```
#4885ee
```
#4885ee rgb(72,133,238)
```
#5a91ef
```
#5a91ef rgb(90,145,239)
```
#6c9df1
```
#6c9df1 rgb(108,157,241)
```
#7ea9f3
```
#7ea9f3 rgb(126,169,243)
```
#8fb5f4
```
#8fb5f4 rgb(143,181,244)
```
#a1c1f6
```
#a1c1f6 rgb(161,193,246)
```
#b3cdf8
```
#b3cdf8 rgb(179,205,248)
```
#c5d9fa
```
#c5d9fa rgb(197,217,250)
```
#d7e5fb
```
#d7e5fb rgb(215,229,251)
```
#e9f0fd
```
#e9f0fd rgb(233,240,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d727a is the less saturated color, while #0256e5 is the most saturated one.

#6d727a
```
#6d727a rgb(109,114,122)
```
#647083
```
#647083 rgb(100,112,131)
```
#5b6d8c
```
#5b6d8c rgb(91,109,140)
```
#526b95
```
#526b95 rgb(82,107,149)
```
#49699e
```
#49699e rgb(73,105,158)
```
#4066a7
```
#4066a7 rgb(64,102,167)
```
#3864af
```
#3864af rgb(56,100,175)
```
#2f62b8
```
#2f62b8 rgb(47,98,184)
```
#2660c1
```
#2660c1 rgb(38,96,193)
```
#1d5dca
```
#1d5dca rgb(29,93,202)
```
#145bd3
```
#145bd3 rgb(20,91,211)
```
#0b59dc
```
#0b59dc rgb(11,89,220)
```
#0256e5
```
#0256e5 rgb(2,86,229)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#46556d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0762cd Protanomaly 1% of men, 0.01% of women
#0766bd Deuteranomaly 6% of men, 0.4% of women
#076b9b Tritanomaly 0.01% of the population

#145bd3 hex color

#145bd3 Color Information

#145bd3 Color Conversion

Color Schemes with #145bd3

Alternatives to #145bd3

#145bd3 Preview

Shades and Tints of #145bd3

Tones of #145bd3

Color Blindness Simulator