#148ad6 hex color

In a RGB color space, hex #148ad6 is composed of 7.8% red, 54.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 35.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 203.5 degrees, a saturation of 82.9% and a lightness of 45.9%. #148ad6 color hex could be obtained by blending #28ffff with #0015ad. Closest websafe color is: #0099cc.

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

● #148ad6 color description : Strong blue.

The hexadecimal color #148ad6 has RGB values of R:20, G:138, B:214 and CMYK values of C:0.91, M:0.36, Y:0, K:0.16. Its decimal value is 1346262.

Hex triplet	148ad6	`#148ad6`
RGB Decimal	20, 138, 214	`rgb(20,138,214)`
RGB Percent	7.8, 54.1, 83.9	`rgb(7.8%,54.1%,83.9%)`
CMYK	91, 36, 0, 16
HSL	203.5°, 82.9, 45.9	`hsl(203.5,82.9%,45.9%)`
HSV (or HSB)	203.5°, 90.7, 83.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.256, -2.431, -47.219
XYZ	21.512, 23.179, 66.955
xyY	0.193, 0.208, 23.179
CIE-LCH	55.256, 47.281, 267.052
CIE-LUV	55.256, -33.687, -73.552
Hunter-Lab	48.144, -4.496, -48.754
Binary	00010100, 10001010, 11010110

#148ad6
```
#148ad6 rgb(20,138,214)
```
#d66014
```
#d66014 rgb(214,96,20)
```

Complementary Color

#14d6c1
```
#14d6c1 rgb(20,214,193)
```
#148ad6
```
#148ad6 rgb(20,138,214)
```
#1429d6
```
#1429d6 rgb(20,41,214)
```

Analogous Color

#d6c114
```
#d6c114 rgb(214,193,20)
```
#148ad6
```
#148ad6 rgb(20,138,214)
```
#d61429
```
#d61429 rgb(214,20,41)
```

Split Complementary Color

#8ad614
```
#8ad614 rgb(138,214,20)
```
#148ad6
```
#148ad6 rgb(20,138,214)
```
#d6148a
```
#d6148a rgb(214,20,138)
```

Triadic Color

#14d660
```
#14d660 rgb(20,214,96)
```
#148ad6
```
#148ad6 rgb(20,138,214)
```
#d6148a
```
#d6148a rgb(214,20,138)
```
#d66014
```
#d66014 rgb(214,96,20)
```

Tetradic Color

#0d5d90
```
#0d5d90 rgb(13,93,144)
```
#106ca7
```
#106ca7 rgb(16,108,167)
```
#127bbf
```
#127bbf rgb(18,123,191)
```
#148ad6
```
#148ad6 rgb(20,138,214)
```
#1a98ea
```
#1a98ea rgb(26,152,234)
```
#31a3ec
```
#31a3ec rgb(49,163,236)
```
#49adee
```
#49adee rgb(73,173,238)
```

Monochromatic Color

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

#14bbd6
```
#14bbd6 rgb(20,187,214)
```
#14aad6
```
#14aad6 rgb(20,170,214)
```
#149ad6
```
#149ad6 rgb(20,154,214)
```
#148ad6
```
#148ad6 rgb(20,138,214)
```
#147ad6
```
#147ad6 rgb(20,122,214)
```
#146ad6
```
#146ad6 rgb(20,106,214)
```
#145ad6
```
#145ad6 rgb(20,90,214)
```

Similar Colors

Text with hexadecimal color #148ad6

This text has a font color of #148ad6.

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

#148ad6 background color

This paragraph has a background color of #148ad6.

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

#148ad6 border color

This element has a border color of #148ad6.

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

CSS codes

.text {color:#148ad6;}

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

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

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, #020b11 is the darkest color, while #fefeff is the lightest one.

#020b11
```
#020b11 rgb(2,11,17)
```
#031623
```
#031623 rgb(3,22,35)
```
#052235
```
#052235 rgb(5,34,53)
```
#072d46
```
#072d46 rgb(7,45,70)
```
#083958
```
#083958 rgb(8,57,88)
```
#0a456a
```
#0a456a rgb(10,69,106)
```
#0c507c
```
#0c507c rgb(12,80,124)
```
#0d5c8e
```
#0d5c8e rgb(13,92,142)
```
#0f67a0
```
#0f67a0 rgb(15,103,160)
```
#1173b2
```
#1173b2 rgb(17,115,178)
```
#127ec4
```
#127ec4 rgb(18,126,196)
```
#148ad6
```
#148ad6 rgb(20,138,214)
```
#1696e8
```
#1696e8 rgb(22,150,232)
```

Shade Color Variation

#269eeb
```
#269eeb rgb(38,158,235)
```
#38a6ec
```
#38a6ec rgb(56,166,236)
```
#4aaeee
```
#4aaeee rgb(74,174,238)
```
#5cb6f0
```
#5cb6f0 rgb(92,182,240)
```
#6ebef1
```
#6ebef1 rgb(110,190,241)
```
#80c6f3
```
#80c6f3 rgb(128,198,243)
```
#92cef5
```
#92cef5 rgb(146,206,245)
```
#a4d6f6
```
#a4d6f6 rgb(164,214,246)
```
#b6def8
```
#b6def8 rgb(182,222,248)
```
#c8e6fa
```
#c8e6fa rgb(200,230,250)
```
#daeefc
```
#daeefc rgb(218,238,252)
```
#ecf6fd
```
#ecf6fd rgb(236,246,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6e777c
```
#6e777c rgb(110,119,124)
```
#657885
```
#657885 rgb(101,120,133)
```
#5c7a8e
```
#5c7a8e rgb(92,122,142)
```
#537c97
```
#537c97 rgb(83,124,151)
```
#4a7ea0
```
#4a7ea0 rgb(74,126,160)
```
#4180a9
```
#4180a9 rgb(65,128,169)
```
#3882b2
```
#3882b2 rgb(56,130,178)
```
#2f84bb
```
#2f84bb rgb(47,132,187)
```
#2686c4
```
#2686c4 rgb(38,134,196)
```
#1d88cd
```
#1d88cd rgb(29,136,205)
```
#148ad6
```
#148ad6 rgb(20,138,214)
```
#0b8cdf
```
#0b8cdf rgb(11,140,223)
```
#028ee8
```
#028ee8 rgb(2,142,232)
```

Tone Color Variation

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

Dichromacy

#6c88d1 Protanopia 1% of men
#528bda Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4c88d3 Protanomaly 1% of men, 0.01% of women
#3b8ad8 Deuteranomaly 6% of men, 0.4% of women
#0793b4 Tritanomaly 0.01% of the population

#148ad6 hex color

#148ad6 Color Information

#148ad6 Color Conversion

Color Schemes with #148ad6

Alternatives to #148ad6

#148ad6 Preview

Shades and Tints of #148ad6

Tones of #148ad6

Color Blindness Simulator