#144baf hex color

In a RGB color space, hex #144baf is composed of 7.8% red, 29.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 57.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 218.7 degrees, a saturation of 79.5% and a lightness of 38.2%. #144baf color hex could be obtained by blending #2896ff with #00005f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 29
- B 69
RGB color chart
- C 89
- M 57
- Y 0
- K 31
CMYK color chart

● #144baf color description : Dark blue.

The hexadecimal color #144baf has RGB values of R:20, G:75, B:175 and CMYK values of C:0.89, M:0.57, Y:0, K:0.31. Its decimal value is 1330095.

Hex triplet	144baf	`#144baf`
RGB Decimal	20, 75, 175	`rgb(20,75,175)`
RGB Percent	7.8, 29.4, 68.6	`rgb(7.8%,29.4%,68.6%)`
CMYK	89, 57, 0, 31
HSL	218.7°, 79.5, 38.2	`hsl(218.7,79.5%,38.2%)`
HSV (or HSB)	218.7°, 88.6, 68.6
Web Safe	003399	`#003399`

CIE-LAB	34.549, 22.337, -57.967
XYZ	10.541, 8.275, 41.597
xyY	0.174, 0.137, 8.275
CIE-LCH	34.549, 62.122, 291.074
CIE-LUV	34.549, -15.871, -81.426
Hunter-Lab	28.767, 15.065, -65.597
Binary	00010100, 01001011, 10101111

#144baf
```
#144baf rgb(20,75,175)
```
#af7814
```
#af7814 rgb(175,120,20)
```

Complementary Color

#1499af
```
#1499af rgb(20,153,175)
```
#144baf
```
#144baf rgb(20,75,175)
```
#2a14af
```
#2a14af rgb(42,20,175)
```

Analogous Color

#99af14
```
#99af14 rgb(153,175,20)
```
#144baf
```
#144baf rgb(20,75,175)
```
#af2a14
```
#af2a14 rgb(175,42,20)
```

Split Complementary Color

#4baf14
```
#4baf14 rgb(75,175,20)
```
#144baf
```
#144baf rgb(20,75,175)
```
#af144b
```
#af144b rgb(175,20,75)
```

Triadic Color

#14af78
```
#14af78 rgb(20,175,120)
```
#144baf
```
#144baf rgb(20,75,175)
```
#af144b
```
#af144b rgb(175,20,75)
```
#af7814
```
#af7814 rgb(175,120,20)
```

Tetradic Color

#0c2e6a
```
#0c2e6a rgb(12,46,106)
```
#0f3781
```
#0f3781 rgb(15,55,129)
```
#114198
```
#114198 rgb(17,65,152)
```
#144baf
```
#144baf rgb(20,75,175)
```
#1755c6
```
#1755c6 rgb(23,85,198)
```
#195fdd
```
#195fdd rgb(25,95,221)
```
#296ce7
```
#296ce7 rgb(41,108,231)
```

Monochromatic Color

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

#1472af
```
#1472af rgb(20,114,175)
```
#1465af
```
#1465af rgb(20,101,175)
```
#1458af
```
#1458af rgb(20,88,175)
```
#144baf
```
#144baf rgb(20,75,175)
```
#143eaf
```
#143eaf rgb(20,62,175)
```
#1431af
```
#1431af rgb(20,49,175)
```
#1424af
```
#1424af rgb(20,36,175)
```

Similar Colors

Text with hexadecimal color #144baf

This text has a font color of #144baf.

<span style="color:#144baf;">Text here</span>

#144baf background color

This paragraph has a background color of #144baf.

<p style="background-color:#144baf;">Content here</p>

#144baf border color

This element has a border color of #144baf.

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

CSS codes

.text {color:#144baf;}

.background {background-color:#144baf;}

.border {border:1px solid #144baf;}

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

#020711
```
#020711 rgb(2,7,17)
```
#040f22
```
#040f22 rgb(4,15,34)
```
#061634
```
#061634 rgb(6,22,52)
```
#081e45
```
#081e45 rgb(8,30,69)
```
#0a2557
```
#0a2557 rgb(10,37,87)
```
#0c2d69
```
#0c2d69 rgb(12,45,105)
```
#0e347a
```
#0e347a rgb(14,52,122)
```
#103c8c
```
#103c8c rgb(16,60,140)
```
#12439d
```
#12439d rgb(18,67,157)
```
#144baf
```
#144baf rgb(20,75,175)
```
#1653c1
```
#1653c1 rgb(22,83,193)
```
#185ad2
```
#185ad2 rgb(24,90,210)
```
#1a62e4
```
#1a62e4 rgb(26,98,228)
```

Shade Color Variation

#2b6de7
```
#2b6de7 rgb(43,109,231)
```
#3c7ae9
```
#3c7ae9 rgb(60,122,233)
```
#4e86eb
```
#4e86eb rgb(78,134,235)
```
#6092ed
```
#6092ed rgb(96,146,237)
```
#719eef
```
#719eef rgb(113,158,239)
```
#83aaf1
```
#83aaf1 rgb(131,170,241)
```
#94b6f3
```
#94b6f3 rgb(148,182,243)
```
#a6c2f5
```
#a6c2f5 rgb(166,194,245)
```
#b8cef7
```
#b8cef7 rgb(184,206,247)
```
#c9daf9
```
#c9daf9 rgb(201,218,249)
```
#dbe6fb
```
#dbe6fb rgb(219,230,251)
```
#ecf2fd
```
#ecf2fd rgb(236,242,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6164 is the less saturated color, while #0547be is the most saturated one.

#5f6164
```
#5f6164 rgb(95,97,100)
```
#585f6c
```
#585f6c rgb(88,95,108)
```
#505c73
```
#505c73 rgb(80,92,115)
```
#495a7b
```
#495a7b rgb(73,90,123)
```
#415882
```
#415882 rgb(65,88,130)
```
#3a568a
```
#3a568a rgb(58,86,138)
```
#325491
```
#325491 rgb(50,84,145)
```
#2b5299
```
#2b5299 rgb(43,82,153)
```
#234fa0
```
#234fa0 rgb(35,79,160)
```
#1c4da8
```
#1c4da8 rgb(28,77,168)
```
#144baf
```
#144baf rgb(20,75,175)
```
#0d49b7
```
#0d49b7 rgb(13,73,183)
```
#0547be
```
#0547be rgb(5,71,190)
```

Tone Color Variation

Below, you can see how #144baf 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

#464646 Achromatopsia 0.005% of the population
#3c475b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057ab Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0752ac Protanomaly 1% of men, 0.01% of women
#07569e Deuteranomaly 6% of men, 0.4% of women
#075a82 Tritanomaly 0.01% of the population

#144baf hex color

#144baf Color Information

#144baf Color Conversion

Color Schemes with #144baf

Alternatives to #144baf

#144baf Preview

Shades and Tints of #144baf

Tones of #144baf

Color Blindness Simulator