#145fdf hex color

In a RGB color space, hex #145fdf is composed of 7.8% red, 37.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 57.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 217.8 degrees, a saturation of 83.5% and a lightness of 47.6%. #145fdf color hex could be obtained by blending #28beff with #0000bf. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 37
- B 87
RGB color chart
- C 91
- M 57
- Y 0
- K 13
CMYK color chart

● #145fdf color description : Vivid blue.

The hexadecimal color #145fdf has RGB values of R:20, G:95, B:223 and CMYK values of C:0.91, M:0.57, Y:0, K:0.13. Its decimal value is 1335263.

Hex triplet	145fdf	`#145fdf`
RGB Decimal	20, 95, 223	`rgb(20,95,223)`
RGB Percent	7.8, 37.3, 87.5	`rgb(7.8%,37.3%,87.5%)`
CMYK	91, 57, 0, 13
HSL	217.8°, 83.5, 47.6	`hsl(217.8,83.5%,47.6%)`
HSV (or HSB)	217.8°, 91, 87.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.74, 28.011, -70.847
XYZ	17.697, 13.659, 71.512
xyY	0.172, 0.133, 13.659
CIE-LCH	43.74, 76.183, 291.572
CIE-LUV	43.74, -20.413, -106.391
Hunter-Lab	36.959, 20.795, -88.85
Binary	00010100, 01011111, 11011111

#145fdf
```
#145fdf rgb(20,95,223)
```
#df9414
```
#df9414 rgb(223,148,20)
```

Complementary Color

#14c5df
```
#14c5df rgb(20,197,223)
```
#145fdf
```
#145fdf rgb(20,95,223)
```
#2e14df
```
#2e14df rgb(46,20,223)
```

Analogous Color

#c5df14
```
#c5df14 rgb(197,223,20)
```
#145fdf
```
#145fdf rgb(20,95,223)
```
#df2e14
```
#df2e14 rgb(223,46,20)
```

Split Complementary Color

#5fdf14
```
#5fdf14 rgb(95,223,20)
```
#145fdf
```
#145fdf rgb(20,95,223)
```
#df145f
```
#df145f rgb(223,20,95)
```

Triadic Color

#14df94
```
#14df94 rgb(20,223,148)
```
#145fdf
```
#145fdf rgb(20,95,223)
```
#df145f
```
#df145f rgb(223,20,95)
```
#df9414
```
#df9414 rgb(223,148,20)
```

Tetradic Color

#0e4199
```
#0e4199 rgb(14,65,153)
```
#104bb0
```
#104bb0 rgb(16,75,176)
```
#1255c8
```
#1255c8 rgb(18,85,200)
```
#145fdf
```
#145fdf rgb(20,95,223)
```
#216ceb
```
#216ceb rgb(33,108,235)
```
#397bed
```
#397bed rgb(57,123,237)
```
#508bef
```
#508bef rgb(80,139,239)
```

Monochromatic Color

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

#1492df
```
#1492df rgb(20,146,223)
```
#1481df
```
#1481df rgb(20,129,223)
```
#1470df
```
#1470df rgb(20,112,223)
```
#145fdf
```
#145fdf rgb(20,95,223)
```
#144edf
```
#144edf rgb(20,78,223)
```
#143ddf
```
#143ddf rgb(20,61,223)
```
#142cdf
```
#142cdf rgb(20,44,223)
```

Similar Colors

Text with hexadecimal color #145fdf

This text has a font color of #145fdf.

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

#145fdf background color

This paragraph has a background color of #145fdf.

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

#145fdf border color

This element has a border color of #145fdf.

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

CSS codes

.text {color:#145fdf;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#020b19
```
#020b19 rgb(2,11,25)
```
#04122b
```
#04122b rgb(4,18,43)
```
#051a3d
```
#051a3d rgb(5,26,61)
```
#07224f
```
#07224f rgb(7,34,79)
```
#092961
```
#092961 rgb(9,41,97)
```
#0a3173
```
#0a3173 rgb(10,49,115)
```
#0c3985
```
#0c3985 rgb(12,57,133)
```
#0e4097
```
#0e4097 rgb(14,64,151)
```
#0f48a9
```
#0f48a9 rgb(15,72,169)
```
#1150bb
```
#1150bb rgb(17,80,187)
```
#1257cd
```
#1257cd rgb(18,87,205)
```
#145fdf
```
#145fdf rgb(20,95,223)
```

Shade Color Variation

#1c68eb
```
#1c68eb rgb(28,104,235)
```
#2e74ec
```
#2e74ec rgb(46,116,236)
```
#4080ee
```
#4080ee rgb(64,128,238)
```
#528cef
```
#528cef rgb(82,140,239)
```
#6498f1
```
#6498f1 rgb(100,152,241)
```
#76a4f3
```
#76a4f3 rgb(118,164,243)
```
#88b0f4
```
#88b0f4 rgb(136,176,244)
```
#9abcf6
```
#9abcf6 rgb(154,188,246)
```
#acc8f8
```
#acc8f8 rgb(172,200,248)
```
#bed4f9
```
#bed4f9 rgb(190,212,249)
```
#d0e0fb
```
#d0e0fb rgb(208,224,251)
```
#e2ecfc
```
#e2ecfc rgb(226,236,252)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

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

#717782
```
#717782 rgb(113,119,130)
```
#68758b
```
#68758b rgb(104,117,139)
```
#5f7394
```
#5f7394 rgb(95,115,148)
```
#55709e
```
#55709e rgb(85,112,158)
```
#4c6ea7
```
#4c6ea7 rgb(76,110,167)
```
#436bb0
```
#436bb0 rgb(67,107,176)
```
#3969ba
```
#3969ba rgb(57,105,186)
```
#3066c3
```
#3066c3 rgb(48,102,195)
```
#2764cc
```
#2764cc rgb(39,100,204)
```
#1d61d6
```
#1d61d6 rgb(29,97,214)
```
#145fdf
```
#145fdf rgb(20,95,223)
```
#0b5de8
```
#0b5de8 rgb(11,93,232)
```
#015af2
```
#015af2 rgb(1,90,242)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4a5972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0767d7 Protanomaly 1% of men, 0.01% of women
#076bc6 Deuteranomaly 6% of men, 0.4% of women
#0770a3 Tritanomaly 0.01% of the population

#145fdf hex color

#145fdf Color Information

#145fdf Color Conversion

Color Schemes with #145fdf

Alternatives to #145fdf

#145fdf Preview

Shades and Tints of #145fdf

Tones of #145fdf

Color Blindness Simulator