#148bbd hex color

In a RGB color space, hex #148bbd is composed of 7.8% red, 54.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 26.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 197.8 degrees, a saturation of 80.9% and a lightness of 41%. #148bbd color hex could be obtained by blending #28ffff with #00177b. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 55
- B 74
RGB color chart
- C 89
- M 26
- Y 0
- K 26
CMYK color chart

● #148bbd color description : Strong blue.

The hexadecimal color #148bbd has RGB values of R:20, G:139, B:189 and CMYK values of C:0.89, M:0.26, Y:0, K:0.26. Its decimal value is 1346493.

Hex triplet	148bbd	`#148bbd`
RGB Decimal	20, 139, 189	`rgb(20,139,189)`
RGB Percent	7.8, 54.5, 74.1	`rgb(7.8%,54.5%,74.1%)`
CMYK	89, 26, 0, 26
HSL	197.8°, 80.9, 41	`hsl(197.8,80.9%,41%)`
HSV (or HSB)	197.8°, 89.4, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.329, -12.317, -34.527
XYZ	18.704, 22.286, 51.457
xyY	0.202, 0.241, 22.286
CIE-LCH	54.329, 36.658, 250.368
CIE-LUV	54.329, -35.583, -51.566
Hunter-Lab	47.208, -11.893, -31.58
Binary	00010100, 10001011, 10111101

#148bbd
```
#148bbd rgb(20,139,189)
```
#bd4614
```
#bd4614 rgb(189,70,20)
```

Complementary Color

#14bd9b
```
#14bd9b rgb(20,189,155)
```
#148bbd
```
#148bbd rgb(20,139,189)
```
#1437bd
```
#1437bd rgb(20,55,189)
```

Analogous Color

#bd9b14
```
#bd9b14 rgb(189,155,20)
```
#148bbd
```
#148bbd rgb(20,139,189)
```
#bd1437
```
#bd1437 rgb(189,20,55)
```

Split Complementary Color

#8bbd14
```
#8bbd14 rgb(139,189,20)
```
#148bbd
```
#148bbd rgb(20,139,189)
```
#bd148b
```
#bd148b rgb(189,20,139)
```

Triadic Color

#14bd46
```
#14bd46 rgb(20,189,70)
```
#148bbd
```
#148bbd rgb(20,139,189)
```
#bd148b
```
#bd148b rgb(189,20,139)
```
#bd4614
```
#bd4614 rgb(189,70,20)
```

Tetradic Color

#0d5878
```
#0d5878 rgb(13,88,120)
```
#0f698f
```
#0f698f rgb(15,105,143)
```
#127aa6
```
#127aa6 rgb(18,122,166)
```
#148bbd
```
#148bbd rgb(20,139,189)
```
#169cd4
```
#169cd4 rgb(22,156,212)
```
#1dabe7
```
#1dabe7 rgb(29,171,231)
```
#34b4ea
```
#34b4ea rgb(52,180,234)
```

Monochromatic Color

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

#14b5bd
```
#14b5bd rgb(20,181,189)
```
#14a7bd
```
#14a7bd rgb(20,167,189)
```
#1499bd
```
#1499bd rgb(20,153,189)
```
#148bbd
```
#148bbd rgb(20,139,189)
```
#147dbd
```
#147dbd rgb(20,125,189)
```
#146fbd
```
#146fbd rgb(20,111,189)
```
#1461bd
```
#1461bd rgb(20,97,189)
```

Similar Colors

Text with hexadecimal color #148bbd

This text has a font color of #148bbd.

<span style="color:#148bbd;">Text here</span>

#148bbd background color

This paragraph has a background color of #148bbd.

<p style="background-color:#148bbd;">Content here</p>

#148bbd border color

This element has a border color of #148bbd.

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

CSS codes

.text {color:#148bbd;}

.background {background-color:#148bbd;}

.border {border:1px solid #148bbd;}

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

#01090c
```
#01090c rgb(1,9,12)
```
#03161d
```
#03161d rgb(3,22,29)
```
#05232f
```
#05232f rgb(5,35,47)
```
#073041
```
#073041 rgb(7,48,65)
```
#093d53
```
#093d53 rgb(9,61,83)
```
#0b4a64
```
#0b4a64 rgb(11,74,100)
```
#0c5776
```
#0c5776 rgb(12,87,118)
```
#0e6488
```
#0e6488 rgb(14,100,136)
```
#10719a
```
#10719a rgb(16,113,154)
```
#127eab
```
#127eab rgb(18,126,171)
```
#148bbd
```
#148bbd rgb(20,139,189)
```
#1698cf
```
#1698cf rgb(22,152,207)
```
#18a5e0
```
#18a5e0 rgb(24,165,224)
```

Shade Color Variation

#24aee8
```
#24aee8 rgb(36,174,232)
```
#36b4ea
```
#36b4ea rgb(54,180,234)
```
#47bbec
```
#47bbec rgb(71,187,236)
```
#59c2ed
```
#59c2ed rgb(89,194,237)
```
#6bc8ef
```
#6bc8ef rgb(107,200,239)
```
#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#8ed5f3
```
#8ed5f3 rgb(142,213,243)
```
#a0dcf5
```
#a0dcf5 rgb(160,220,245)
```
#b2e2f7
```
#b2e2f7 rgb(178,226,247)
```
#c4e9f9
```
#c4e9f9 rgb(196,233,249)
```
#d5f0fb
```
#d5f0fb rgb(213,240,251)
```
#e7f6fc
```
#e7f6fc rgb(231,246,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646a6d is the less saturated color, while #0492cd is the most saturated one.

#646a6d
```
#646a6d rgb(100,106,109)
```
#5c6d75
```
#5c6d75 rgb(92,109,117)
```
#54717d
```
#54717d rgb(84,113,125)
```
#4c7485
```
#4c7485 rgb(76,116,133)
```
#44778d
```
#44778d rgb(68,119,141)
```
#3c7b95
```
#3c7b95 rgb(60,123,149)
```
#347e9d
```
#347e9d rgb(52,126,157)
```
#2c81a5
```
#2c81a5 rgb(44,129,165)
```
#2484ad
```
#2484ad rgb(36,132,173)
```
#1c88b5
```
#1c88b5 rgb(28,136,181)
```
#148bbd
```
#148bbd rgb(20,139,189)
```
#0c8ec5
```
#0c8ec5 rgb(12,142,197)
```
#0492cd
```
#0492cd rgb(4,146,205)
```

Tone Color Variation

Below, you can see how #148bbd 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

#6d6d6d Achromatopsia 0.005% of the population
#5b737d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7786b9 Protanopia 1% of men
#6b87c4 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5388ba Protanomaly 1% of men, 0.01% of women
#4b88c1 Deuteranomaly 6% of men, 0.4% of women
#0791aa Tritanomaly 0.01% of the population

#148bbd hex color

#148bbd Color Information

#148bbd Color Conversion

Color Schemes with #148bbd

Alternatives to #148bbd

#148bbd Preview

Shades and Tints of #148bbd

Tones of #148bbd

Color Blindness Simulator