#144bbb hex color

In a RGB color space, hex #144bbb is composed of 7.8% red, 29.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 59.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 220.2 degrees, a saturation of 80.7% and a lightness of 40.6%. #144bbb color hex could be obtained by blending #2896ff with #000077. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 8
- G 29
- B 73
RGB color chart
- C 89
- M 60
- Y 0
- K 27
CMYK color chart

● #144bbb color description : Strong blue.

The hexadecimal color #144bbb has RGB values of R:20, G:75, B:187 and CMYK values of C:0.89, M:0.6, Y:0, K:0.27. Its decimal value is 1330107.

Hex triplet	144bbb	`#144bbb`
RGB Decimal	20, 75, 187	`rgb(20,75,187)`
RGB Percent	7.8, 29.4, 73.3	`rgb(7.8%,29.4%,73.3%)`
CMYK	89, 60, 0, 27
HSL	220.2°, 80.7, 40.6	`hsl(220.2,80.7%,40.6%)`
HSV (or HSB)	220.2°, 89.3, 73.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	35.533, 27.11, -63.452
XYZ	11.772, 8.768, 48.083
xyY	0.172, 0.128, 8.768
CIE-LCH	35.533, 69.001, 293.135
CIE-LUV	35.533, -15.739, -89.57
Hunter-Lab	29.61, 19.149, -75.551
Binary	00010100, 01001011, 10111011

#144bbb
```
#144bbb rgb(20,75,187)
```
#bb8414
```
#bb8414 rgb(187,132,20)
```

Complementary Color

#149fbb
```
#149fbb rgb(20,159,187)
```
#144bbb
```
#144bbb rgb(20,75,187)
```
#3014bb
```
#3014bb rgb(48,20,187)
```

Analogous Color

#9fbb14
```
#9fbb14 rgb(159,187,20)
```
#144bbb
```
#144bbb rgb(20,75,187)
```
#bb3014
```
#bb3014 rgb(187,48,20)
```

Split Complementary Color

#4bbb14
```
#4bbb14 rgb(75,187,20)
```
#144bbb
```
#144bbb rgb(20,75,187)
```
#bb144b
```
#bb144b rgb(187,20,75)
```

Triadic Color

#14bb84
```
#14bb84 rgb(20,187,132)
```
#144bbb
```
#144bbb rgb(20,75,187)
```
#bb144b
```
#bb144b rgb(187,20,75)
```
#bb8414
```
#bb8414 rgb(187,132,20)
```

Tetradic Color

#0d2f76
```
#0d2f76 rgb(13,47,118)
```
#0f398d
```
#0f398d rgb(15,57,141)
```
#1242a4
```
#1242a4 rgb(18,66,164)
```
#144bbb
```
#144bbb rgb(20,75,187)
```
#1654d2
```
#1654d2 rgb(22,84,210)
```
#1b5ee7
```
#1b5ee7 rgb(27,94,231)
```
#326fe9
```
#326fe9 rgb(50,111,233)
```

Monochromatic Color

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

#1475bb
```
#1475bb rgb(20,117,187)
```
#1467bb
```
#1467bb rgb(20,103,187)
```
#1459bb
```
#1459bb rgb(20,89,187)
```
#144bbb
```
#144bbb rgb(20,75,187)
```
#143dbb
```
#143dbb rgb(20,61,187)
```
#142fbb
```
#142fbb rgb(20,47,187)
```
#1421bb
```
#1421bb rgb(20,33,187)
```

Similar Colors

Text with hexadecimal color #144bbb

This text has a font color of #144bbb.

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

#144bbb background color

This paragraph has a background color of #144bbb.

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

#144bbb border color

This element has a border color of #144bbb.

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

CSS codes

.text {color:#144bbb;}

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

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

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, #01040a is the darkest color, while #f7f9fe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#030b1c
```
#030b1c rgb(3,11,28)
```
#05122d
```
#05122d rgb(5,18,45)
```
#07193f
```
#07193f rgb(7,25,63)
```
#092051
```
#092051 rgb(9,32,81)
```
#0b2762
```
#0b2762 rgb(11,39,98)
```
#0c2f74
```
#0c2f74 rgb(12,47,116)
```
#0e3686
```
#0e3686 rgb(14,54,134)
```
#103d98
```
#103d98 rgb(16,61,152)
```
#1244a9
```
#1244a9 rgb(18,68,169)
```
#144bbb
```
#144bbb rgb(20,75,187)
```
#1652cd
```
#1652cd rgb(22,82,205)
```
#1859de
```
#1859de rgb(24,89,222)
```

Shade Color Variation

#2263e7
```
#2263e7 rgb(34,99,231)
```
#3470e9
```
#3470e9 rgb(52,112,233)
```
#467ceb
```
#467ceb rgb(70,124,235)
```
#5889ed
```
#5889ed rgb(88,137,237)
```
#6995ef
```
#6995ef rgb(105,149,239)
```
#7ba2f1
```
#7ba2f1 rgb(123,162,241)
```
#8daef3
```
#8daef3 rgb(141,174,243)
```
#9ebbf5
```
#9ebbf5 rgb(158,187,245)
```
#b0c7f7
```
#b0c7f7 rgb(176,199,247)
```
#c2d4f8
```
#c2d4f8 rgb(194,212,248)
```
#d4e0fa
```
#d4e0fa rgb(212,224,250)
```
#e5edfc
```
#e5edfc rgb(229,237,252)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64666b is the less saturated color, while #0446cb is the most saturated one.

#64666b
```
#64666b rgb(100,102,107)
```
#5c6373
```
#5c6373 rgb(92,99,115)
```
#54617b
```
#54617b rgb(84,97,123)
```
#4c5e83
```
#4c5e83 rgb(76,94,131)
```
#445b8b
```
#445b8b rgb(68,91,139)
```
#3c5993
```
#3c5993 rgb(60,89,147)
```
#34569b
```
#34569b rgb(52,86,155)
```
#2c53a3
```
#2c53a3 rgb(44,83,163)
```
#2450ab
```
#2450ab rgb(36,80,171)
```
#1c4eb3
```
#1c4eb3 rgb(28,78,179)
```
#144bbb
```
#144bbb rgb(20,75,187)
```
#0c48c3
```
#0c48c3 rgb(12,72,195)
```
#0446cb
```
#0446cb rgb(4,70,203)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3d485e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#0754b3 Protanomaly 1% of men, 0.01% of women
#0757a5 Deuteranomaly 6% of men, 0.4% of women
#075b88 Tritanomaly 0.01% of the population

#144bbb hex color

#144bbb Color Information

#144bbb Color Conversion

Color Schemes with #144bbb

Alternatives to #144bbb

#144bbb Preview

Shades and Tints of #144bbb

Tones of #144bbb

Color Blindness Simulator