#148fbe hex color

In a RGB color space, hex #148fbe is composed of 7.8% red, 56.1% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 24.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 196.6 degrees, a saturation of 81% and a lightness of 41.2%. #148fbe color hex could be obtained by blending #28ffff with #001f7d. Closest websafe color is: #0099cc.

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

● #148fbe color description : Strong blue.

The hexadecimal color #148fbe has RGB values of R:20, G:143, B:190 and CMYK values of C:0.89, M:0.25, Y:0, K:0.25. Its decimal value is 1347518.

Hex triplet	148fbe	`#148fbe`
RGB Decimal	20, 143, 190	`rgb(20,143,190)`
RGB Percent	7.8, 56.1, 74.5	`rgb(7.8%,56.1%,74.5%)`
CMYK	89, 25, 0, 25
HSL	196.6°, 81, 41.2	`hsl(196.6,81%,41.2%)`
HSV (or HSB)	196.6°, 89.5, 74.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.593, -14.187, -33.122
XYZ	19.403, 23.509, 52.228
xyY	0.204, 0.247, 23.509
CIE-LCH	55.593, 36.032, 246.814
CIE-LUV	55.593, -36.895, -49.259
Hunter-Lab	48.487, -13.421, -29.924
Binary	00010100, 10001111, 10111110

#148fbe
```
#148fbe rgb(20,143,190)
```
#be4314
```
#be4314 rgb(190,67,20)
```

Complementary Color

#14be98
```
#14be98 rgb(20,190,152)
```
#148fbe
```
#148fbe rgb(20,143,190)
```
#143abe
```
#143abe rgb(20,58,190)
```

Analogous Color

#be9814
```
#be9814 rgb(190,152,20)
```
#148fbe
```
#148fbe rgb(20,143,190)
```
#be143a
```
#be143a rgb(190,20,58)
```

Split Complementary Color

#8fbe14
```
#8fbe14 rgb(143,190,20)
```
#148fbe
```
#148fbe rgb(20,143,190)
```
#be148f
```
#be148f rgb(190,20,143)
```

Triadic Color

#14be43
```
#14be43 rgb(20,190,67)
```
#148fbe
```
#148fbe rgb(20,143,190)
```
#be148f
```
#be148f rgb(190,20,143)
```
#be4314
```
#be4314 rgb(190,67,20)
```

Tetradic Color

#0d5b79
```
#0d5b79 rgb(13,91,121)
```
#0f6c90
```
#0f6c90 rgb(15,108,144)
```
#127ea7
```
#127ea7 rgb(18,126,167)
```
#148fbe
```
#148fbe rgb(20,143,190)
```
#16a0d5
```
#16a0d5 rgb(22,160,213)
```
#1eb0e7
```
#1eb0e7 rgb(30,176,231)
```
#35b8ea
```
#35b8ea rgb(53,184,234)
```

Monochromatic Color

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

#14babe
```
#14babe rgb(20,186,190)
```
#14abbe
```
#14abbe rgb(20,171,190)
```
#149dbe
```
#149dbe rgb(20,157,190)
```
#148fbe
```
#148fbe rgb(20,143,190)
```
#1481be
```
#1481be rgb(20,129,190)
```
#1473be
```
#1473be rgb(20,115,190)
```
#1465be
```
#1465be rgb(20,101,190)
```

Similar Colors

Text with hexadecimal color #148fbe

This text has a font color of #148fbe.

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

#148fbe background color

This paragraph has a background color of #148fbe.

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

#148fbe border color

This element has a border color of #148fbe.

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

CSS codes

.text {color:#148fbe;}

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

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

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

#01090d
```
#01090d rgb(1,9,13)
```
#03171e
```
#03171e rgb(3,23,30)
```
#052430
```
#052430 rgb(5,36,48)
```
#073242
```
#073242 rgb(7,50,66)
```
#093f54
```
#093f54 rgb(9,63,84)
```
#0b4c65
```
#0b4c65 rgb(11,76,101)
```
#0d5a77
```
#0d5a77 rgb(13,90,119)
```
#0e6789
```
#0e6789 rgb(14,103,137)
```
#10749b
```
#10749b rgb(16,116,155)
```
#1282ac
```
#1282ac rgb(18,130,172)
```
#148fbe
```
#148fbe rgb(20,143,190)
```
#169cd0
```
#169cd0 rgb(22,156,208)
```
#18aae1
```
#18aae1 rgb(24,170,225)
```

Shade Color Variation

#25b2e8
```
#25b2e8 rgb(37,178,232)
```
#37b8ea
```
#37b8ea rgb(55,184,234)
```
#48bfec
```
#48bfec rgb(72,191,236)
```
#5ac5ee
```
#5ac5ee rgb(90,197,238)
```
#6ccbf0
```
#6ccbf0 rgb(108,203,240)
```
#7ed1f1
```
#7ed1f1 rgb(126,209,241)
```
#8fd8f3
```
#8fd8f3 rgb(143,216,243)
```
#a1def5
```
#a1def5 rgb(161,222,245)
```
#b3e4f7
```
#b3e4f7 rgb(179,228,247)
```
#c5eaf9
```
#c5eaf9 rgb(197,234,249)
```
#d6f1fb
```
#d6f1fb rgb(214,241,251)
```
#e8f7fd
```
#e8f7fd rgb(232,247,253)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656b6d is the less saturated color, while #0496ce is the most saturated one.

#656b6d
```
#656b6d rgb(101,107,109)
```
#5d6f75
```
#5d6f75 rgb(93,111,117)
```
#55727d
```
#55727d rgb(85,114,125)
```
#4d7685
```
#4d7685 rgb(77,118,133)
```
#44798e
```
#44798e rgb(68,121,142)
```
#3c7d96
```
#3c7d96 rgb(60,125,150)
```
#34819e
```
#34819e rgb(52,129,158)
```
#2c84a6
```
#2c84a6 rgb(44,132,166)
```
#2488ae
```
#2488ae rgb(36,136,174)
```
#1c8bb6
```
#1c8bb6 rgb(28,139,182)
```
#148fbe
```
#148fbe rgb(20,143,190)
```
#0c93c6
```
#0c93c6 rgb(12,147,198)
```
#0496ce
```
#0496ce rgb(4,150,206)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5e7680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c89b9 Protanopia 1% of men
#718ac5 Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#568bbb Protanomaly 1% of men, 0.01% of women
#4f8cc2 Deuteranomaly 6% of men, 0.4% of women
#0795ad Tritanomaly 0.01% of the population

#148fbe hex color

#148fbe Color Information

#148fbe Color Conversion

Color Schemes with #148fbe

Alternatives to #148fbe

#148fbe Preview

Shades and Tints of #148fbe

Tones of #148fbe

Color Blindness Simulator