#148fd2 hex color

In a RGB color space, hex #148fd2 is composed of 7.8% red, 56.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 31.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 201.2 degrees, a saturation of 82.6% and a lightness of 45.1%. #148fd2 color hex could be obtained by blending #28ffff with #001fa5. Closest websafe color is: #0099cc.

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

● #148fd2 color description : Strong blue.

The hexadecimal color #148fd2 has RGB values of R:20, G:143, B:210 and CMYK values of C:0.9, M:0.32, Y:0, K:0.18. Its decimal value is 1347538.

Hex triplet	148fd2	`#148fd2`
RGB Decimal	20, 143, 210	`rgb(20,143,210)`
RGB Percent	7.8, 56.1, 82.4	`rgb(7.8%,56.1%,82.4%)`
CMYK	90, 32, 0, 18
HSL	201.2°, 82.6, 45.1	`hsl(201.2,82.6%,45.1%)`
HSV (or HSB)	201.2°, 90.5, 82.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.53, -6.846, -42.953
XYZ	21.741, 24.445, 64.542
xyY	0.196, 0.221, 24.445
CIE-LCH	56.53, 43.495, 260.945
CIE-LUV	56.53, -35.589, -66.397
Hunter-Lab	49.442, -8.031, -42.789
Binary	00010100, 10001111, 11010010

#148fd2
```
#148fd2 rgb(20,143,210)
```
#d25714
```
#d25714 rgb(210,87,20)
```

Complementary Color

#14d2b6
```
#14d2b6 rgb(20,210,182)
```
#148fd2
```
#148fd2 rgb(20,143,210)
```
#1430d2
```
#1430d2 rgb(20,48,210)
```

Analogous Color

#d2b614
```
#d2b614 rgb(210,182,20)
```
#148fd2
```
#148fd2 rgb(20,143,210)
```
#d21430
```
#d21430 rgb(210,20,48)
```

Split Complementary Color

#8fd214
```
#8fd214 rgb(143,210,20)
```
#148fd2
```
#148fd2 rgb(20,143,210)
```
#d2148f
```
#d2148f rgb(210,20,143)
```

Triadic Color

#14d257
```
#14d257 rgb(20,210,87)
```
#148fd2
```
#148fd2 rgb(20,143,210)
```
#d2148f
```
#d2148f rgb(210,20,143)
```
#d25714
```
#d25714 rgb(210,87,20)
```

Tetradic Color

#0d5f8c
```
#0d5f8c rgb(13,95,140)
```
#106fa3
```
#106fa3 rgb(16,111,163)
```
#127fbb
```
#127fbb rgb(18,127,187)
```
#148fd2
```
#148fd2 rgb(20,143,210)
```
#179fe9
```
#179fe9 rgb(23,159,233)
```
#2ea8eb
```
#2ea8eb rgb(46,168,235)
```
#45b2ed
```
#45b2ed rgb(69,178,237)
```

Monochromatic Color

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

#14bfd2
```
#14bfd2 rgb(20,191,210)
```
#14afd2
```
#14afd2 rgb(20,175,210)
```
#149fd2
```
#149fd2 rgb(20,159,210)
```
#148fd2
```
#148fd2 rgb(20,143,210)
```
#147fd2
```
#147fd2 rgb(20,127,210)
```
#146fd2
```
#146fd2 rgb(20,111,210)
```
#1460d2
```
#1460d2 rgb(20,96,210)
```

Similar Colors

Text with hexadecimal color #148fd2

This text has a font color of #148fd2.

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

#148fd2 background color

This paragraph has a background color of #148fd2.

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

#148fd2 border color

This element has a border color of #148fd2.

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

CSS codes

.text {color:#148fd2;}

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

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

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

#01090d
```
#01090d rgb(1,9,13)
```
#03151f
```
#03151f rgb(3,21,31)
```
#052131
```
#052131 rgb(5,33,49)
```
#062d43
```
#062d43 rgb(6,45,67)
```
#083a55
```
#083a55 rgb(8,58,85)
```
#0a4667
```
#0a4667 rgb(10,70,103)
```
#0b5278
```
#0b5278 rgb(11,82,120)
```
#0d5e8a
```
#0d5e8a rgb(13,94,138)
```
#0f6a9c
```
#0f6a9c rgb(15,106,156)
```
#1177ae
```
#1177ae rgb(17,119,174)
```
#1283c0
```
#1283c0 rgb(18,131,192)
```
#148fd2
```
#148fd2 rgb(20,143,210)
```
#169be4
```
#169be4 rgb(22,155,228)
```

Shade Color Variation

#23a4ea
```
#23a4ea rgb(35,164,234)
```
#35abec
```
#35abec rgb(53,171,236)
```
#47b3ed
```
#47b3ed rgb(71,179,237)
```
#59baef
```
#59baef rgb(89,186,239)
```
#6bc2f1
```
#6bc2f1 rgb(107,194,241)
```
#7dc9f3
```
#7dc9f3 rgb(125,201,243)
```
#8fd0f4
```
#8fd0f4 rgb(143,208,244)
```
#a1d8f6
```
#a1d8f6 rgb(161,216,246)
```
#b2dff8
```
#b2dff8 rgb(178,223,248)
```
#c4e7f9
```
#c4e7f9 rgb(196,231,249)
```
#d6eefb
```
#d6eefb rgb(214,238,251)
```
#e8f6fd
```
#e8f6fd rgb(232,246,253)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#6c757a
```
#6c757a rgb(108,117,122)
```
#647882
```
#647882 rgb(100,120,130)
```
#5b7a8b
```
#5b7a8b rgb(91,122,139)
```
#527d94
```
#527d94 rgb(82,125,148)
```
#497f9d
```
#497f9d rgb(73,127,157)
```
#4082a6
```
#4082a6 rgb(64,130,166)
```
#3785af
```
#3785af rgb(55,133,175)
```
#2f87b7
```
#2f87b7 rgb(47,135,183)
```
#268ac0
```
#268ac0 rgb(38,138,192)
```
#1d8cc9
```
#1d8cc9 rgb(29,140,201)
```
#148fd2
```
#148fd2 rgb(20,143,210)
```
#0b92db
```
#0b92db rgb(11,146,219)
```
#0294e4
```
#0294e4 rgb(2,148,228)
```

Tone Color Variation

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

#758bcd Protanopia 1% of men
#608ed7 Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#518ccf Protanomaly 1% of men, 0.01% of women
#448ed5 Deuteranomaly 6% of men, 0.4% of women
#0797b5 Tritanomaly 0.01% of the population

#148fd2 hex color

#148fd2 Color Information

#148fd2 Color Conversion

Color Schemes with #148fd2

Alternatives to #148fd2

#148fd2 Preview

Shades and Tints of #148fd2

Tones of #148fd2

Color Blindness Simulator