colorhexa.com

#1f69ba hex color

In a RGB color space, hex #1f69ba is composed of 12.2% red, 41.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 43.5% magenta, 0% yellow and 27.1% black. It has a hue angle of 211.4 degrees, a saturation of 71.4% and a lightness of 42.5%. #1f69ba color hex could be obtained by blending #3ed2ff with #000075. Closest websafe color is: #3366cc.

- R 12
- G 41
- B 73
RGB color chart
- C 83
- M 44
- Y 0
- K 27
CMYK color chart

● #1f69ba color description : Strong blue.

The hexadecimal color #1f69ba has RGB values of R:31, G:105, B:186 and CMYK values of C:0.83, M:0.44, Y:0, K:0.27. Its decimal value is 2058682.

Hex triplet	1f69ba	`#1f69ba`
RGB Decimal	31, 105, 186	`rgb(31,105,186)`
RGB Percent	12.2, 41.2, 72.9	`rgb(12.2%,41.2%,72.9%)`
CMYK	83, 44, 0, 27
HSL	211.4°, 71.4, 42.5	`hsl(211.4,71.4%,42.5%)`
HSV (or HSB)	211.4°, 83.3, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.144, 7.784, -48.917
XYZ	14.478, 13.938, 48.379
xyY	0.189, 0.182, 13.938
CIE-LCH	44.144, 49.533, 279.041
CIE-LUV	44.144, -23.397, -73.508
Hunter-Lab	37.334, 3.884, -50.696
Binary	00011111, 01101001, 10111010

#1f69ba
```
#1f69ba rgb(31,105,186)
```
#ba701f
```
#ba701f rgb(186,112,31)
```

Complementary Color

#1fb7ba
```
#1fb7ba rgb(31,183,186)
```
#1f69ba
```
#1f69ba rgb(31,105,186)
```
#231fba
```
#231fba rgb(35,31,186)
```

Analogous Color

#b7ba1f
```
#b7ba1f rgb(183,186,31)
```
#1f69ba
```
#1f69ba rgb(31,105,186)
```
#ba231f
```
#ba231f rgb(186,35,31)
```

Split Complementary Color

#69ba1f
```
#69ba1f rgb(105,186,31)
```
#1f69ba
```
#1f69ba rgb(31,105,186)
```
#ba1f69
```
#ba1f69 rgb(186,31,105)
```

Triadic Color

#1fba70
```
#1fba70 rgb(31,186,112)
```
#1f69ba
```
#1f69ba rgb(31,105,186)
```
#ba1f69
```
#ba1f69 rgb(186,31,105)
```
#ba701f
```
#ba701f rgb(186,112,31)
```

Tetradic Color

#144478
```
#144478 rgb(20,68,120)
```
#18508e
```
#18508e rgb(24,80,142)
```
#1b5da4
```
#1b5da4 rgb(27,93,164)
```
#1f69ba
```
#1f69ba rgb(31,105,186)
```
#2375d0
```
#2375d0 rgb(35,117,208)
```
#3082dc
```
#3082dc rgb(48,130,220)
```
#458fe0
```
#458fe0 rgb(69,143,224)
```

Monochromatic Color

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

#1f90ba
```
#1f90ba rgb(31,144,186)
```
#1f83ba
```
#1f83ba rgb(31,131,186)
```
#1f76ba
```
#1f76ba rgb(31,118,186)
```
#1f69ba
```
#1f69ba rgb(31,105,186)
```
#1f5cba
```
#1f5cba rgb(31,92,186)
```
#1f4fba
```
#1f4fba rgb(31,79,186)
```
#1f42ba
```
#1f42ba rgb(31,66,186)
```

Similar Colors

Text with hexadecimal color #1f69ba

This text has a font color of #1f69ba.

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

#1f69ba background color

This paragraph has a background color of #1f69ba.

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

#1f69ba border color

This element has a border color of #1f69ba.

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

CSS codes

.text {color:#1f69ba;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030a12
```
#030a12 rgb(3,10,18)
```
#061423
```
#061423 rgb(6,20,35)
```
#091d33
```
#091d33 rgb(9,29,51)
```
#0b2744
```
#0b2744 rgb(11,39,68)
```
#0e3055
```
#0e3055 rgb(14,48,85)
```
#113a66
```
#113a66 rgb(17,58,102)
```
#144377
```
#144377 rgb(20,67,119)
```
#174d88
```
#174d88 rgb(23,77,136)
```
#195698
```
#195698 rgb(25,86,152)
```
#1c60a9
```
#1c60a9 rgb(28,96,169)
```
#1f69ba
```
#1f69ba rgb(31,105,186)
```
#2272cb
```
#2272cb rgb(34,114,203)
```

Shade Color Variation

#257cdb
```
#257cdb rgb(37,124,219)
```
#3686de
```
#3686de rgb(54,134,222)
```
#4790e0
```
#4790e0 rgb(71,144,224)
```
#589ae3
```
#589ae3 rgb(88,154,227)
```
#69a5e6
```
#69a5e6 rgb(105,165,230)
```
#7aafe9
```
#7aafe9 rgb(122,175,233)
```
#8ab9ec
```
#8ab9ec rgb(138,185,236)
```
#9bc3ee
```
#9bc3ee rgb(155,195,238)
```
#accdf1
```
#accdf1 rgb(172,205,241)
```
#bdd7f4
```
#bdd7f4 rgb(189,215,244)
```
#cee1f7
```
#cee1f7 rgb(206,225,247)
```
#deebfa
```
#deebfa rgb(222,235,250)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```

Tint Color Variation

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

#6a6c6f
```
#6a6c6f rgb(106,108,111)
```
#626c77
```
#626c77 rgb(98,108,119)
```
#596c80
```
#596c80 rgb(89,108,128)
```
#516b88
```
#516b88 rgb(81,107,136)
```
#496b90
```
#496b90 rgb(73,107,144)
```
#406b99
```
#406b99 rgb(64,107,153)
```
#386aa1
```
#386aa1 rgb(56,106,161)
```
#306aa9
```
#306aa9 rgb(48,106,169)
```
#2769b2
```
#2769b2 rgb(39,105,178)
```
#1f69ba
```
#1f69ba rgb(31,105,186)
```
#1769c2
```
#1769c2 rgb(23,105,194)
```
#0e68cb
```
#0e68cb rgb(14,104,203)
```
#0668d3
```
#0668d3 rgb(6,104,211)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#505f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#496dba Protanopia 1% of men
#1871bd Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#396bba Protanomaly 1% of men, 0.01% of women
#1b6ebb Deuteranomaly 6% of men, 0.4% of women
#0b7496 Tritanomaly 0.01% of the population