#148ad9 hex color

In a RGB color space, hex #148ad9 is composed of 7.8% red, 54.1% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 90.8% cyan, 36.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 204.1 degrees, a saturation of 83.1% and a lightness of 46.5%. #148ad9 color hex could be obtained by blending #28ffff with #0015b3. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 54
- B 85
RGB color chart
- C 91
- M 36
- Y 0
- K 15
CMYK color chart

● #148ad9 color description : Vivid blue.

The hexadecimal color #148ad9 has RGB values of R:20, G:138, B:217 and CMYK values of C:0.91, M:0.36, Y:0, K:0.15. Its decimal value is 1346265.

Hex triplet	148ad9	`#148ad9`
RGB Decimal	20, 138, 217	`rgb(20,138,217)`
RGB Percent	7.8, 54.1, 85.1	`rgb(7.8%,54.1%,85.1%)`
CMYK	91, 36, 0, 15
HSL	204.1°, 83.1, 46.5	`hsl(204.1,83.1%,46.5%)`
HSV (or HSB)	204.1°, 90.8, 85.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.414, -1.298, -48.653
XYZ	21.898, 23.333, 68.991
xyY	0.192, 0.204, 23.333
CIE-LCH	55.414, 48.671, 268.472
CIE-LUV	55.414, -33.514, -76.045
Hunter-Lab	48.305, -3.612, -50.868
Binary	00010100, 10001010, 11011001

#148ad9
```
#148ad9 rgb(20,138,217)
```
#d96314
```
#d96314 rgb(217,99,20)
```

Complementary Color

#14d9c6
```
#14d9c6 rgb(20,217,198)
```
#148ad9
```
#148ad9 rgb(20,138,217)
```
#1428d9
```
#1428d9 rgb(20,40,217)
```

Analogous Color

#d9c614
```
#d9c614 rgb(217,198,20)
```
#148ad9
```
#148ad9 rgb(20,138,217)
```
#d91428
```
#d91428 rgb(217,20,40)
```

Split Complementary Color

#8ad914
```
#8ad914 rgb(138,217,20)
```
#148ad9
```
#148ad9 rgb(20,138,217)
```
#d9148a
```
#d9148a rgb(217,20,138)
```

Triadic Color

#14d963
```
#14d963 rgb(20,217,99)
```
#148ad9
```
#148ad9 rgb(20,138,217)
```
#d9148a
```
#d9148a rgb(217,20,138)
```
#d96314
```
#d96314 rgb(217,99,20)
```

Tetradic Color

#0e5d93
```
#0e5d93 rgb(14,93,147)
```
#106caa
```
#106caa rgb(16,108,170)
```
#127bc2
```
#127bc2 rgb(18,123,194)
```
#148ad9
```
#148ad9 rgb(20,138,217)
```
#1c98ea
```
#1c98ea rgb(28,152,234)
```
#34a2ec
```
#34a2ec rgb(52,162,236)
```
#4badee
```
#4badee rgb(75,173,238)
```

Monochromatic Color

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

#14bbd9
```
#14bbd9 rgb(20,187,217)
```
#14abd9
```
#14abd9 rgb(20,171,217)
```
#149ad9
```
#149ad9 rgb(20,154,217)
```
#148ad9
```
#148ad9 rgb(20,138,217)
```
#147ad9
```
#147ad9 rgb(20,122,217)
```
#1469d9
```
#1469d9 rgb(20,105,217)
```
#1459d9
```
#1459d9 rgb(20,89,217)
```

Similar Colors

Text with hexadecimal color #148ad9

This text has a font color of #148ad9.

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

#148ad9 background color

This paragraph has a background color of #148ad9.

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

#148ad9 border color

This element has a border color of #148ad9.

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

CSS codes

.text {color:#148ad9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020c13
```
#020c13 rgb(2,12,19)
```
#031825
```
#031825 rgb(3,24,37)
```
#052337
```
#052337 rgb(5,35,55)
```
#072f49
```
#072f49 rgb(7,47,73)
```
#083a5b
```
#083a5b rgb(8,58,91)
```
#0a456d
```
#0a456d rgb(10,69,109)
```
#0c517f
```
#0c517f rgb(12,81,127)
```
#0d5c91
```
#0d5c91 rgb(13,92,145)
```
#0f68a3
```
#0f68a3 rgb(15,104,163)
```
#1173b5
```
#1173b5 rgb(17,115,181)
```
#127fc7
```
#127fc7 rgb(18,127,199)
```
#148ad9
```
#148ad9 rgb(20,138,217)
```

Shade Color Variation

#1795ea
```
#1795ea rgb(23,149,234)
```
#299deb
```
#299deb rgb(41,157,235)
```
#3ba6ed
```
#3ba6ed rgb(59,166,237)
```
#4daeef
```
#4daeef rgb(77,174,239)
```
#5fb6f0
```
#5fb6f0 rgb(95,182,240)
```
#71bef2
```
#71bef2 rgb(113,190,242)
```
#83c6f4
```
#83c6f4 rgb(131,198,244)
```
#95cff5
```
#95cff5 rgb(149,207,245)
```
#a7d7f7
```
#a7d7f7 rgb(167,215,247)
```
#b9dff9
```
#b9dff9 rgb(185,223,249)
```
#cbe7fa
```
#cbe7fa rgb(203,231,250)
```
#ddeffc
```
#ddeffc rgb(221,239,252)
```
#eff7fd
```
#eff7fd rgb(239,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f787e is the less saturated color, while #028eeb is the most saturated one.

#6f787e
```
#6f787e rgb(111,120,126)
```
#667a87
```
#667a87 rgb(102,122,135)
```
#5d7c90
```
#5d7c90 rgb(93,124,144)
```
#547d99
```
#547d99 rgb(84,125,153)
```
#4b7fa2
```
#4b7fa2 rgb(75,127,162)
```
#4281ab
```
#4281ab rgb(66,129,171)
```
#3883b5
```
#3883b5 rgb(56,131,181)
```
#2f85be
```
#2f85be rgb(47,133,190)
```
#2686c7
```
#2686c7 rgb(38,134,199)
```
#1d88d0
```
#1d88d0 rgb(29,136,208)
```
#148ad9
```
#148ad9 rgb(20,138,217)
```
#0b8ce2
```
#0b8ce2 rgb(11,140,226)
```
#028eeb
```
#028eeb rgb(2,142,235)
```

Tone Color Variation

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

Dichromacy

#6b88d4 Protanopia 1% of men
#4e8cdc Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4b89d6 Protanomaly 1% of men, 0.01% of women
#398bdb Deuteranomaly 6% of men, 0.4% of women
#0793b6 Tritanomaly 0.01% of the population

#148ad9 hex color

#148ad9 Color Information

#148ad9 Color Conversion

Color Schemes with #148ad9

Alternatives to #148ad9

#148ad9 Preview

Shades and Tints of #148ad9

Tones of #148ad9

Color Blindness Simulator