#145dfb hex color

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

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

● #145dfb color description : Vivid blue.

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

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

CIE-LAB	45.553, 39.865, -83.639
XYZ	21.612, 14.941, 93.006
xyY	0.167, 0.115, 14.941
CIE-LCH	45.553, 92.653, 295.484
CIE-LUV	45.553, -19.6, -125.593
Hunter-Lab	38.653, 32.16, -115.605
Binary	00010100, 01011101, 11111011

#145dfb
```
#145dfb rgb(20,93,251)
```
#fbb214
```
#fbb214 rgb(251,178,20)
```

Complementary Color

#14d1fb
```
#14d1fb rgb(20,209,251)
```
#145dfb
```
#145dfb rgb(20,93,251)
```
#3e14fb
```
#3e14fb rgb(62,20,251)
```

Analogous Color

#d1fb14
```
#d1fb14 rgb(209,251,20)
```
#145dfb
```
#145dfb rgb(20,93,251)
```
#fb3e14
```
#fb3e14 rgb(251,62,20)
```

Split Complementary Color

#5dfb14
```
#5dfb14 rgb(93,251,20)
```
#145dfb
```
#145dfb rgb(20,93,251)
```
#fb145d
```
#fb145d rgb(251,20,93)
```

Triadic Color

#14fbb2
```
#14fbb2 rgb(20,251,178)
```
#145dfb
```
#145dfb rgb(20,93,251)
```
#fb145d
```
#fb145d rgb(251,20,93)
```
#fbb214
```
#fbb214 rgb(251,178,20)
```

Tetradic Color

#033fbf
```
#033fbf rgb(3,63,191)
```
#0447d8
```
#0447d8 rgb(4,71,216)
```
#044ff1
```
#044ff1 rgb(4,79,241)
```
#145dfb
```
#145dfb rgb(20,93,251)
```
#2d6efb
```
#2d6efb rgb(45,110,251)
```
#4680fc
```
#4680fc rgb(70,128,252)
```
#5f91fc
```
#5f91fc rgb(95,145,252)
```

Monochromatic Color

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

#1497fb
```
#1497fb rgb(20,151,251)
```
#1484fb
```
#1484fb rgb(20,132,251)
```
#1470fb
```
#1470fb rgb(20,112,251)
```
#145dfb
```
#145dfb rgb(20,93,251)
```
#144afb
```
#144afb rgb(20,74,251)
```
#1437fb
```
#1437fb rgb(20,55,251)
```
#1423fb
```
#1423fb rgb(20,35,251)
```

Similar Colors

Text with hexadecimal color #145dfb

This text has a font color of #145dfb.

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

#145dfb background color

This paragraph has a background color of #145dfb.

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

#145dfb border color

This element has a border color of #145dfb.

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

CSS codes

.text {color:#145dfb;}

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

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

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)
```
#010b23
```
#010b23 rgb(1,11,35)
```
#011236
```
#011236 rgb(1,18,54)
```
#01184a
```
#01184a rgb(1,24,74)
```
#021e5d
```
#021e5d rgb(2,30,93)
```
#022570
```
#022570 rgb(2,37,112)
```
#022b83
```
#022b83 rgb(2,43,131)
```
#033197
```
#033197 rgb(3,49,151)
```
#0338aa
```
#0338aa rgb(3,56,170)
```
#033ebd
```
#033ebd rgb(3,62,189)
```
#0444d1
```
#0444d1 rgb(4,68,209)
```
#044be4
```
#044be4 rgb(4,75,228)
```
#0451f7
```
#0451f7 rgb(4,81,247)
```

Shade Color Variation

#145dfb
```
#145dfb rgb(20,93,251)
```
#276afb
```
#276afb rgb(39,106,251)
```
#3b78fc
```
#3b78fc rgb(59,120,252)
```
#4e85fc
```
#4e85fc rgb(78,133,252)
```
#6192fc
```
#6192fc rgb(97,146,252)
```
#749ffd
```
#749ffd rgb(116,159,253)
```
#88adfd
```
#88adfd rgb(136,173,253)
```
#9bbafd
```
#9bbafd rgb(155,186,253)
```
#aec7fe
```
#aec7fe rgb(174,199,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 #145dfb is the most saturated one.

#82868d
```
#82868d rgb(130,134,141)
```
#798296
```
#798296 rgb(121,130,150)
```
#707f9f
```
#707f9f rgb(112,127,159)
```
#677ba8
```
#677ba8 rgb(103,123,168)
```
#5e78b1
```
#5e78b1 rgb(94,120,177)
```
#5475bb
```
#5475bb rgb(84,117,187)
```
#4b71c4
```
#4b71c4 rgb(75,113,196)
```
#426ecd
```
#426ecd rgb(66,110,205)
```
#396bd6
```
#396bd6 rgb(57,107,214)
```
#3067df
```
#3067df rgb(48,103,223)
```
#2664e9
```
#2664e9 rgb(38,100,233)
```
#1d60f2
```
#1d60f2 rgb(29,96,242)
```
#145dfb
```
#145dfb rgb(20,93,251)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4b5a79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

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

#145dfb hex color

#145dfb Color Information

#145dfb Color Conversion

Color Schemes with #145dfb

Alternatives to #145dfb

#145dfb Preview

Shades and Tints of #145dfb

Tones of #145dfb

Color Blindness Simulator