#145fe4 hex color

In a RGB color space, hex #145fe4 is composed of 7.8% red, 37.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 58.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 218.4 degrees, a saturation of 83.9% and a lightness of 48.6%. #145fe4 color hex could be obtained by blending #28beff with #0000c9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 37
- B 89
RGB color chart
- C 91
- M 58
- Y 0
- K 11
CMYK color chart

● #145fe4 color description : Vivid blue.

The hexadecimal color #145fe4 has RGB values of R:20, G:95, B:228 and CMYK values of C:0.91, M:0.58, Y:0, K:0.11. Its decimal value is 1335268.

Hex triplet	145fe4	`#145fe4`
RGB Decimal	20, 95, 228	`rgb(20,95,228)`
RGB Percent	7.8, 37.3, 89.4	`rgb(7.8%,37.3%,89.4%)`
CMYK	91, 58, 0, 11
HSL	218.4°, 83.9, 48.6	`hsl(218.4,83.9%,48.6%)`
HSV (or HSB)	218.4°, 91.2, 89.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.137, 29.935, -73.036
XYZ	18.381, 13.933, 75.115
xyY	0.171, 0.13, 13.933
CIE-LCH	44.137, 78.933, 292.287
CIE-LUV	44.137, -20.331, -109.793
Hunter-Lab	37.327, 22.578, -93.184
Binary	00010100, 01011111, 11100100

#145fe4
```
#145fe4 rgb(20,95,228)
```
#e49914
```
#e49914 rgb(228,153,20)
```

Complementary Color

#14c7e4
```
#14c7e4 rgb(20,199,228)
```
#145fe4
```
#145fe4 rgb(20,95,228)
```
#3114e4
```
#3114e4 rgb(49,20,228)
```

Analogous Color

#c7e414
```
#c7e414 rgb(199,228,20)
```
#145fe4
```
#145fe4 rgb(20,95,228)
```
#e43114
```
#e43114 rgb(228,49,20)
```

Split Complementary Color

#5fe414
```
#5fe414 rgb(95,228,20)
```
#145fe4
```
#145fe4 rgb(20,95,228)
```
#e4145f
```
#e4145f rgb(228,20,95)
```

Triadic Color

#14e499
```
#14e499 rgb(20,228,153)
```
#145fe4
```
#145fe4 rgb(20,95,228)
```
#e4145f
```
#e4145f rgb(228,20,95)
```
#e49914
```
#e49914 rgb(228,153,20)
```

Tetradic Color

#0e429e
```
#0e429e rgb(14,66,158)
```
#104bb5
```
#104bb5 rgb(16,75,181)
```
#1255cd
```
#1255cd rgb(18,85,205)
```
#145fe4
```
#145fe4 rgb(20,95,228)
```
#266dec
```
#266dec rgb(38,109,236)
```
#3d7dee
```
#3d7dee rgb(61,125,238)
```
#548df0
```
#548df0 rgb(84,141,240)
```

Monochromatic Color

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

#1493e4
```
#1493e4 rgb(20,147,228)
```
#1482e4
```
#1482e4 rgb(20,130,228)
```
#1470e4
```
#1470e4 rgb(20,112,228)
```
#145fe4
```
#145fe4 rgb(20,95,228)
```
#144ee4
```
#144ee4 rgb(20,78,228)
```
#143ce4
```
#143ce4 rgb(20,60,228)
```
#142be4
```
#142be4 rgb(20,43,228)
```

Similar Colors

Text with hexadecimal color #145fe4

This text has a font color of #145fe4.

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

#145fe4 background color

This paragraph has a background color of #145fe4.

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

#145fe4 border color

This element has a border color of #145fe4.

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

CSS codes

.text {color:#145fe4;}

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

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

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, #01050c is the darkest color, while #f9fbfe is the lightest one.

#01050c
```
#01050c rgb(1,5,12)
```
#030c1e
```
#030c1e rgb(3,12,30)
```
#041430
```
#041430 rgb(4,20,48)
```
#061b42
```
#061b42 rgb(6,27,66)
```
#072354
```
#072354 rgb(7,35,84)
```
#092a66
```
#092a66 rgb(9,42,102)
```
#0b3278
```
#0b3278 rgb(11,50,120)
```
#0c398a
```
#0c398a rgb(12,57,138)
```
#0e419c
```
#0e419c rgb(14,65,156)
```
#0f48ae
```
#0f48ae rgb(15,72,174)
```
#1150c0
```
#1150c0 rgb(17,80,192)
```
#1257d2
```
#1257d2 rgb(18,87,210)
```
#145fe4
```
#145fe4 rgb(20,95,228)
```

Shade Color Variation

#2069eb
```
#2069eb rgb(32,105,235)
```
#3276ed
```
#3276ed rgb(50,118,237)
```
#4482ef
```
#4482ef rgb(68,130,239)
```
#568ef0
```
#568ef0 rgb(86,142,240)
```
#689af2
```
#689af2 rgb(104,154,242)
```
#7aa6f3
```
#7aa6f3 rgb(122,166,243)
```
#8cb2f5
```
#8cb2f5 rgb(140,178,245)
```
#9ebef7
```
#9ebef7 rgb(158,190,247)
```
#b0caf8
```
#b0caf8 rgb(176,202,248)
```
#c2d6fa
```
#c2d6fa rgb(194,214,250)
```
#d4e2fb
```
#d4e2fb rgb(212,226,251)
```
#e7effd
```
#e7effd rgb(231,239,253)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#737a85
```
#737a85 rgb(115,122,133)
```
#6a778e
```
#6a778e rgb(106,119,142)
```
#607498
```
#607498 rgb(96,116,152)
```
#5772a1
```
#5772a1 rgb(87,114,161)
```
#4d6fab
```
#4d6fab rgb(77,111,171)
```
#446cb4
```
#446cb4 rgb(68,108,180)
```
#3a6abe
```
#3a6abe rgb(58,106,190)
```
#3167c7
```
#3167c7 rgb(49,103,199)
```
#2764d1
```
#2764d1 rgb(39,100,209)
```
#1e62da
```
#1e62da rgb(30,98,218)
```
#145fe4
```
#145fe4 rgb(20,95,228)
```
#0a5cee
```
#0a5cee rgb(10,92,238)
```
#015af7
```
#015af7 rgb(1,90,247)
```

Tone Color Variation

Below, you can see how #145fe4 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
#4a5974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0767da Protanomaly 1% of men, 0.01% of women
#076bc8 Deuteranomaly 6% of men, 0.4% of women
#0771a5 Tritanomaly 0.01% of the population

#145fe4 hex color

#145fe4 Color Information

#145fe4 Color Conversion

Color Schemes with #145fe4

Alternatives to #145fe4

#145fe4 Preview

Shades and Tints of #145fe4

Tones of #145fe4

Color Blindness Simulator