#145bfd hex color

In a RGB color space, hex #145bfd is composed of 7.8% red, 35.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 64% magenta, 0% yellow and 0.8% black. It has a hue angle of 221.7 degrees, a saturation of 98.3% and a lightness of 53.5%. #145bfd color hex could be obtained by blending #28b6ff with #0000fb. Closest websafe color is: #0066ff.

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

● #145bfd color description : Vivid blue.

The hexadecimal color #145bfd has RGB values of R:20, G:91, B:253 and CMYK values of C:0.92, M:0.64, Y:0, K:0.01. Its decimal value is 1334269.

Hex triplet	145bfd	`#145bfd`
RGB Decimal	20, 91, 253	`rgb(20,91,253)`
RGB Percent	7.8, 35.7, 99.2	`rgb(7.8%,35.7%,99.2%)`
CMYK	92, 64, 0, 1
HSL	221.7°, 98.3, 53.5	`hsl(221.7,98.3%,53.5%)`
HSV (or HSB)	221.7°, 92.1, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.25, 41.847, -85.251
XYZ	21.755, 14.721, 94.618
xyY	0.166, 0.112, 14.721
CIE-LCH	45.25, 94.968, 296.145
CIE-LUV	45.25, -19.137, -127.449
Hunter-Lab	38.368, 34.07, -119.356
Binary	00010100, 01011011, 11111101

#145bfd
```
#145bfd rgb(20,91,253)
```
#fdb614
```
#fdb614 rgb(253,182,20)
```

Complementary Color

#14d0fd
```
#14d0fd rgb(20,208,253)
```
#145bfd
```
#145bfd rgb(20,91,253)
```
#4114fd
```
#4114fd rgb(65,20,253)
```

Analogous Color

#d0fd14
```
#d0fd14 rgb(208,253,20)
```
#145bfd
```
#145bfd rgb(20,91,253)
```
#fd4114
```
#fd4114 rgb(253,65,20)
```

Split Complementary Color

#5bfd14
```
#5bfd14 rgb(91,253,20)
```
#145bfd
```
#145bfd rgb(20,91,253)
```
#fd145b
```
#fd145b rgb(253,20,91)
```

Triadic Color

#14fdb6
```
#14fdb6 rgb(20,253,182)
```
#145bfd
```
#145bfd rgb(20,91,253)
```
#fd145b
```
#fd145b rgb(253,20,91)
```
#fdb614
```
#fdb614 rgb(253,182,20)
```

Tetradic Color

#023dc3
```
#023dc3 rgb(2,61,195)
```
#0244dc
```
#0244dc rgb(2,68,220)
```
#024cf5
```
#024cf5 rgb(2,76,245)
```
#145bfd
```
#145bfd rgb(20,91,253)
```
#2d6dfd
```
#2d6dfd rgb(45,109,253)
```
#477efd
```
#477efd rgb(71,126,253)
```
#6090fe
```
#6090fe rgb(96,144,254)
```

Monochromatic Color

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

#1495fd
```
#1495fd rgb(20,149,253)
```
#1482fd
```
#1482fd rgb(20,130,253)
```
#146efd
```
#146efd rgb(20,110,253)
```
#145bfd
```
#145bfd rgb(20,91,253)
```
#1448fd
```
#1448fd rgb(20,72,253)
```
#1434fd
```
#1434fd rgb(20,52,253)
```
#1421fd
```
#1421fd rgb(20,33,253)
```

Similar Colors

Text with hexadecimal color #145bfd

This text has a font color of #145bfd.

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

#145bfd background color

This paragraph has a background color of #145bfd.

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

#145bfd border color

This element has a border color of #145bfd.

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

CSS codes

.text {color:#145bfd;}

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

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

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

#000612
```
#000612 rgb(0,6,18)
```
#000c25
```
#000c25 rgb(0,12,37)
```
#001239
```
#001239 rgb(0,18,57)
```
#01184c
```
#01184c rgb(1,24,76)
```
#011e60
```
#011e60 rgb(1,30,96)
```
#012473
```
#012473 rgb(1,36,115)
```
#012a87
```
#012a87 rgb(1,42,135)
```
#01309a
```
#01309a rgb(1,48,154)
```
#0136ad
```
#0136ad rgb(1,54,173)
```
#023cc1
```
#023cc1 rgb(2,60,193)
```
#0242d4
```
#0242d4 rgb(2,66,212)
```
#0248e8
```
#0248e8 rgb(2,72,232)
```
#024efb
```
#024efb rgb(2,78,251)
```

Shade Color Variation

#145bfd
```
#145bfd rgb(20,91,253)
```
#2769fd
```
#2769fd rgb(39,105,253)
```
#3b76fd
```
#3b76fd rgb(59,118,253)
```
#4e84fd
```
#4e84fd rgb(78,132,253)
```
#6291fe
```
#6291fe rgb(98,145,254)
```
#759ffe
```
#759ffe rgb(117,159,254)
```
#89acfe
```
#89acfe rgb(137,172,254)
```
#9cbafe
```
#9cbafe rgb(156,186,254)
```
#b0c8fe
```
#b0c8fe rgb(176,200,254)
```
#c3d5fe
```
#c3d5fe rgb(195,213,254)
```
#d6e3ff
```
#d6e3ff rgb(214,227,255)
```
#eaf0ff
```
#eaf0ff rgb(234,240,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#818690
```
#818690 rgb(129,134,144)
```
#788299
```
#788299 rgb(120,130,153)
```
#6f7fa2
```
#6f7fa2 rgb(111,127,162)
```
#667bab
```
#667bab rgb(102,123,171)
```
#5d77b4
```
#5d77b4 rgb(93,119,180)
```
#5474bd
```
#5474bd rgb(84,116,189)
```
#4b70c6
```
#4b70c6 rgb(75,112,198)
```
#426dcf
```
#426dcf rgb(66,109,207)
```
#3869d9
```
#3869d9 rgb(56,105,217)
```
#2f66e2
```
#2f66e2 rgb(47,102,226)
```
#2662eb
```
#2662eb rgb(38,98,235)
```
#1d5ff4
```
#1d5ff4 rgb(29,95,244)
```
#145bfd
```
#145bfd rgb(20,91,253)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4a5979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#0767e6 Protanomaly 1% of men, 0.01% of women
#076cd4 Deuteranomaly 6% of men, 0.4% of women
#0771b0 Tritanomaly 0.01% of the population

#145bfd hex color

#145bfd Color Information

#145bfd Color Conversion

Color Schemes with #145bfd

Alternatives to #145bfd

#145bfd Preview

Shades and Tints of #145bfd

Tones of #145bfd

Color Blindness Simulator