#148fc7 hex color

In a RGB color space, hex #148fc7 is composed of 7.8% red, 56.1% green and 78% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 28.1% magenta, 0% yellow and 22% black. It has a hue angle of 198.8 degrees, a saturation of 81.7% and a lightness of 42.9%. #148fc7 color hex could be obtained by blending #28ffff with #001f8f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 56
- B 78
RGB color chart
- C 90
- M 28
- Y 0
- K 22
CMYK color chart

● #148fc7 color description : Strong blue.

The hexadecimal color #148fc7 has RGB values of R:20, G:143, B:199 and CMYK values of C:0.9, M:0.28, Y:0, K:0.22. Its decimal value is 1347527.

Hex triplet	148fc7	`#148fc7`
RGB Decimal	20, 143, 199	`rgb(20,143,199)`
RGB Percent	7.8, 56.1, 78	`rgb(7.8%,56.1%,78%)`
CMYK	90, 28, 0, 22
HSL	198.8°, 81.7, 42.9	`hsl(198.8,81.7%,42.9%)`
HSV (or HSB)	198.8°, 89.9, 78
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.003, -10.908, -37.581
XYZ	20.417, 23.915, 57.57
xyY	0.2, 0.235, 23.915
CIE-LCH	56.003, 39.132, 253.814
CIE-LUV	56.003, -36.293, -57.014
Hunter-Lab	48.903, -11.057, -35.565
Binary	00010100, 10001111, 11000111

#148fc7
```
#148fc7 rgb(20,143,199)
```
#c74c14
```
#c74c14 rgb(199,76,20)
```

Complementary Color

#14c7a6
```
#14c7a6 rgb(20,199,166)
```
#148fc7
```
#148fc7 rgb(20,143,199)
```
#1436c7
```
#1436c7 rgb(20,54,199)
```

Analogous Color

#c7a614
```
#c7a614 rgb(199,166,20)
```
#148fc7
```
#148fc7 rgb(20,143,199)
```
#c71436
```
#c71436 rgb(199,20,54)
```

Split Complementary Color

#8fc714
```
#8fc714 rgb(143,199,20)
```
#148fc7
```
#148fc7 rgb(20,143,199)
```
#c7148f
```
#c7148f rgb(199,20,143)
```

Triadic Color

#14c74c
```
#14c74c rgb(20,199,76)
```
#148fc7
```
#148fc7 rgb(20,143,199)
```
#c7148f
```
#c7148f rgb(199,20,143)
```
#c74c14
```
#c74c14 rgb(199,76,20)
```

Tetradic Color

#0d5d81
```
#0d5d81 rgb(13,93,129)
```
#0f6e99
```
#0f6e99 rgb(15,110,153)
```
#127eb0
```
#127eb0 rgb(18,126,176)
```
#148fc7
```
#148fc7 rgb(20,143,199)
```
#16a0de
```
#16a0de rgb(22,160,222)
```
#25ace9
```
#25ace9 rgb(37,172,233)
```
#3cb5eb
```
#3cb5eb rgb(60,181,235)
```

Monochromatic Color

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

#14bcc7
```
#14bcc7 rgb(20,188,199)
```
#14adc7
```
#14adc7 rgb(20,173,199)
```
#149ec7
```
#149ec7 rgb(20,158,199)
```
#148fc7
```
#148fc7 rgb(20,143,199)
```
#1480c7
```
#1480c7 rgb(20,128,199)
```
#1471c7
```
#1471c7 rgb(20,113,199)
```
#1462c7
```
#1462c7 rgb(20,98,199)
```

Similar Colors

Text with hexadecimal color #148fc7

This text has a font color of #148fc7.

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

#148fc7 background color

This paragraph has a background color of #148fc7.

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

#148fc7 border color

This element has a border color of #148fc7.

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

CSS codes

.text {color:#148fc7;}

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

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

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, #000203 is the darkest color, while #f0f9fe is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#020f15
```
#020f15 rgb(2,15,21)
```
#041c27
```
#041c27 rgb(4,28,39)
```
#062938
```
#062938 rgb(6,41,56)
```
#07354a
```
#07354a rgb(7,53,74)
```
#09425c
```
#09425c rgb(9,66,92)
```
#0b4f6e
```
#0b4f6e rgb(11,79,110)
```
#0d5c80
```
#0d5c80 rgb(13,92,128)
```
#0f6992
```
#0f6992 rgb(15,105,146)
```
#1075a3
```
#1075a3 rgb(16,117,163)
```
#1282b5
```
#1282b5 rgb(18,130,181)
```
#148fc7
```
#148fc7 rgb(20,143,199)
```
#169cd9
```
#169cd9 rgb(22,156,217)
```

Shade Color Variation

#1aa8e8
```
#1aa8e8 rgb(26,168,232)
```
#2caeea
```
#2caeea rgb(44,174,234)
```
#3eb5ec
```
#3eb5ec rgb(62,181,236)
```
#50bced
```
#50bced rgb(80,188,237)
```
#62c3ef
```
#62c3ef rgb(98,195,239)
```
#73caf1
```
#73caf1 rgb(115,202,241)
```
#85d0f3
```
#85d0f3 rgb(133,208,243)
```
#97d7f5
```
#97d7f5 rgb(151,215,245)
```
#a9def6
```
#a9def6 rgb(169,222,246)
```
#bbe5f8
```
#bbe5f8 rgb(187,229,248)
```
#ccecfa
```
#ccecfa rgb(204,236,250)
```
#def3fc
```
#def3fc rgb(222,243,252)
```
#f0f9fe
```
#f0f9fe rgb(240,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686f73 is the less saturated color, while #0395d8 is the most saturated one.

#686f73
```
#686f73 rgb(104,111,115)
```
#60737b
```
#60737b rgb(96,115,123)
```
#577684
```
#577684 rgb(87,118,132)
```
#4f798c
```
#4f798c rgb(79,121,140)
```
#477c94
```
#477c94 rgb(71,124,148)
```
#3e7f9d
```
#3e7f9d rgb(62,127,157)
```
#3682a5
```
#3682a5 rgb(54,130,165)
```
#2d86ae
```
#2d86ae rgb(45,134,174)
```
#2589b6
```
#2589b6 rgb(37,137,182)
```
#1c8cbf
```
#1c8cbf rgb(28,140,191)
```
#148fc7
```
#148fc7 rgb(20,143,199)
```
#0c92cf
```
#0c92cf rgb(12,146,207)
```
#0395d8
```
#0395d8 rgb(3,149,216)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5e7782 Atypical Achromatopsia 0.001% of the population

Dichromacy

#798ac2 Protanopia 1% of men
#6a8ccd Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#548cc4 Protanomaly 1% of men, 0.01% of women
#4b8dcb Deuteranomaly 6% of men, 0.4% of women
#0796b1 Tritanomaly 0.01% of the population

#148fc7 hex color

#148fc7 Color Information

#148fc7 Color Conversion

Color Schemes with #148fc7

Alternatives to #148fc7

#148fc7 Preview

Shades and Tints of #148fc7

Tones of #148fc7

Color Blindness Simulator