#148ed3 hex color

In a RGB color space, hex #148ed3 is composed of 7.8% red, 55.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 32.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 201.7 degrees, a saturation of 82.7% and a lightness of 45.3%. #148ed3 color hex could be obtained by blending #28ffff with #001da7. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 56
- B 83
RGB color chart
- C 91
- M 33
- Y 0
- K 17
CMYK color chart

● #148ed3 color description : Strong blue.

The hexadecimal color #148ed3 has RGB values of R:20, G:142, B:211 and CMYK values of C:0.91, M:0.33, Y:0, K:0.17. Its decimal value is 1347283.

Hex triplet	148ed3	`#148ed3`
RGB Decimal	20, 142, 211	`rgb(20,142,211)`
RGB Percent	7.8, 55.7, 82.7	`rgb(7.8%,55.7%,82.7%)`
CMYK	91, 33, 0, 17
HSL	201.7°, 82.7, 45.3	`hsl(201.7,82.7%,45.3%)`
HSV (or HSB)	201.7°, 90.5, 82.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.283, -5.896, -43.905
XYZ	21.716, 24.196, 65.15
xyY	0.196, 0.218, 24.196
CIE-LCH	56.283, 44.299, 262.352
CIE-LUV	56.283, -35.193, -68.011
Hunter-Lab	49.189, -7.276, -44.096
Binary	00010100, 10001110, 11010011

#148ed3
```
#148ed3 rgb(20,142,211)
```
#d35914
```
#d35914 rgb(211,89,20)
```

Complementary Color

#14d3b9
```
#14d3b9 rgb(20,211,185)
```
#148ed3
```
#148ed3 rgb(20,142,211)
```
#142ed3
```
#142ed3 rgb(20,46,211)
```

Analogous Color

#d3b914
```
#d3b914 rgb(211,185,20)
```
#148ed3
```
#148ed3 rgb(20,142,211)
```
#d3142f
```
#d3142f rgb(211,20,47)
```

Split Complementary Color

#8ed314
```
#8ed314 rgb(142,211,20)
```
#148ed3
```
#148ed3 rgb(20,142,211)
```
#d3148e
```
#d3148e rgb(211,20,142)
```

Triadic Color

#14d359
```
#14d359 rgb(20,211,89)
```
#148ed3
```
#148ed3 rgb(20,142,211)
```
#d3148e
```
#d3148e rgb(211,20,142)
```
#d35914
```
#d35914 rgb(211,89,20)
```

Tetradic Color

#0d5f8d
```
#0d5f8d rgb(13,95,141)
```
#106fa4
```
#106fa4 rgb(16,111,164)
```
#127ebc
```
#127ebc rgb(18,126,188)
```
#148ed3
```
#148ed3 rgb(20,142,211)
```
#179de9
```
#179de9 rgb(23,157,233)
```
#2fa7eb
```
#2fa7eb rgb(47,167,235)
```
#46b1ed
```
#46b1ed rgb(70,177,237)
```

Monochromatic Color

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

#14bed3
```
#14bed3 rgb(20,190,211)
```
#14aed3
```
#14aed3 rgb(20,174,211)
```
#149ed3
```
#149ed3 rgb(20,158,211)
```
#148ed3
```
#148ed3 rgb(20,142,211)
```
#147ed3
```
#147ed3 rgb(20,126,211)
```
#146ed3
```
#146ed3 rgb(20,110,211)
```
#145ed3
```
#145ed3 rgb(20,94,211)
```

Similar Colors

Text with hexadecimal color #148ed3

This text has a font color of #148ed3.

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

#148ed3 background color

This paragraph has a background color of #148ed3.

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

#148ed3 border color

This element has a border color of #148ed3.

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

CSS codes

.text {color:#148ed3;}

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

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

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, #01090e is the darkest color, while #fbfdff is the lightest one.

#01090e
```
#01090e rgb(1,9,14)
```
#031520
```
#031520 rgb(3,21,32)
```
#052132
```
#052132 rgb(5,33,50)
```
#062e44
```
#062e44 rgb(6,46,68)
```
#083a56
```
#083a56 rgb(8,58,86)
```
#0a4667
```
#0a4667 rgb(10,70,103)
```
#0c5279
```
#0c5279 rgb(12,82,121)
```
#0d5e8b
```
#0d5e8b rgb(13,94,139)
```
#0f6a9d
```
#0f6a9d rgb(15,106,157)
```
#1176af
```
#1176af rgb(17,118,175)
```
#1282c1
```
#1282c1 rgb(18,130,193)
```
#148ed3
```
#148ed3 rgb(20,142,211)
```
#169ae5
```
#169ae5 rgb(22,154,229)
```

Shade Color Variation

#24a3ea
```
#24a3ea rgb(36,163,234)
```
#36aaec
```
#36aaec rgb(54,170,236)
```
#48b2ee
```
#48b2ee rgb(72,178,238)
```
#5ab9ef
```
#5ab9ef rgb(90,185,239)
```
#6cc1f1
```
#6cc1f1 rgb(108,193,241)
```
#7ec8f3
```
#7ec8f3 rgb(126,200,243)
```
#8fd0f4
```
#8fd0f4 rgb(143,208,244)
```
#a1d8f6
```
#a1d8f6 rgb(161,216,246)
```
#b3dff8
```
#b3dff8 rgb(179,223,248)
```
#c5e7fa
```
#c5e7fa rgb(197,231,250)
```
#d7eefb
```
#d7eefb rgb(215,238,251)
```
#e9f6fd
```
#e9f6fd rgb(233,246,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#6d757a
```
#6d757a rgb(109,117,122)
```
#647883
```
#647883 rgb(100,120,131)
```
#5b7a8c
```
#5b7a8c rgb(91,122,140)
```
#527d95
```
#527d95 rgb(82,125,149)
```
#497f9e
```
#497f9e rgb(73,127,158)
```
#4082a7
```
#4082a7 rgb(64,130,167)
```
#3884af
```
#3884af rgb(56,132,175)
```
#2f87b8
```
#2f87b8 rgb(47,135,184)
```
#2689c1
```
#2689c1 rgb(38,137,193)
```
#1d8cca
```
#1d8cca rgb(29,140,202)
```
#148ed3
```
#148ed3 rgb(20,142,211)
```
#0b90dc
```
#0b90dc rgb(11,144,220)
```
#0293e5
```
#0293e5 rgb(2,147,229)
```

Tone Color Variation

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

Dichromacy

#738ace Protanopia 1% of men
#5e8dd8 Deuteranopia 1% of men
#009aa5 Tritanopia 0.001% of the population

Trichromacy

#508cd0 Protanomaly 1% of men, 0.01% of women
#438dd6 Deuteranomaly 6% of men, 0.4% of women
#0796b5 Tritanomaly 0.01% of the population

#148ed3 hex color

#148ed3 Color Information

#148ed3 Color Conversion

Color Schemes with #148ed3

Alternatives to #148ed3

#148ed3 Preview

Shades and Tints of #148ed3

Tones of #148ed3

Color Blindness Simulator