#148ebd hex color

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

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

● #148ebd color description : Strong blue.

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

Hex triplet	148ebd	`#148ebd`
RGB Decimal	20, 142, 189	`rgb(20,142,189)`
RGB Percent	7.8, 55.7, 74.1	`rgb(7.8%,55.7%,74.1%)`
CMYK	89, 25, 0, 26
HSL	196.7°, 80.9, 41	`hsl(196.7,80.9%,41%)`
HSV (or HSB)	196.7°, 89.4, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.244, -13.994, -33.098
XYZ	19.144, 23.167, 51.604
xyY	0.204, 0.247, 23.167
CIE-LCH	55.244, 35.935, 247.082
CIE-LUV	55.244, -36.618, -49.189
Hunter-Lab	48.132, -13.233, -29.874
Binary	00010100, 10001110, 10111101

#148ebd
```
#148ebd rgb(20,142,189)
```
#bd4314
```
#bd4314 rgb(189,67,20)
```

Complementary Color

#14bd98
```
#14bd98 rgb(20,189,152)
```
#148ebd
```
#148ebd rgb(20,142,189)
```
#1439bd
```
#1439bd rgb(20,57,189)
```

Analogous Color

#bd9814
```
#bd9814 rgb(189,152,20)
```
#148ebd
```
#148ebd rgb(20,142,189)
```
#bd143a
```
#bd143a rgb(189,20,58)
```

Split Complementary Color

#8ebd14
```
#8ebd14 rgb(142,189,20)
```
#148ebd
```
#148ebd rgb(20,142,189)
```
#bd148e
```
#bd148e rgb(189,20,142)
```

Triadic Color

#14bd43
```
#14bd43 rgb(20,189,67)
```
#148ebd
```
#148ebd rgb(20,142,189)
```
#bd148e
```
#bd148e rgb(189,20,142)
```
#bd4314
```
#bd4314 rgb(189,67,20)
```

Tetradic Color

#0d5a78
```
#0d5a78 rgb(13,90,120)
```
#0f6b8f
```
#0f6b8f rgb(15,107,143)
```
#127da6
```
#127da6 rgb(18,125,166)
```
#148ebd
```
#148ebd rgb(20,142,189)
```
#169fd4
```
#169fd4 rgb(22,159,212)
```
#1dafe7
```
#1dafe7 rgb(29,175,231)
```
#34b7ea
```
#34b7ea rgb(52,183,234)
```

Monochromatic Color

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

#14b8bd
```
#14b8bd rgb(20,184,189)
```
#14aabd
```
#14aabd rgb(20,170,189)
```
#149cbd
```
#149cbd rgb(20,156,189)
```
#148ebd
```
#148ebd rgb(20,142,189)
```
#1480bd
```
#1480bd rgb(20,128,189)
```
#1472bd
```
#1472bd rgb(20,114,189)
```
#1464bd
```
#1464bd rgb(20,100,189)
```

Similar Colors

Text with hexadecimal color #148ebd

This text has a font color of #148ebd.

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

#148ebd background color

This paragraph has a background color of #148ebd.

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

#148ebd border color

This element has a border color of #148ebd.

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

CSS codes

.text {color:#148ebd;}

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

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

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)
```
#073141
```
#073141 rgb(7,49,65)
```
#093e53
```
#093e53 rgb(9,62,83)
```
#0b4b64
```
#0b4b64 rgb(11,75,100)
```
#0c5976
```
#0c5976 rgb(12,89,118)
```
#0e6688
```
#0e6688 rgb(14,102,136)
```
#10739a
```
#10739a rgb(16,115,154)
```
#1281ab
```
#1281ab rgb(18,129,171)
```
#148ebd
```
#148ebd rgb(20,142,189)
```
#169bcf
```
#169bcf rgb(22,155,207)
```
#18a9e0
```
#18a9e0 rgb(24,169,224)
```

Shade Color Variation

#24b1e8
```
#24b1e8 rgb(36,177,232)
```
#36b8ea
```
#36b8ea rgb(54,184,234)
```
#47beec
```
#47beec rgb(71,190,236)
```
#59c4ed
```
#59c4ed rgb(89,196,237)
```
#6bcbef
```
#6bcbef rgb(107,203,239)
```
#7dd1f1
```
#7dd1f1 rgb(125,209,241)
```
#8ed7f3
```
#8ed7f3 rgb(142,215,243)
```
#a0ddf5
```
#a0ddf5 rgb(160,221,245)
```
#b2e4f7
```
#b2e4f7 rgb(178,228,247)
```
#c4eaf9
```
#c4eaf9 rgb(196,234,249)
```
#d5f0fb
```
#d5f0fb rgb(213,240,251)
```
#e7f7fc
```
#e7f7fc rgb(231,247,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 #0495cd is the most saturated one.

#646a6d
```
#646a6d rgb(100,106,109)
```
#5c6e75
```
#5c6e75 rgb(92,110,117)
```
#54717d
```
#54717d rgb(84,113,125)
```
#4c7585
```
#4c7585 rgb(76,117,133)
```
#44798d
```
#44798d rgb(68,121,141)
```
#3c7c95
```
#3c7c95 rgb(60,124,149)
```
#34809d
```
#34809d rgb(52,128,157)
```
#2c83a5
```
#2c83a5 rgb(44,131,165)
```
#2487ad
```
#2487ad rgb(36,135,173)
```
#1c8ab5
```
#1c8ab5 rgb(28,138,181)
```
#148ebd
```
#148ebd rgb(20,142,189)
```
#0c92c5
```
#0c92c5 rgb(12,146,197)
```
#0495cd
```
#0495cd rgb(4,149,205)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5d757f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b88b8 Protanopia 1% of men
#7089c4 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#558aba Protanomaly 1% of men, 0.01% of women
#4e8bc1 Deuteranomaly 6% of men, 0.4% of women
#0794ac Tritanomaly 0.01% of the population

#148ebd hex color

#148ebd Color Information

#148ebd Color Conversion

Color Schemes with #148ebd

Alternatives to #148ebd

#148ebd Preview

Shades and Tints of #148ebd

Tones of #148ebd

Color Blindness Simulator