#145acc hex color

In a RGB color space, hex #145acc is composed of 7.8% red, 35.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 55.9% magenta, 0% yellow and 20% black. It has a hue angle of 217.2 degrees, a saturation of 82.1% and a lightness of 43.9%. #145acc color hex could be obtained by blending #28b4ff with #000099. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 35
- B 80
RGB color chart
- C 90
- M 56
- Y 0
- K 20
CMYK color chart

● #145acc color description : Strong blue.

The hexadecimal color #145acc has RGB values of R:20, G:90, B:204 and CMYK values of C:0.9, M:0.56, Y:0, K:0.2. Its decimal value is 1333964.

Hex triplet	145acc	`#145acc`
RGB Decimal	20, 90, 204	`rgb(20,90,204)`
RGB Percent	7.8, 35.3, 80	`rgb(7.8%,35.3%,80%)`
CMYK	90, 56, 0, 20
HSL	217.2°, 82.1, 43.9	`hsl(217.2,82.1%,43.9%)`
HSV (or HSB)	217.2°, 90.2, 80
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.928, 23.868, -64.553
XYZ	14.841, 11.819, 58.623
xyY	0.174, 0.139, 11.819
CIE-LCH	40.928, 68.824, 290.291
CIE-LUV	40.928, -19.431, -95.385
Hunter-Lab	34.379, 16.893, -77.034
Binary	00010100, 01011010, 11001100

#145acc
```
#145acc rgb(20,90,204)
```
#cc8614
```
#cc8614 rgb(204,134,20)
```

Complementary Color

#14b6cc
```
#14b6cc rgb(20,182,204)
```
#145acc
```
#145acc rgb(20,90,204)
```
#2a14cc
```
#2a14cc rgb(42,20,204)
```

Analogous Color

#b6cc14
```
#b6cc14 rgb(182,204,20)
```
#145acc
```
#145acc rgb(20,90,204)
```
#cc2a14
```
#cc2a14 rgb(204,42,20)
```

Split Complementary Color

#5acc14
```
#5acc14 rgb(90,204,20)
```
#145acc
```
#145acc rgb(20,90,204)
```
#cc145a
```
#cc145a rgb(204,20,90)
```

Triadic Color

#14cc86
```
#14cc86 rgb(20,204,134)
```
#145acc
```
#145acc rgb(20,90,204)
```
#cc145a
```
#cc145a rgb(204,20,90)
```
#cc8614
```
#cc8614 rgb(204,134,20)
```

Tetradic Color

#0d3b86
```
#0d3b86 rgb(13,59,134)
```
#0f469e
```
#0f469e rgb(15,70,158)
```
#1250b5
```
#1250b5 rgb(18,80,181)
```
#145acc
```
#145acc rgb(20,90,204)
```
#1664e3
```
#1664e3 rgb(22,100,227)
```
#2972ea
```
#2972ea rgb(41,114,234)
```
#4082ec
```
#4082ec rgb(64,130,236)
```

Monochromatic Color

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

#1488cc
```
#1488cc rgb(20,136,204)
```
#1479cc
```
#1479cc rgb(20,121,204)
```
#1469cc
```
#1469cc rgb(20,105,204)
```
#145acc
```
#145acc rgb(20,90,204)
```
#144bcc
```
#144bcc rgb(20,75,204)
```
#143bcc
```
#143bcc rgb(20,59,204)
```
#142ccc
```
#142ccc rgb(20,44,204)
```

Similar Colors

Text with hexadecimal color #145acc

This text has a font color of #145acc.

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

#145acc background color

This paragraph has a background color of #145acc.

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

#145acc border color

This element has a border color of #145acc.

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

CSS codes

.text {color:#145acc;}

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

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

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 #f5f8fe is the lightest one.

#010307
```
#010307 rgb(1,3,7)
```
#020b19
```
#020b19 rgb(2,11,25)
```
#04132b
```
#04132b rgb(4,19,43)
```
#061b3d
```
#061b3d rgb(6,27,61)
```
#08234f
```
#08234f rgb(8,35,79)
```
#092b61
```
#092b61 rgb(9,43,97)
```
#0b3373
```
#0b3373 rgb(11,51,115)
```
#0d3a85
```
#0d3a85 rgb(13,58,133)
```
#0f4296
```
#0f4296 rgb(15,66,150)
```
#104aa8
```
#104aa8 rgb(16,74,168)
```
#1252ba
```
#1252ba rgb(18,82,186)
```
#145acc
```
#145acc rgb(20,90,204)
```
#1662de
```
#1662de rgb(22,98,222)
```

Shade Color Variation

#1e6be9
```
#1e6be9 rgb(30,107,233)
```
#3077eb
```
#3077eb rgb(48,119,235)
```
#4283ec
```
#4283ec rgb(66,131,236)
```
#548fee
```
#548fee rgb(84,143,238)
```
#669af0
```
#669af0 rgb(102,154,240)
```
#78a6f2
```
#78a6f2 rgb(120,166,242)
```
#89b2f3
```
#89b2f3 rgb(137,178,243)
```
#9bbef5
```
#9bbef5 rgb(155,190,245)
```
#adc9f7
```
#adc9f7 rgb(173,201,247)
```
#bfd5f9
```
#bfd5f9 rgb(191,213,249)
```
#d1e1fa
```
#d1e1fa rgb(209,225,250)
```
#e3ecfc
```
#e3ecfc rgb(227,236,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6f76 is the less saturated color, while #0356dd is the most saturated one.

#6a6f76
```
#6a6f76 rgb(106,111,118)
```
#626d7e
```
#626d7e rgb(98,109,126)
```
#596a87
```
#596a87 rgb(89,106,135)
```
#506890
```
#506890 rgb(80,104,144)
```
#486698
```
#486698 rgb(72,102,152)
```
#3f64a1
```
#3f64a1 rgb(63,100,161)
```
#3662aa
```
#3662aa rgb(54,98,170)
```
#2e60b2
```
#2e60b2 rgb(46,96,178)
```
#255ebb
```
#255ebb rgb(37,94,187)
```
#1d5cc3
```
#1d5cc3 rgb(29,92,195)
```
#145acc
```
#145acc rgb(20,90,204)
```
#0b58d5
```
#0b58d5 rgb(11,88,213)
```
#0356dd
```
#0356dd rgb(3,86,221)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#46546a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0761c8 Protanomaly 1% of men, 0.01% of women
#0764b8 Deuteranomaly 6% of men, 0.4% of women
#076997 Tritanomaly 0.01% of the population

#145acc hex color

#145acc Color Information

#145acc Color Conversion

Color Schemes with #145acc

Alternatives to #145acc

#145acc Preview

Shades and Tints of #145acc

Tones of #145acc

Color Blindness Simulator