#1f2bff hex color

In a RGB color space, hex #1f2bff is composed of 12.2% red, 16.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 83.1% magenta, 0% yellow and 0% black. It has a hue angle of 236.8 degrees, a saturation of 100% and a lightness of 56.1%. #1f2bff color hex could be obtained by blending #3e56ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 17
- B 100
RGB color chart
- C 88
- M 83
- Y 0
- K 0
CMYK color chart

● #1f2bff color description : Vivid blue.

The hexadecimal color #1f2bff has RGB values of R:31, G:43, B:255 and CMYK values of C:0.88, M:0.83, Y:0, K:0. Its decimal value is 2042879.

Hex triplet	1f2bff	`#1f2bff`
RGB Decimal	31, 43, 255	`rgb(31,43,255)`
RGB Percent	12.2, 16.9, 100	`rgb(12.2%,16.9%,100%)`
CMYK	88, 83, 0, 0
HSL	236.8°, 100, 56.1	`hsl(236.8,100%,56.1%)`
HSV (or HSB)	236.8°, 87.8, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.438, 68.747, -100.941
XYZ	19.475, 9.238, 95.359
xyY	0.157, 0.074, 9.238
CIE-LCH	36.438, 122.128, 304.257
CIE-LUV	36.438, -10.626, -133.172
Hunter-Lab	30.393, 61.19, -164.746
Binary	00011111, 00101011, 11111111

#1f2bff
```
#1f2bff rgb(31,43,255)
```
#fff31f
```
#fff31f rgb(255,243,31)
```

Complementary Color

#1f9bff
```
#1f9bff rgb(31,155,255)
```
#1f2bff
```
#1f2bff rgb(31,43,255)
```
#831fff
```
#831fff rgb(131,31,255)
```

Analogous Color

#9bff1f
```
#9bff1f rgb(155,255,31)
```
#1f2bff
```
#1f2bff rgb(31,43,255)
```
#ff831f
```
#ff831f rgb(255,131,31)
```

Split Complementary Color

#2bff1f
```
#2bff1f rgb(43,255,31)
```
#1f2bff
```
#1f2bff rgb(31,43,255)
```
#ff1f2b
```
#ff1f2b rgb(255,31,43)
```

Triadic Color

#1ffff3
```
#1ffff3 rgb(31,255,243)
```
#1f2bff
```
#1f2bff rgb(31,43,255)
```
#ff1f2b
```
#ff1f2b rgb(255,31,43)
```
#fff31f
```
#fff31f rgb(255,243,31)
```

Tetradic Color

#000bd2
```
#000bd2 rgb(0,11,210)
```
#000deb
```
#000deb rgb(0,13,235)
```
#0513ff
```
#0513ff rgb(5,19,255)
```
#1f2bff
```
#1f2bff rgb(31,43,255)
```
#3943ff
```
#3943ff rgb(57,67,255)
```
#525bff
```
#525bff rgb(82,91,255)
```
#6c73ff
```
#6c73ff rgb(108,115,255)
```

Monochromatic Color

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

#1f63ff
```
#1f63ff rgb(31,99,255)
```
#1f50ff
```
#1f50ff rgb(31,80,255)
```
#1f3eff
```
#1f3eff rgb(31,62,255)
```
#1f2bff
```
#1f2bff rgb(31,43,255)
```
#261fff
```
#261fff rgb(38,31,255)
```
#381fff
```
#381fff rgb(56,31,255)
```
#4b1fff
```
#4b1fff rgb(75,31,255)
```

Similar Colors

Text with hexadecimal color #1f2bff

This text has a font color of #1f2bff.

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

#1f2bff background color

This paragraph has a background color of #1f2bff.

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

#1f2bff border color

This element has a border color of #1f2bff.

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

CSS codes

.text {color:#1f2bff;}

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

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

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, #00010b is the darkest color, while #f7f7ff is the lightest one.

#00010b
```
#00010b rgb(0,1,11)
```
#00021f
```
#00021f rgb(0,2,31)
```
#000333
```
#000333 rgb(0,3,51)
```
#000446
```
#000446 rgb(0,4,70)
```
#00055a
```
#00055a rgb(0,5,90)
```
#00066d
```
#00066d rgb(0,6,109)
```
#000781
```
#000781 rgb(0,7,129)
```
#000895
```
#000895 rgb(0,8,149)
```
#0009a8
```
#0009a8 rgb(0,9,168)
```
#000abc
```
#000abc rgb(0,10,188)
```
#000bd0
```
#000bd0 rgb(0,11,208)
```
#000ce3
```
#000ce3 rgb(0,12,227)
```
#000df7
```
#000df7 rgb(0,13,247)
```

Shade Color Variation

#0b18ff
```
#0b18ff rgb(11,24,255)
```
#1f2bff
```
#1f2bff rgb(31,43,255)
```
#333eff
```
#333eff rgb(51,62,255)
```
#4650ff
```
#4650ff rgb(70,80,255)
```
#5a63ff
```
#5a63ff rgb(90,99,255)
```
#6d75ff
```
#6d75ff rgb(109,117,255)
```
#8188ff
```
#8188ff rgb(129,136,255)
```
#959aff
```
#959aff rgb(149,154,255)
```
#a8adff
```
#a8adff rgb(168,173,255)
```
#bcc0ff
```
#bcc0ff rgb(188,192,255)
```
#d0d2ff
```
#d0d2ff rgb(208,210,255)
```
#e3e5ff
```
#e3e5ff rgb(227,229,255)
```
#f7f7ff
```
#f7f7ff rgb(247,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868798 is the less saturated color, while #1f2bff is the most saturated one.

#868798
```
#868798 rgb(134,135,152)
```
#7e80a0
```
#7e80a0 rgb(126,128,160)
```
#7578a9
```
#7578a9 rgb(117,120,169)
```
#6d70b1
```
#6d70b1 rgb(109,112,177)
```
#6469ba
```
#6469ba rgb(100,105,186)
```
#5b61c3
```
#5b61c3 rgb(91,97,195)
```
#5359cb
```
#5359cb rgb(83,89,203)
```
#4a51d4
```
#4a51d4 rgb(74,81,212)
```
#414add
```
#414add rgb(65,74,221)
```
#3942e5
```
#3942e5 rgb(57,66,229)
```
#303aee
```
#303aee rgb(48,58,238)
```
#2833f6
```
#2833f6 rgb(40,51,246)
```
#1f2bff
```
#1f2bff rgb(31,43,255)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#393c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#006199 Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#0b4ace Protanomaly 1% of men, 0.01% of women
#0b4dbe Deuteranomaly 6% of men, 0.4% of women
#0b51a1 Tritanomaly 0.01% of the population

#1f2bff hex color

#1f2bff Color Information

#1f2bff Color Conversion

Color Schemes with #1f2bff

Alternatives to #1f2bff

#1f2bff Preview

Shades and Tints of #1f2bff

Tones of #1f2bff

Color Blindness Simulator