#1f5dbb hex color

In a RGB color space, hex #1f5dbb is composed of 12.2% red, 36.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 50.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 216.2 degrees, a saturation of 71.6% and a lightness of 42.7%. #1f5dbb color hex could be obtained by blending #3ebaff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 36
- B 73
RGB color chart
- C 83
- M 50
- Y 0
- K 27
CMYK color chart

● #1f5dbb color description : Strong blue.

The hexadecimal color #1f5dbb has RGB values of R:31, G:93, B:187 and CMYK values of C:0.83, M:0.5, Y:0, K:0.27. Its decimal value is 2055611.

Hex triplet	1f5dbb	`#1f5dbb`
RGB Decimal	31, 93, 187	`rgb(31,93,187)`
RGB Percent	12.2, 36.5, 73.3	`rgb(12.2%,36.5%,73.3%)`
CMYK	83, 50, 0, 27
HSL	216.2°, 71.6, 42.7	`hsl(216.2,71.6%,42.7%)`
HSV (or HSB)	216.2°, 83.4, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.746, 15.939, -54.968
XYZ	13.447, 11.707, 48.562
xyY	0.182, 0.159, 11.707
CIE-LCH	40.746, 57.233, 286.171
CIE-LUV	40.746, -19.678, -81.35
Hunter-Lab	34.215, 10.277, -60.2
Binary	00011111, 01011101, 10111011

#1f5dbb
```
#1f5dbb rgb(31,93,187)
```
#bb7d1f
```
#bb7d1f rgb(187,125,31)
```

Complementary Color

#1fabbb
```
#1fabbb rgb(31,171,187)
```
#1f5dbb
```
#1f5dbb rgb(31,93,187)
```
#2f1fbb
```
#2f1fbb rgb(47,31,187)
```

Analogous Color

#abbb1f
```
#abbb1f rgb(171,187,31)
```
#1f5dbb
```
#1f5dbb rgb(31,93,187)
```
#bb2f1f
```
#bb2f1f rgb(187,47,31)
```

Split Complementary Color

#5dbb1f
```
#5dbb1f rgb(93,187,31)
```
#1f5dbb
```
#1f5dbb rgb(31,93,187)
```
#bb1f5d
```
#bb1f5d rgb(187,31,93)
```

Triadic Color

#1fbb7d
```
#1fbb7d rgb(31,187,125)
```
#1f5dbb
```
#1f5dbb rgb(31,93,187)
```
#bb1f5d
```
#bb1f5d rgb(187,31,93)
```
#bb7d1f
```
#bb7d1f rgb(187,125,31)
```

Tetradic Color

#143c79
```
#143c79 rgb(20,60,121)
```
#18478f
```
#18478f rgb(24,71,143)
```
#1b52a5
```
#1b52a5 rgb(27,82,165)
```
#1f5dbb
```
#1f5dbb rgb(31,93,187)
```
#2368d1
```
#2368d1 rgb(35,104,209)
```
#3075dd
```
#3075dd rgb(48,117,221)
```
#4683e0
```
#4683e0 rgb(70,131,224)
```

Monochromatic Color

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

#1f84bb
```
#1f84bb rgb(31,132,187)
```
#1f77bb
```
#1f77bb rgb(31,119,187)
```
#1f6abb
```
#1f6abb rgb(31,106,187)
```
#1f5dbb
```
#1f5dbb rgb(31,93,187)
```
#1f50bb
```
#1f50bb rgb(31,80,187)
```
#1f43bb
```
#1f43bb rgb(31,67,187)
```
#1f36bb
```
#1f36bb rgb(31,54,187)
```

Similar Colors

Text with hexadecimal color #1f5dbb

This text has a font color of #1f5dbb.

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

#1f5dbb background color

This paragraph has a background color of #1f5dbb.

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

#1f5dbb border color

This element has a border color of #1f5dbb.

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

CSS codes

.text {color:#1f5dbb;}

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

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

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, #000102 is the darkest color, while #f0f5fd is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#030913
```
#030913 rgb(3,9,19)
```
#061224
```
#061224 rgb(6,18,36)
```
#091a34
```
#091a34 rgb(9,26,52)
```
#0b2245
```
#0b2245 rgb(11,34,69)
```
#0e2b56
```
#0e2b56 rgb(14,43,86)
```
#113367
```
#113367 rgb(17,51,103)
```
#143c78
```
#143c78 rgb(20,60,120)
```
#174489
```
#174489 rgb(23,68,137)
```
#194c99
```
#194c99 rgb(25,76,153)
```
#1c55aa
```
#1c55aa rgb(28,85,170)
```
#1f5dbb
```
#1f5dbb rgb(31,93,187)
```
#2265cc
```
#2265cc rgb(34,101,204)
```

Shade Color Variation

#266edb
```
#266edb rgb(38,110,219)
```
#3779de
```
#3779de rgb(55,121,222)
```
#4885e1
```
#4885e1 rgb(72,133,225)
```
#5990e3
```
#5990e3 rgb(89,144,227)
```
#699be6
```
#699be6 rgb(105,155,230)
```
#7aa6e9
```
#7aa6e9 rgb(122,166,233)
```
#8bb2ec
```
#8bb2ec rgb(139,178,236)
```
#9cbdef
```
#9cbdef rgb(156,189,239)
```
#adc8f1
```
#adc8f1 rgb(173,200,241)
```
#bed3f4
```
#bed3f4 rgb(190,211,244)
```
#cedff7
```
#cedff7 rgb(206,223,247)
```
#dfeafa
```
#dfeafa rgb(223,234,250)
```
#f0f5fd
```
#f0f5fd rgb(240,245,253)
```

Tint Color Variation

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

#6a6c70
```
#6a6c70 rgb(106,108,112)
```
#626b78
```
#626b78 rgb(98,107,120)
```
#5a6980
```
#5a6980 rgb(90,105,128)
```
#516789
```
#516789 rgb(81,103,137)
```
#496691
```
#496691 rgb(73,102,145)
```
#416499
```
#416499 rgb(65,100,153)
```
#3862a2
```
#3862a2 rgb(56,98,162)
```
#3060aa
```
#3060aa rgb(48,96,170)
```
#275fb3
```
#275fb3 rgb(39,95,179)
```
#1f5dbb
```
#1f5dbb rgb(31,93,187)
```
#175bc3
```
#175bc3 rgb(23,91,195)
```
#0e5acc
```
#0e5acc rgb(14,90,204)
```
#0658d4
```
#0658d4 rgb(6,88,212)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4a5769 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b65be Protanopia 1% of men
#006aae Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#2762bd Protanomaly 1% of men, 0.01% of women
#0b65b3 Deuteranomaly 6% of men, 0.4% of women
#0b6a91 Tritanomaly 0.01% of the population

#1f5dbb hex color

#1f5dbb Color Information

#1f5dbb Color Conversion

Color Schemes with #1f5dbb

Alternatives to #1f5dbb

#1f5dbb Preview

Shades and Tints of #1f5dbb

Tones of #1f5dbb

Color Blindness Simulator