#148dc9 hex color

In a RGB color space, hex #148dc9 is composed of 7.8% red, 55.3% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 29.9% magenta, 0% yellow and 21.2% black. It has a hue angle of 199.9 degrees, a saturation of 81.9% and a lightness of 43.3%. #148dc9 color hex could be obtained by blending #28ffff with #001b93. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 55
- B 79
RGB color chart
- C 90
- M 30
- Y 0
- K 21
CMYK color chart

● #148dc9 color description : Strong blue.

The hexadecimal color #148dc9 has RGB values of R:20, G:141, B:201 and CMYK values of C:0.9, M:0.3, Y:0, K:0.21. Its decimal value is 1347017.

Hex triplet	148dc9	`#148dc9`
RGB Decimal	20, 141, 201	`rgb(20,141,201)`
RGB Percent	7.8, 55.3, 78.8	`rgb(7.8%,55.3%,78.8%)`
CMYK	90, 30, 0, 21
HSL	199.9°, 81.9, 43.3	`hsl(199.9,81.9%,43.3%)`
HSV (or HSB)	199.9°, 90, 78.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.496, -9.035, -39.508
XYZ	20.353, 23.414, 58.702
xyY	0.199, 0.228, 23.414
CIE-LCH	55.496, 40.529, 257.118
CIE-LUV	55.496, -35.483, -60.291
Hunter-Lab	48.388, -9.596, -38.057
Binary	00010100, 10001101, 11001001

#148dc9
```
#148dc9 rgb(20,141,201)
```
#c95014
```
#c95014 rgb(201,80,20)
```

Complementary Color

#14c9ab
```
#14c9ab rgb(20,201,171)
```
#148dc9
```
#148dc9 rgb(20,141,201)
```
#1433c9
```
#1433c9 rgb(20,51,201)
```

Analogous Color

#c9ab14
```
#c9ab14 rgb(201,171,20)
```
#148dc9
```
#148dc9 rgb(20,141,201)
```
#c91432
```
#c91432 rgb(201,20,50)
```

Split Complementary Color

#8dc914
```
#8dc914 rgb(141,201,20)
```
#148dc9
```
#148dc9 rgb(20,141,201)
```
#c9148d
```
#c9148d rgb(201,20,141)
```

Triadic Color

#14c950
```
#14c950 rgb(20,201,80)
```
#148dc9
```
#148dc9 rgb(20,141,201)
```
#c9148d
```
#c9148d rgb(201,20,141)
```
#c95014
```
#c95014 rgb(201,80,20)
```

Tetradic Color

#0d5c83
```
#0d5c83 rgb(13,92,131)
```
#0f6c9b
```
#0f6c9b rgb(15,108,155)
```
#127db2
```
#127db2 rgb(18,125,178)
```
#148dc9
```
#148dc9 rgb(20,141,201)
```
#169de0
```
#169de0 rgb(22,157,224)
```
#27a9e9
```
#27a9e9 rgb(39,169,233)
```
#3eb2ec
```
#3eb2ec rgb(62,178,236)
```

Monochromatic Color

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

#14bac9
```
#14bac9 rgb(20,186,201)
```
#14abc9
```
#14abc9 rgb(20,171,201)
```
#149cc9
```
#149cc9 rgb(20,156,201)
```
#148dc9
```
#148dc9 rgb(20,141,201)
```
#147ec9
```
#147ec9 rgb(20,126,201)
```
#146fc9
```
#146fc9 rgb(20,111,201)
```
#1460c9
```
#1460c9 rgb(20,96,201)
```

Similar Colors

Text with hexadecimal color #148dc9

This text has a font color of #148dc9.

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

#148dc9 background color

This paragraph has a background color of #148dc9.

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

#148dc9 border color

This element has a border color of #148dc9.

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

CSS codes

.text {color:#148dc9;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#021017
```
#021017 rgb(2,16,23)
```
#041c28
```
#041c28 rgb(4,28,40)
```
#06293a
```
#06293a rgb(6,41,58)
```
#08354c
```
#08354c rgb(8,53,76)
```
#09425e
```
#09425e rgb(9,66,94)
```
#0b4e70
```
#0b4e70 rgb(11,78,112)
```
#0d5b82
```
#0d5b82 rgb(13,91,130)
```
#0f6793
```
#0f6793 rgb(15,103,147)
```
#1074a5
```
#1074a5 rgb(16,116,165)
```
#1280b7
```
#1280b7 rgb(18,128,183)
```
#148dc9
```
#148dc9 rgb(20,141,201)
```
#169adb
```
#169adb rgb(22,154,219)
```

Shade Color Variation

#1ca5e8
```
#1ca5e8 rgb(28,165,232)
```
#2eacea
```
#2eacea rgb(46,172,234)
```
#40b3ec
```
#40b3ec rgb(64,179,236)
```
#51baee
```
#51baee rgb(81,186,238)
```
#63c1ef
```
#63c1ef rgb(99,193,239)
```
#75c8f1
```
#75c8f1 rgb(117,200,241)
```
#87cff3
```
#87cff3 rgb(135,207,243)
```
#99d6f5
```
#99d6f5 rgb(153,214,245)
```
#abddf7
```
#abddf7 rgb(171,221,247)
```
#bce4f8
```
#bce4f8 rgb(188,228,248)
```
#ceecfa
```
#ceecfa rgb(206,236,250)
```
#e0f3fc
```
#e0f3fc rgb(224,243,252)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #697074 is the less saturated color, while #0393da is the most saturated one.

#697074
```
#697074 rgb(105,112,116)
```
#61737d
```
#61737d rgb(97,115,125)
```
#587685
```
#587685 rgb(88,118,133)
```
#50798e
```
#50798e rgb(80,121,142)
```
#477c96
```
#477c96 rgb(71,124,150)
```
#3f7f9f
```
#3f7f9f rgb(63,127,159)
```
#3682a7
```
#3682a7 rgb(54,130,167)
```
#2e84b0
```
#2e84b0 rgb(46,132,176)
```
#2587b8
```
#2587b8 rgb(37,135,184)
```
#1d8ac1
```
#1d8ac1 rgb(29,138,193)
```
#148dc9
```
#148dc9 rgb(20,141,201)
```
#0c90d2
```
#0c90d2 rgb(12,144,210)
```
#0393da
```
#0393da rgb(3,147,218)
```

Tone Color Variation

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

Dichromacy

#7689c4 Protanopia 1% of men
#658bcf Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#528ac6 Protanomaly 1% of men, 0.01% of women
#478bcc Deuteranomaly 6% of men, 0.4% of women
#0794b0 Tritanomaly 0.01% of the population

#148dc9 hex color

#148dc9 Color Information

#148dc9 Color Conversion

Color Schemes with #148dc9

Alternatives to #148dc9

#148dc9 Preview

Shades and Tints of #148dc9

Tones of #148dc9

Color Blindness Simulator