#145beb hex color

In a RGB color space, hex #145beb is composed of 7.8% red, 35.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 61.3% magenta, 0% yellow and 7.8% black. It has a hue angle of 220.2 degrees, a saturation of 84.3% and a lightness of 50%. #145beb color hex could be obtained by blending #28b6ff with #0000d7. Closest websafe color is: #0066ff.

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

● #145beb color description : Vivid blue.

The hexadecimal color #145beb has RGB values of R:20, G:91, B:235 and CMYK values of C:0.91, M:0.61, Y:0, K:0.08. Its decimal value is 1334251.

Hex triplet	145beb	`#145beb`
RGB Decimal	20, 91, 235	`rgb(20,91,235)`
RGB Percent	7.8, 35.7, 92.2	`rgb(7.8%,35.7%,92.2%)`
CMYK	91, 61, 0, 8
HSL	220.2°, 84.3, 50	`hsl(220.2,84.3%,50%)`
HSV (or HSB)	220.2°, 91.5, 92.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.694, 35.164, -77.716
XYZ	19.022, 13.627, 80.221
xyY	0.169, 0.121, 13.627
CIE-LCH	43.694, 85.301, 294.345
CIE-LUV	43.694, -19.252, -115.913
Hunter-Lab	36.915, 27.376, -103.002
Binary	00010100, 01011011, 11101011

#145beb
```
#145beb rgb(20,91,235)
```
#eba414
```
#eba414 rgb(235,164,20)
```

Complementary Color

#14c7eb
```
#14c7eb rgb(20,199,235)
```
#145beb
```
#145beb rgb(20,91,235)
```
#3914eb
```
#3914eb rgb(57,20,235)
```

Analogous Color

#c7eb14
```
#c7eb14 rgb(199,235,20)
```
#145beb
```
#145beb rgb(20,91,235)
```
#eb3914
```
#eb3914 rgb(235,57,20)
```

Split Complementary Color

#5beb14
```
#5beb14 rgb(91,235,20)
```
#145beb
```
#145beb rgb(20,91,235)
```
#eb145b
```
#eb145b rgb(235,20,91)
```

Triadic Color

#14eba4
```
#14eba4 rgb(20,235,164)
```
#145beb
```
#145beb rgb(20,91,235)
```
#eb145b
```
#eb145b rgb(235,20,91)
```
#eba414
```
#eba414 rgb(235,164,20)
```

Tetradic Color

#0e40a5
```
#0e40a5 rgb(14,64,165)
```
#1049bc
```
#1049bc rgb(16,73,188)
```
#1252d4
```
#1252d4 rgb(18,82,212)
```
#145beb
```
#145beb rgb(20,91,235)
```
#2c6bed
```
#2c6bed rgb(44,107,237)
```
#437cef
```
#437cef rgb(67,124,239)
```
#5b8cf1
```
#5b8cf1 rgb(91,140,241)
```

Monochromatic Color

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

#1491eb
```
#1491eb rgb(20,145,235)
```
#147feb
```
#147feb rgb(20,127,235)
```
#146deb
```
#146deb rgb(20,109,235)
```
#145beb
```
#145beb rgb(20,91,235)
```
#1449eb
```
#1449eb rgb(20,73,235)
```
#1437eb
```
#1437eb rgb(20,55,235)
```
#1425eb
```
#1425eb rgb(20,37,235)
```

Similar Colors

Text with hexadecimal color #145beb

This text has a font color of #145beb.

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

#145beb background color

This paragraph has a background color of #145beb.

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

#145beb border color

This element has a border color of #145beb.

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

CSS codes

.text {color:#145beb;}

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

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

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

#020712
```
#020712 rgb(2,7,18)
```
#030e24
```
#030e24 rgb(3,14,36)
```
#051536
```
#051536 rgb(5,21,54)
```
#061c48
```
#061c48 rgb(6,28,72)
```
#08235a
```
#08235a rgb(8,35,90)
```
#092a6c
```
#092a6c rgb(9,42,108)
```
#0b317f
```
#0b317f rgb(11,49,127)
```
#0c3891
```
#0c3891 rgb(12,56,145)
```
#0e3fa3
```
#0e3fa3 rgb(14,63,163)
```
#0f46b5
```
#0f46b5 rgb(15,70,181)
```
#114dc7
```
#114dc7 rgb(17,77,199)
```
#1254d9
```
#1254d9 rgb(18,84,217)
```
#145beb
```
#145beb rgb(20,91,235)
```

Shade Color Variation

#2668ed
```
#2668ed rgb(38,104,237)
```
#3874ee
```
#3874ee rgb(56,116,238)
```
#4a81f0
```
#4a81f0 rgb(74,129,240)
```
#5c8df1
```
#5c8df1 rgb(92,141,241)
```
#6e9af3
```
#6e9af3 rgb(110,154,243)
```
#80a7f4
```
#80a7f4 rgb(128,167,244)
```
#93b3f6
```
#93b3f6 rgb(147,179,246)
```
#a5c0f7
```
#a5c0f7 rgb(165,192,247)
```
#b7cdf9
```
#b7cdf9 rgb(183,205,249)
```
#c9d9fa
```
#c9d9fa rgb(201,217,250)
```
#dbe6fc
```
#dbe6fc rgb(219,230,252)
```
#edf2fd
```
#edf2fd rgb(237,242,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767c89 is the less saturated color, while #0054ff is the most saturated one.

#767c89
```
#767c89 rgb(118,124,137)
```
#6c7993
```
#6c7993 rgb(108,121,147)
```
#62769d
```
#62769d rgb(98,118,157)
```
#5972a6
```
#5972a6 rgb(89,114,166)
```
#4f6fb0
```
#4f6fb0 rgb(79,111,176)
```
#456cba
```
#456cba rgb(69,108,186)
```
#3b68c4
```
#3b68c4 rgb(59,104,196)
```
#3165ce
```
#3165ce rgb(49,101,206)
```
#2862d7
```
#2862d7 rgb(40,98,215)
```
#1e5ee1
```
#1e5ee1 rgb(30,94,225)
```
#145beb
```
#145beb rgb(20,91,235)
```
#0a58f5
```
#0a58f5 rgb(10,88,245)
```
#0054ff
```
#0054ff rgb(0,84,255)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#495774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0765db Protanomaly 1% of men, 0.01% of women
#0769ca Deuteranomaly 6% of men, 0.4% of women
#076ea7 Tritanomaly 0.01% of the population

#145beb hex color

#145beb Color Information

#145beb Color Conversion

Color Schemes with #145beb

Alternatives to #145beb

#145beb Preview

Shades and Tints of #145beb

Tones of #145beb

Color Blindness Simulator