#148cc4 hex color

In a RGB color space, hex #148cc4 is composed of 7.8% red, 54.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 28.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 199.1 degrees, a saturation of 81.5% and a lightness of 42.4%. #148cc4 color hex could be obtained by blending #28ffff with #001989. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 55
- B 77
RGB color chart
- C 90
- M 29
- Y 0
- K 23
CMYK color chart

● #148cc4 color description : Strong blue.

The hexadecimal color #148cc4 has RGB values of R:20, G:140, B:196 and CMYK values of C:0.9, M:0.29, Y:0, K:0.23. Its decimal value is 1346756.

Hex triplet	148cc4	`#148cc4`
RGB Decimal	20, 140, 196	`rgb(20,140,196)`
RGB Percent	7.8, 54.9, 76.9	`rgb(7.8%,54.9%,76.9%)`
CMYK	90, 29, 0, 23
HSL	199.1°, 81.5, 42.4	`hsl(199.1,81.5%,42.4%)`
HSV (or HSB)	199.1°, 89.8, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.957, -10.312, -37.523
XYZ	19.628, 22.889, 55.605
xyY	0.2, 0.233, 22.889
CIE-LCH	54.957, 38.914, 254.634
CIE-LUV	54.957, -35.466, -56.795
Hunter-Lab	47.842, -10.491, -35.421
Binary	00010100, 10001100, 11000100

#148cc4
```
#148cc4 rgb(20,140,196)
```
#c44c14
```
#c44c14 rgb(196,76,20)
```

Complementary Color

#14c4a4
```
#14c4a4 rgb(20,196,164)
```
#148cc4
```
#148cc4 rgb(20,140,196)
```
#1434c4
```
#1434c4 rgb(20,52,196)
```

Analogous Color

#c4a414
```
#c4a414 rgb(196,164,20)
```
#148cc4
```
#148cc4 rgb(20,140,196)
```
#c41434
```
#c41434 rgb(196,20,52)
```

Split Complementary Color

#8cc414
```
#8cc414 rgb(140,196,20)
```
#148cc4
```
#148cc4 rgb(20,140,196)
```
#c4148c
```
#c4148c rgb(196,20,140)
```

Triadic Color

#14c44c
```
#14c44c rgb(20,196,76)
```
#148cc4
```
#148cc4 rgb(20,140,196)
```
#c4148c
```
#c4148c rgb(196,20,140)
```
#c44c14
```
#c44c14 rgb(196,76,20)
```

Tetradic Color

#0d5a7f
```
#0d5a7f rgb(13,90,127)
```
#0f6b96
```
#0f6b96 rgb(15,107,150)
```
#127bad
```
#127bad rgb(18,123,173)
```
#148cc4
```
#148cc4 rgb(20,140,196)
```
#169ddb
```
#169ddb rgb(22,157,219)
```
#23aae9
```
#23aae9 rgb(35,170,233)
```
#3ab2eb
```
#3ab2eb rgb(58,178,235)
```

Monochromatic Color

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

#14b8c4
```
#14b8c4 rgb(20,184,196)
```
#14a9c4
```
#14a9c4 rgb(20,169,196)
```
#149bc4
```
#149bc4 rgb(20,155,196)
```
#148cc4
```
#148cc4 rgb(20,140,196)
```
#147dc4
```
#147dc4 rgb(20,125,196)
```
#146fc4
```
#146fc4 rgb(20,111,196)
```
#1460c4
```
#1460c4 rgb(20,96,196)
```

Similar Colors

Text with hexadecimal color #148cc4

This text has a font color of #148cc4.

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

#148cc4 background color

This paragraph has a background color of #148cc4.

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

#148cc4 border color

This element has a border color of #148cc4.

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

CSS codes

.text {color:#148cc4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020d12
```
#020d12 rgb(2,13,18)
```
#041a24
```
#041a24 rgb(4,26,36)
```
#052636
```
#052636 rgb(5,38,54)
```
#073347
```
#073347 rgb(7,51,71)
```
#094059
```
#094059 rgb(9,64,89)
```
#0b4c6b
```
#0b4c6b rgb(11,76,107)
```
#0d597d
```
#0d597d rgb(13,89,125)
```
#0f668f
```
#0f668f rgb(15,102,143)
```
#1073a0
```
#1073a0 rgb(16,115,160)
```
#127fb2
```
#127fb2 rgb(18,127,178)
```
#148cc4
```
#148cc4 rgb(20,140,196)
```
#1699d6
```
#1699d6 rgb(22,153,214)
```

Shade Color Variation

#18a5e7
```
#18a5e7 rgb(24,165,231)
```
#2aace9
```
#2aace9 rgb(42,172,233)
```
#3bb3eb
```
#3bb3eb rgb(59,179,235)
```
#4dbaed
```
#4dbaed rgb(77,186,237)
```
#5fc1ef
```
#5fc1ef rgb(95,193,239)
```
#71c8f0
```
#71c8f0 rgb(113,200,240)
```
#83cff2
```
#83cff2 rgb(131,207,242)
```
#94d6f4
```
#94d6f4 rgb(148,214,244)
```
#a6ddf6
```
#a6ddf6 rgb(166,221,246)
```
#b8e3f8
```
#b8e3f8 rgb(184,227,248)
```
#caeafa
```
#caeafa rgb(202,234,250)
```
#dcf1fb
```
#dcf1fb rgb(220,241,251)
```
#edf8fd
```
#edf8fd rgb(237,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676e71 is the less saturated color, while #0392d5 is the most saturated one.

#676e71
```
#676e71 rgb(103,110,113)
```
#5f7179
```
#5f7179 rgb(95,113,121)
```
#567482
```
#567482 rgb(86,116,130)
```
#4e778a
```
#4e778a rgb(78,119,138)
```
#467a92
```
#467a92 rgb(70,122,146)
```
#3e7d9a
```
#3e7d9a rgb(62,125,154)
```
#3580a3
```
#3580a3 rgb(53,128,163)
```
#2d83ab
```
#2d83ab rgb(45,131,171)
```
#2586b3
```
#2586b3 rgb(37,134,179)
```
#1c89bc
```
#1c89bc rgb(28,137,188)
```
#148cc4
```
#148cc4 rgb(20,140,196)
```
#0c8fcc
```
#0c8fcc rgb(12,143,204)
```
#0392d5
```
#0392d5 rgb(3,146,213)
```

Tone Color Variation

Below, you can see how #148cc4 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
#5d7580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7688bf Protanopia 1% of men
#6789ca Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#5289c1 Protanomaly 1% of men, 0.01% of women
#498ac8 Deuteranomaly 6% of men, 0.4% of women
#0793ae Tritanomaly 0.01% of the population

#148cc4 hex color

#148cc4 Color Information

#148cc4 Color Conversion

Color Schemes with #148cc4

Alternatives to #148cc4

#148cc4 Preview

Shades and Tints of #148cc4

Tones of #148cc4

Color Blindness Simulator