#145bbf hex color

In a RGB color space, hex #145bbf is composed of 7.8% red, 35.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 52.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 215.1 degrees, a saturation of 81% and a lightness of 41.4%. #145bbf color hex could be obtained by blending #28b6ff with #00007f. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 36
- B 75
RGB color chart
- C 90
- M 52
- Y 0
- K 25
CMYK color chart

● #145bbf color description : Strong blue.

The hexadecimal color #145bbf has RGB values of R:20, G:91, B:191 and CMYK values of C:0.9, M:0.52, Y:0, K:0.25. Its decimal value is 1334207.

Hex triplet	145bbf	`#145bbf`
RGB Decimal	20, 91, 191	`rgb(20,91,191)`
RGB Percent	7.8, 35.7, 74.9	`rgb(7.8%,35.7%,74.9%)`
CMYK	90, 52, 0, 25
HSL	215.1°, 81, 41.4	`hsl(215.1,81%,41.4%)`
HSV (or HSB)	215.1°, 89.5, 74.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.232, 18.055, -58.145
XYZ	13.431, 11.391, 50.778
xyY	0.178, 0.151, 11.391
CIE-LCH	40.232, 60.884, 287.251
CIE-LUV	40.232, -20.002, -85.663
Hunter-Lab	33.751, 11.971, -65.576
Binary	00010100, 01011011, 10111111

#145bbf
```
#145bbf rgb(20,91,191)
```
#bf7814
```
#bf7814 rgb(191,120,20)
```

Complementary Color

#14b1bf
```
#14b1bf rgb(20,177,191)
```
#145bbf
```
#145bbf rgb(20,91,191)
```
#2314bf
```
#2314bf rgb(35,20,191)
```

Analogous Color

#b1bf14
```
#b1bf14 rgb(177,191,20)
```
#145bbf
```
#145bbf rgb(20,91,191)
```
#bf2314
```
#bf2314 rgb(191,35,20)
```

Split Complementary Color

#5bbf14
```
#5bbf14 rgb(91,191,20)
```
#145bbf
```
#145bbf rgb(20,91,191)
```
#bf145b
```
#bf145b rgb(191,20,91)
```

Triadic Color

#14bf78
```
#14bf78 rgb(20,191,120)
```
#145bbf
```
#145bbf rgb(20,91,191)
```
#bf145b
```
#bf145b rgb(191,20,91)
```
#bf7814
```
#bf7814 rgb(191,120,20)
```

Tetradic Color

#0d3a7a
```
#0d3a7a rgb(13,58,122)
```
#0f4591
```
#0f4591 rgb(15,69,145)
```
#1250a8
```
#1250a8 rgb(18,80,168)
```
#145bbf
```
#145bbf rgb(20,91,191)
```
#1666d6
```
#1666d6 rgb(22,102,214)
```
#1f72e7
```
#1f72e7 rgb(31,114,231)
```
#3680ea
```
#3680ea rgb(54,128,234)
```

Monochromatic Color

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

#1486bf
```
#1486bf rgb(20,134,191)
```
#1478bf
```
#1478bf rgb(20,120,191)
```
#1469bf
```
#1469bf rgb(20,105,191)
```
#145bbf
```
#145bbf rgb(20,91,191)
```
#144dbf
```
#144dbf rgb(20,77,191)
```
#143fbf
```
#143fbf rgb(20,63,191)
```
#1430bf
```
#1430bf rgb(20,48,191)
```

Similar Colors

Text with hexadecimal color #145bbf

This text has a font color of #145bbf.

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

#145bbf background color

This paragraph has a background color of #145bbf.

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

#145bbf border color

This element has a border color of #145bbf.

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

CSS codes

.text {color:#145bbf;}

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

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

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, #01060d is the darkest color, while #fbfcff is the lightest one.

#01060d
```
#01060d rgb(1,6,13)
```
#030f1f
```
#030f1f rgb(3,15,31)
```
#051731
```
#051731 rgb(5,23,49)
```
#072043
```
#072043 rgb(7,32,67)
```
#092854
```
#092854 rgb(9,40,84)
```
#0b3166
```
#0b3166 rgb(11,49,102)
```
#0d3978
```
#0d3978 rgb(13,57,120)
```
#0e428a
```
#0e428a rgb(14,66,138)
```
#104a9b
```
#104a9b rgb(16,74,155)
```
#1253ad
```
#1253ad rgb(18,83,173)
```
#145bbf
```
#145bbf rgb(20,91,191)
```
#1663d1
```
#1663d1 rgb(22,99,209)
```
#186ce3
```
#186ce3 rgb(24,108,227)
```

Shade Color Variation

#2676e8
```
#2676e8 rgb(38,118,232)
```
#3782ea
```
#3782ea rgb(55,130,234)
```
#498dec
```
#498dec rgb(73,141,236)
```
#5b98ee
```
#5b98ee rgb(91,152,238)
```
#6da3f0
```
#6da3f0 rgb(109,163,240)
```
#7eaef2
```
#7eaef2 rgb(126,174,242)
```
#90b9f3
```
#90b9f3 rgb(144,185,243)
```
#a2c5f5
```
#a2c5f5 rgb(162,197,245)
```
#b4d0f7
```
#b4d0f7 rgb(180,208,247)
```
#c5dbf9
```
#c5dbf9 rgb(197,219,249)
```
#d7e6fb
```
#d7e6fb rgb(215,230,251)
```
#e9f1fd
```
#e9f1fd rgb(233,241,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65696e is the less saturated color, while #0458cf is the most saturated one.

#65696e
```
#65696e rgb(101,105,110)
```
#5d6776
```
#5d6776 rgb(93,103,118)
```
#55667e
```
#55667e rgb(85,102,126)
```
#4d6586
```
#4d6586 rgb(77,101,134)
```
#45638e
```
#45638e rgb(69,99,142)
```
#3d6296
```
#3d6296 rgb(61,98,150)
```
#34619f
```
#34619f rgb(52,97,159)
```
#2c5fa7
```
#2c5fa7 rgb(44,95,167)
```
#245eaf
```
#245eaf rgb(36,94,175)
```
#1c5cb7
```
#1c5cb7 rgb(28,92,183)
```
#145bbf
```
#145bbf rgb(20,91,191)
```
#0c5ac7
```
#0c5ac7 rgb(12,90,199)
```
#0458cf
```
#0458cf rgb(4,88,207)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#455367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1663c2 Protanopia 1% of men
#0069ac Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1560c1 Protanomaly 1% of men, 0.01% of women
#0764b2 Deuteranomaly 6% of men, 0.4% of women
#076991 Tritanomaly 0.01% of the population

#145bbf hex color

#145bbf Color Information

#145bbf Color Conversion

Color Schemes with #145bbf

Alternatives to #145bbf

#145bbf Preview

Shades and Tints of #145bbf

Tones of #145bbf

Color Blindness Simulator