#1f5db3 hex color

In a RGB color space, hex #1f5db3 is composed of 12.2% red, 36.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 48% magenta, 0% yellow and 29.8% black. It has a hue angle of 214.9 degrees, a saturation of 70.5% and a lightness of 41.2%. #1f5db3 color hex could be obtained by blending #3ebaff with #000067. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 36
- B 70
RGB color chart
- C 83
- M 48
- Y 0
- K 30
CMYK color chart

● #1f5db3 color description : Strong blue.

The hexadecimal color #1f5db3 has RGB values of R:31, G:93, B:179 and CMYK values of C:0.83, M:0.48, Y:0, K:0.3. Its decimal value is 2055603.

Hex triplet	1f5db3	`#1f5db3`
RGB Decimal	31, 93, 179	`rgb(31,93,179)`
RGB Percent	12.2, 36.5, 70.2	`rgb(12.2%,36.5%,70.2%)`
CMYK	83, 48, 0, 30
HSL	214.9°, 70.5, 41.2	`hsl(214.9,70.5%,41.2%)`
HSV (or HSB)	214.9°, 82.7, 70.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.203, 12.788, -51.159
XYZ	12.614, 11.374, 44.176
xyY	0.185, 0.167, 11.374
CIE-LCH	40.203, 52.733, 284.035
CIE-LUV	40.203, -19.88, -75.335
Hunter-Lab	33.725, 7.747, -54.056
Binary	00011111, 01011101, 10110011

#1f5db3
```
#1f5db3 rgb(31,93,179)
```
#b3751f
```
#b3751f rgb(179,117,31)
```

Complementary Color

#1fa7b3
```
#1fa7b3 rgb(31,167,179)
```
#1f5db3
```
#1f5db3 rgb(31,93,179)
```
#2b1fb3
```
#2b1fb3 rgb(43,31,179)
```

Analogous Color

#a7b31f
```
#a7b31f rgb(167,179,31)
```
#1f5db3
```
#1f5db3 rgb(31,93,179)
```
#b32b1f
```
#b32b1f rgb(179,43,31)
```

Split Complementary Color

#5db31f
```
#5db31f rgb(93,179,31)
```
#1f5db3
```
#1f5db3 rgb(31,93,179)
```
#b31f5d
```
#b31f5d rgb(179,31,93)
```

Triadic Color

#1fb375
```
#1fb375 rgb(31,179,117)
```
#1f5db3
```
#1f5db3 rgb(31,93,179)
```
#b31f5d
```
#b31f5d rgb(179,31,93)
```
#b3751f
```
#b3751f rgb(179,117,31)
```

Tetradic Color

#143b72
```
#143b72 rgb(20,59,114)
```
#174688
```
#174688 rgb(23,70,136)
```
#1b529d
```
#1b529d rgb(27,82,157)
```
#1f5db3
```
#1f5db3 rgb(31,93,179)
```
#2368c9
```
#2368c9 rgb(35,104,201)
```
#2b74da
```
#2b74da rgb(43,116,218)
```
#4082de
```
#4082de rgb(64,130,222)
```

Monochromatic Color

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

#1f82b3
```
#1f82b3 rgb(31,130,179)
```
#1f76b3
```
#1f76b3 rgb(31,118,179)
```
#1f69b3
```
#1f69b3 rgb(31,105,179)
```
#1f5db3
```
#1f5db3 rgb(31,93,179)
```
#1f51b3
```
#1f51b3 rgb(31,81,179)
```
#1f44b3
```
#1f44b3 rgb(31,68,179)
```
#1f38b3
```
#1f38b3 rgb(31,56,179)
```

Similar Colors

Text with hexadecimal color #1f5db3

This text has a font color of #1f5db3.

<span style="color:#1f5db3;">Text here</span>

#1f5db3 background color

This paragraph has a background color of #1f5db3.

<p style="background-color:#1f5db3;">Content here</p>

#1f5db3 border color

This element has a border color of #1f5db3.

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

CSS codes

.text {color:#1f5db3;}

.background {background-color:#1f5db3;}

.border {border:1px solid #1f5db3;}

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, #02060c is the darkest color, while #fafcfe is the lightest one.

#02060c
```
#02060c rgb(2,6,12)
```
#050f1d
```
#050f1d rgb(5,15,29)
```
#08182d
```
#08182d rgb(8,24,45)
```
#0b203e
```
#0b203e rgb(11,32,62)
```
#0e294f
```
#0e294f rgb(14,41,79)
```
#11325f
```
#11325f rgb(17,50,95)
```
#133a70
```
#133a70 rgb(19,58,112)
```
#164381
```
#164381 rgb(22,67,129)
```
#194c92
```
#194c92 rgb(25,76,146)
```
#1c54a2
```
#1c54a2 rgb(28,84,162)
```
#1f5db3
```
#1f5db3 rgb(31,93,179)
```
#2266c4
```
#2266c4 rgb(34,102,196)
```
#256ed4
```
#256ed4 rgb(37,110,212)
```

Shade Color Variation

#3179db
```
#3179db rgb(49,121,219)
```
#4284de
```
#4284de rgb(66,132,222)
```
#538fe1
```
#538fe1 rgb(83,143,225)
```
#6499e4
```
#6499e4 rgb(100,153,228)
```
#74a4e7
```
#74a4e7 rgb(116,164,231)
```
#85afea
```
#85afea rgb(133,175,234)
```
#96baed
```
#96baed rgb(150,186,237)
```
#a6c5f0
```
#a6c5f0 rgb(166,197,240)
```
#b7d0f3
```
#b7d0f3 rgb(183,208,243)
```
#c8dbf5
```
#c8dbf5 rgb(200,219,245)
```
#d9e6f8
```
#d9e6f8 rgb(217,230,248)
```
#e9f1fb
```
#e9f1fb rgb(233,241,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68696a is the less saturated color, while #0759cb is the most saturated one.

#68696a
```
#68696a rgb(104,105,106)
```
#606772
```
#606772 rgb(96,103,114)
```
#58667a
```
#58667a rgb(88,102,122)
```
#4f6583
```
#4f6583 rgb(79,101,131)
```
#47648b
```
#47648b rgb(71,100,139)
```
#3f6293
```
#3f6293 rgb(63,98,147)
```
#37619b
```
#37619b rgb(55,97,155)
```
#2f60a3
```
#2f60a3 rgb(47,96,163)
```
#275eab
```
#275eab rgb(39,94,171)
```
#1f5db3
```
#1f5db3 rgb(31,93,179)
```
#175cbb
```
#175cbb rgb(23,92,187)
```
#0f5ac3
```
#0f5ac3 rgb(15,90,195)
```
#0759cb
```
#0759cb rgb(7,89,203)
```

Tone Color Variation

Below, you can see how #1f5db3 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

#545454 Achromatopsia 0.005% of the population
#495667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3664b6 Protanopia 1% of men
#0069ad Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#2d61b4 Protanomaly 1% of men, 0.01% of women
#0b64af Deuteranomaly 6% of men, 0.4% of women
#0b698d Tritanomaly 0.01% of the population

#1f5db3 hex color

#1f5db3 Color Information

#1f5db3 Color Conversion

Color Schemes with #1f5db3

Alternatives to #1f5db3

#1f5db3 Preview

Shades and Tints of #1f5db3

Tones of #1f5db3

Color Blindness Simulator