#148fd0 hex color

In a RGB color space, hex #148fd0 is composed of 7.8% red, 56.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 31.3% magenta, 0% yellow and 18.4% black. It has a hue angle of 200.7 degrees, a saturation of 82.5% and a lightness of 44.7%. #148fd0 color hex could be obtained by blending #28ffff with #001fa1. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 56
- B 82
RGB color chart
- C 90
- M 31
- Y 0
- K 18
CMYK color chart

● #148fd0 color description : Strong blue.

The hexadecimal color #148fd0 has RGB values of R:20, G:143, B:208 and CMYK values of C:0.9, M:0.31, Y:0, K:0.18. Its decimal value is 1347536.

Hex triplet	148fd0	`#148fd0`
RGB Decimal	20, 143, 208	`rgb(20,143,208)`
RGB Percent	7.8, 56.1, 81.6	`rgb(7.8%,56.1%,81.6%)`
CMYK	90, 31, 0, 18
HSL	200.7°, 82.5, 44.7	`hsl(200.7,82.5%,44.7%)`
HSV (or HSB)	200.7°, 90.4, 81.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.432, -7.588, -41.983
XYZ	21.493, 24.346, 63.237
xyY	0.197, 0.223, 24.346
CIE-LCH	56.432, 42.663, 259.755
CIE-LUV	56.432, -35.714, -64.7
Hunter-Lab	49.341, -8.592, -41.449
Binary	00010100, 10001111, 11010000

#148fd0
```
#148fd0 rgb(20,143,208)
```
#d05514
```
#d05514 rgb(208,85,20)
```

Complementary Color

#14d0b3
```
#14d0b3 rgb(20,208,179)
```
#148fd0
```
#148fd0 rgb(20,143,208)
```
#1431d0
```
#1431d0 rgb(20,49,208)
```

Analogous Color

#d0b314
```
#d0b314 rgb(208,179,20)
```
#148fd0
```
#148fd0 rgb(20,143,208)
```
#d01431
```
#d01431 rgb(208,20,49)
```

Split Complementary Color

#8fd014
```
#8fd014 rgb(143,208,20)
```
#148fd0
```
#148fd0 rgb(20,143,208)
```
#d0148f
```
#d0148f rgb(208,20,143)
```

Triadic Color

#14d055
```
#14d055 rgb(20,208,85)
```
#148fd0
```
#148fd0 rgb(20,143,208)
```
#d0148f
```
#d0148f rgb(208,20,143)
```
#d05514
```
#d05514 rgb(208,85,20)
```

Tetradic Color

#0d5f8a
```
#0d5f8a rgb(13,95,138)
```
#106fa1
```
#106fa1 rgb(16,111,161)
```
#127fb9
```
#127fb9 rgb(18,127,185)
```
#148fd0
```
#148fd0 rgb(20,143,208)
```
#169fe7
```
#169fe7 rgb(22,159,231)
```
#2ca9eb
```
#2ca9eb rgb(44,169,235)
```
#44b2ed
```
#44b2ed rgb(68,178,237)
```

Monochromatic Color

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

#14bed0
```
#14bed0 rgb(20,190,208)
```
#14aed0
```
#14aed0 rgb(20,174,208)
```
#149fd0
```
#149fd0 rgb(20,159,208)
```
#148fd0
```
#148fd0 rgb(20,143,208)
```
#147fd0
```
#147fd0 rgb(20,127,208)
```
#1470d0
```
#1470d0 rgb(20,112,208)
```
#1460d0
```
#1460d0 rgb(20,96,208)
```

Similar Colors

Text with hexadecimal color #148fd0

This text has a font color of #148fd0.

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

#148fd0 background color

This paragraph has a background color of #148fd0.

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

#148fd0 border color

This element has a border color of #148fd0.

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

CSS codes

.text {color:#148fd0;}

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

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

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, #01080b is the darkest color, while #f8fcfe is the lightest one.

#01080b
```
#01080b rgb(1,8,11)
```
#03141d
```
#03141d rgb(3,20,29)
```
#05202f
```
#05202f rgb(5,32,47)
```
#062d41
```
#062d41 rgb(6,45,65)
```
#083953
```
#083953 rgb(8,57,83)
```
#0a4565
```
#0a4565 rgb(10,69,101)
```
#0b5177
```
#0b5177 rgb(11,81,119)
```
#0d5e88
```
#0d5e88 rgb(13,94,136)
```
#0f6a9a
```
#0f6a9a rgb(15,106,154)
```
#1176ac
```
#1176ac rgb(17,118,172)
```
#1283be
```
#1283be rgb(18,131,190)
```
#148fd0
```
#148fd0 rgb(20,143,208)
```
#169be2
```
#169be2 rgb(22,155,226)
```

Shade Color Variation

#22a4ea
```
#22a4ea rgb(34,164,234)
```
#33aceb
```
#33aceb rgb(51,172,235)
```
#45b3ed
```
#45b3ed rgb(69,179,237)
```
#57baef
```
#57baef rgb(87,186,239)
```
#69c2f1
```
#69c2f1 rgb(105,194,241)
```
#7bc9f2
```
#7bc9f2 rgb(123,201,242)
```
#8dd0f4
```
#8dd0f4 rgb(141,208,244)
```
#9fd8f6
```
#9fd8f6 rgb(159,216,246)
```
#b1dff7
```
#b1dff7 rgb(177,223,247)
```
#c3e6f9
```
#c3e6f9 rgb(195,230,249)
```
#d4eefb
```
#d4eefb rgb(212,238,251)
```
#e6f5fd
```
#e6f5fd rgb(230,245,253)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#6c7478
```
#6c7478 rgb(108,116,120)
```
#637781
```
#637781 rgb(99,119,129)
```
#5a798a
```
#5a798a rgb(90,121,138)
```
#517c93
```
#517c93 rgb(81,124,147)
```
#497f9b
```
#497f9b rgb(73,127,155)
```
#4081a4
```
#4081a4 rgb(64,129,164)
```
#3784ad
```
#3784ad rgb(55,132,173)
```
#2e87b6
```
#2e87b6 rgb(46,135,182)
```
#268abe
```
#268abe rgb(38,138,190)
```
#1d8cc7
```
#1d8cc7 rgb(29,140,199)
```
#148fd0
```
#148fd0 rgb(20,143,208)
```
#0b92d9
```
#0b92d9 rgb(11,146,217)
```
#0294e2
```
#0294e2 rgb(2,148,226)
```

Tone Color Variation

Below, you can see how #148fd0 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

#727272 Achromatopsia 0.005% of the population
#5f7885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#768bcb Protanopia 1% of men
#628dd5 Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#528ccd Protanomaly 1% of men, 0.01% of women
#468ed3 Deuteranomaly 6% of men, 0.4% of women
#0796b5 Tritanomaly 0.01% of the population

#148fd0 hex color

#148fd0 Color Information

#148fd0 Color Conversion

Color Schemes with #148fd0

Alternatives to #148fd0

#148fd0 Preview

Shades and Tints of #148fd0

Tones of #148fd0

Color Blindness Simulator