colorhexa.com

#1f46bd hex color

In a RGB color space, hex #1f46bd is composed of 12.2% red, 27.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 63% magenta, 0% yellow and 25.9% black. It has a hue angle of 225.2 degrees, a saturation of 71.8% and a lightness of 43.1%. #1f46bd color hex could be obtained by blending #3e8cff with #00007b. Closest websafe color is: #3333cc.

- R 12
- G 27
- B 74
RGB color chart
- C 84
- M 63
- Y 0
- K 26
CMYK color chart

● #1f46bd color description : Strong blue.

The hexadecimal color #1f46bd has RGB values of R:31, G:70, B:189 and CMYK values of C:0.84, M:0.63, Y:0, K:0.26. Its decimal value is 2049725.

Hex triplet	1f46bd	`#1f46bd`
RGB Decimal	31, 70, 189	`rgb(31,70,189)`
RGB Percent	12.2, 27.5, 74.1	`rgb(12.2%,27.5%,74.1%)`
CMYK	84, 63, 0, 26
HSL	225.2°, 71.8, 43.1	`hsl(225.2,71.8%,43.1%)`
HSV (or HSB)	225.2°, 83.6, 74.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.691, 31.909, -65.994
XYZ	11.939, 8.345, 49.123
xyY	0.172, 0.12, 8.345
CIE-LCH	34.691, 73.304, 295.804
CIE-LUV	34.691, -13.518, -92.151
Hunter-Lab	28.887, 23.218, -80.601
Binary	00011111, 01000110, 10111101

#1f46bd
```
#1f46bd rgb(31,70,189)
```
#bd961f
```
#bd961f rgb(189,150,31)
```

Complementary Color

#1f95bd
```
#1f95bd rgb(31,149,189)
```
#1f46bd
```
#1f46bd rgb(31,70,189)
```
#471fbd
```
#471fbd rgb(71,31,189)
```

Analogous Color

#95bd1f
```
#95bd1f rgb(149,189,31)
```
#1f46bd
```
#1f46bd rgb(31,70,189)
```
#bd471f
```
#bd471f rgb(189,71,31)
```

Split Complementary Color

#46bd1f
```
#46bd1f rgb(70,189,31)
```
#1f46bd
```
#1f46bd rgb(31,70,189)
```
#bd1f46
```
#bd1f46 rgb(189,31,70)
```

Triadic Color

#1fbd96
```
#1fbd96 rgb(31,189,150)
```
#1f46bd
```
#1f46bd rgb(31,70,189)
```
#bd1f46
```
#bd1f46 rgb(189,31,70)
```
#bd961f
```
#bd961f rgb(189,150,31)
```

Tetradic Color

#142e7b
```
#142e7b rgb(20,46,123)
```
#183691
```
#183691 rgb(24,54,145)
```
#1b3ea7
```
#1b3ea7 rgb(27,62,167)
```
#1f46bd
```
#1f46bd rgb(31,70,189)
```
#234ed3
```
#234ed3 rgb(35,78,211)
```
#325cdd
```
#325cdd rgb(50,92,221)
```
#486de1
```
#486de1 rgb(72,109,225)
```

Monochromatic Color

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

#1f6ebd
```
#1f6ebd rgb(31,110,189)
```
#1f60bd
```
#1f60bd rgb(31,96,189)
```
#1f53bd
```
#1f53bd rgb(31,83,189)
```
#1f46bd
```
#1f46bd rgb(31,70,189)
```
#1f39bd
```
#1f39bd rgb(31,57,189)
```
#1f2cbd
```
#1f2cbd rgb(31,44,189)
```
#1f1fbd
```
#1f1fbd rgb(31,31,189)
```

Similar Colors

Text with hexadecimal color #1f46bd

This text has a font color of #1f46bd.

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

#1f46bd background color

This paragraph has a background color of #1f46bd.

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

#1f46bd border color

This element has a border color of #1f46bd.

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

CSS codes

.text {color:#1f46bd;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030814
```
#030814 rgb(3,8,20)
```
#060e25
```
#060e25 rgb(6,14,37)
```
#091436
```
#091436 rgb(9,20,54)
```
#0c1a47
```
#0c1a47 rgb(12,26,71)
```
#0e2158
```
#0e2158 rgb(14,33,88)
```
#112769
```
#112769 rgb(17,39,105)
```
#142d7a
```
#142d7a rgb(20,45,122)
```
#17338a
```
#17338a rgb(23,51,138)
```
#193a9b
```
#193a9b rgb(25,58,155)
```
#1c40ac
```
#1c40ac rgb(28,64,172)
```
#1f46bd
```
#1f46bd rgb(31,70,189)
```
#224cce
```
#224cce rgb(34,76,206)
```

Shade Color Variation

#2854dc
```
#2854dc rgb(40,84,220)
```
#3861de
```
#3861de rgb(56,97,222)
```
#496fe1
```
#496fe1 rgb(73,111,225)
```
#5a7ce4
```
#5a7ce4 rgb(90,124,228)
```
#6b8ae7
```
#6b8ae7 rgb(107,138,231)
```
#7c97e9
```
#7c97e9 rgb(124,151,233)
```
#8da4ec
```
#8da4ec rgb(141,164,236)
```
#9eb2ef
```
#9eb2ef rgb(158,178,239)
```
#aebff2
```
#aebff2 rgb(174,191,242)
```
#bfccf5
```
#bfccf5 rgb(191,204,245)
```
#d0daf7
```
#d0daf7 rgb(208,218,247)
```
#e1e7fa
```
#e1e7fa rgb(225,231,250)
```
#f2f5fd
```
#f2f5fd rgb(242,245,253)
```

Tint Color Variation

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

#6b6d71
```
#6b6d71 rgb(107,109,113)
```
#636879
```
#636879 rgb(99,104,121)
```
#5a6482
```
#5a6482 rgb(90,100,130)
```
#52608a
```
#52608a rgb(82,96,138)
```
#495b93
```
#495b93 rgb(73,91,147)
```
#41579b
```
#41579b rgb(65,87,155)
```
#3853a4
```
#3853a4 rgb(56,83,164)
```
#304fac
```
#304fac rgb(48,79,172)
```
#274ab5
```
#274ab5 rgb(39,74,181)
```
#1f46bd
```
#1f46bd rgb(31,70,189)
```
#1742c5
```
#1742c5 rgb(23,66,197)
```
#0e3dce
```
#0e3dce rgb(14,61,206)
```
#0639d6
```
#0639d6 rgb(6,57,214)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#40485f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057ab Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0b51b1 Protanomaly 1% of men, 0.01% of women
#0b54a3 Deuteranomaly 6% of men, 0.4% of women
#0b5887 Tritanomaly 0.01% of the population