#145efb hex color

In a RGB color space, hex #145efb is composed of 7.8% red, 36.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 62.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 220.8 degrees, a saturation of 96.7% and a lightness of 53.1%. #145efb color hex could be obtained by blending #28bcff with #0000f7. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 37
- B 98
RGB color chart
- C 92
- M 63
- Y 0
- K 2
CMYK color chart

● #145efb color description : Vivid blue.

The hexadecimal color #145efb has RGB values of R:20, G:94, B:251 and CMYK values of C:0.92, M:0.63, Y:0, K:0.02. Its decimal value is 1335035.

Hex triplet	145efb	`#145efb`
RGB Decimal	20, 94, 251	`rgb(20,94,251)`
RGB Percent	7.8, 36.9, 98.4	`rgb(7.8%,36.9%,98.4%)`
CMYK	92, 63, 0, 2
HSL	220.8°, 96.7, 53.1	`hsl(220.8,96.7%,53.1%)`
HSV (or HSB)	220.8°, 92, 98.4
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.795, 39.238, -83.242
XYZ	21.7, 15.117, 93.036
xyY	0.167, 0.116, 15.117
CIE-LCH	45.795, 92.026, 295.238
CIE-LUV	45.795, -19.831, -125.283
Hunter-Lab	38.881, 31.582, -114.654
Binary	00010100, 01011110, 11111011

#145efb
```
#145efb rgb(20,94,251)
```
#fbb114
```
#fbb114 rgb(251,177,20)
```

Complementary Color

#14d2fb
```
#14d2fb rgb(20,210,251)
```
#145efb
```
#145efb rgb(20,94,251)
```
#3d14fb
```
#3d14fb rgb(61,20,251)
```

Analogous Color

#d2fb14
```
#d2fb14 rgb(210,251,20)
```
#145efb
```
#145efb rgb(20,94,251)
```
#fb3d14
```
#fb3d14 rgb(251,61,20)
```

Split Complementary Color

#5efb14
```
#5efb14 rgb(94,251,20)
```
#145efb
```
#145efb rgb(20,94,251)
```
#fb145e
```
#fb145e rgb(251,20,94)
```

Triadic Color

#14fbb1
```
#14fbb1 rgb(20,251,177)
```
#145efb
```
#145efb rgb(20,94,251)
```
#fb145e
```
#fb145e rgb(251,20,94)
```
#fbb114
```
#fbb114 rgb(251,177,20)
```

Tetradic Color

#033fbf
```
#033fbf rgb(3,63,191)
```
#0448d8
```
#0448d8 rgb(4,72,216)
```
#0450f1
```
#0450f1 rgb(4,80,241)
```
#145efb
```
#145efb rgb(20,94,251)
```
#2d6ffb
```
#2d6ffb rgb(45,111,251)
```
#4680fc
```
#4680fc rgb(70,128,252)
```
#5f92fc
```
#5f92fc rgb(95,146,252)
```

Monochromatic Color

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

#1498fb
```
#1498fb rgb(20,152,251)
```
#1485fb
```
#1485fb rgb(20,133,251)
```
#1471fb
```
#1471fb rgb(20,113,251)
```
#145efb
```
#145efb rgb(20,94,251)
```
#144bfb
```
#144bfb rgb(20,75,251)
```
#1438fb
```
#1438fb rgb(20,56,251)
```
#1424fb
```
#1424fb rgb(20,36,251)
```

Similar Colors

Text with hexadecimal color #145efb

This text has a font color of #145efb.

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

#145efb background color

This paragraph has a background color of #145efb.

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

#145efb border color

This element has a border color of #145efb.

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

CSS codes

.text {color:#145efb;}

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

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

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

#000510
```
#000510 rgb(0,5,16)
```
#010c23
```
#010c23 rgb(1,12,35)
```
#011236
```
#011236 rgb(1,18,54)
```
#01184a
```
#01184a rgb(1,24,74)
```
#021f5d
```
#021f5d rgb(2,31,93)
```
#022570
```
#022570 rgb(2,37,112)
```
#022c83
```
#022c83 rgb(2,44,131)
```
#033297
```
#033297 rgb(3,50,151)
```
#0338aa
```
#0338aa rgb(3,56,170)
```
#033fbd
```
#033fbd rgb(3,63,189)
```
#0445d1
```
#0445d1 rgb(4,69,209)
```
#044ce4
```
#044ce4 rgb(4,76,228)
```
#0452f7
```
#0452f7 rgb(4,82,247)
```

Shade Color Variation

#145efb
```
#145efb rgb(20,94,251)
```
#276bfb
```
#276bfb rgb(39,107,251)
```
#3b78fc
```
#3b78fc rgb(59,120,252)
```
#4e86fc
```
#4e86fc rgb(78,134,252)
```
#6193fc
```
#6193fc rgb(97,147,252)
```
#74a0fd
```
#74a0fd rgb(116,160,253)
```
#88adfd
```
#88adfd rgb(136,173,253)
```
#9bbafd
```
#9bbafd rgb(155,186,253)
```
#aec8fe
```
#aec8fe rgb(174,200,254)
```
#c2d5fe
```
#c2d5fe rgb(194,213,254)
```
#d5e2fe
```
#d5e2fe rgb(213,226,254)
```
#e8efff
```
#e8efff rgb(232,239,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82868d is the less saturated color, while #145efb is the most saturated one.

#82868d
```
#82868d rgb(130,134,141)
```
#798296
```
#798296 rgb(121,130,150)
```
#707f9f
```
#707f9f rgb(112,127,159)
```
#677ca8
```
#677ca8 rgb(103,124,168)
```
#5e78b1
```
#5e78b1 rgb(94,120,177)
```
#5475bb
```
#5475bb rgb(84,117,187)
```
#4b72c4
```
#4b72c4 rgb(75,114,196)
```
#426fcd
```
#426fcd rgb(66,111,205)
```
#396bd6
```
#396bd6 rgb(57,107,214)
```
#3068df
```
#3068df rgb(48,104,223)
```
#2665e9
```
#2665e9 rgb(38,101,233)
```
#1d61f2
```
#1d61f2 rgb(29,97,242)
```
#145efb
```
#145efb rgb(20,94,251)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4c5b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#007f85 Tritanopia 0.001% of the population

Trichromacy

#0769e7 Protanomaly 1% of men, 0.01% of women
#076dd4 Deuteranomaly 6% of men, 0.4% of women
#0773b0 Tritanomaly 0.01% of the population

#145efb hex color

#145efb Color Information

#145efb Color Conversion

Color Schemes with #145efb

Alternatives to #145efb

#145efb Preview

Shades and Tints of #145efb

Tones of #145efb

Color Blindness Simulator