#1b36f2 hex color

In a RGB color space, hex #1b36f2 is composed of 10.6% red, 21.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 77.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 232.5 degrees, a saturation of 89.2% and a lightness of 52.7%. #1b36f2 color hex could be obtained by blending #366cff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 11
- G 21
- B 95
RGB color chart
- C 89
- M 78
- Y 0
- K 5
CMYK color chart

● #1b36f2 color description : Vivid blue.

The hexadecimal color #1b36f2 has RGB values of R:27, G:54, B:242 and CMYK values of C:0.89, M:0.78, Y:0, K:0.05. Its decimal value is 1783538.

Hex triplet	1b36f2	`#1b36f2`
RGB Decimal	27, 54, 242	`rgb(27,54,242)`
RGB Percent	10.6, 21.2, 94.9	`rgb(10.6%,21.2%,94.9%)`
CMYK	89, 78, 0, 5
HSL	232.5°, 89.2, 52.7	`hsl(232.5,89.2%,52.7%)`
HSV (or HSB)	232.5°, 88.8, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.519, 59.661, -93.498
XYZ	17.795, 9.281, 84.853
xyY	0.159, 0.083, 9.281
CIE-LCH	36.519, 110.911, 302.542
CIE-LUV	36.519, -11.817, -125.993
Hunter-Lab	30.464, 50.953, -143.817
Binary	00011011, 00110110, 11110010

#1b36f2
```
#1b36f2 rgb(27,54,242)
```
#f2d71b
```
#f2d71b rgb(242,215,27)
```

Complementary Color

#1ba2f2
```
#1ba2f2 rgb(27,162,242)
```
#1b36f2
```
#1b36f2 rgb(27,54,242)
```
#6c1bf2
```
#6c1bf2 rgb(108,27,242)
```

Analogous Color

#a2f21b
```
#a2f21b rgb(162,242,27)
```
#1b36f2
```
#1b36f2 rgb(27,54,242)
```
#f26c1b
```
#f26c1b rgb(242,108,27)
```

Split Complementary Color

#36f21b
```
#36f21b rgb(54,242,27)
```
#1b36f2
```
#1b36f2 rgb(27,54,242)
```
#f21b36
```
#f21b36 rgb(242,27,54)
```

Triadic Color

#1bf2d7
```
#1bf2d7 rgb(27,242,215)
```
#1b36f2
```
#1b36f2 rgb(27,54,242)
```
#f21b36
```
#f21b36 rgb(242,27,54)
```
#f2d71b
```
#f2d71b rgb(242,215,27)
```

Tetradic Color

#0a20b6
```
#0a20b6 rgb(10,32,182)
```
#0c24ce
```
#0c24ce rgb(12,36,206)
```
#0d28e6
```
#0d28e6 rgb(13,40,230)
```
#1b36f2
```
#1b36f2 rgb(27,54,242)
```
#334bf3
```
#334bf3 rgb(51,75,243)
```
#4b61f5
```
#4b61f5 rgb(75,97,245)
```
#6376f6
```
#6376f6 rgb(99,118,246)
```

Monochromatic Color

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

#1b6cf2
```
#1b6cf2 rgb(27,108,242)
```
#1b5af2
```
#1b5af2 rgb(27,90,242)
```
#1b48f2
```
#1b48f2 rgb(27,72,242)
```
#1b36f2
```
#1b36f2 rgb(27,54,242)
```
#1b24f2
```
#1b24f2 rgb(27,36,242)
```
#241bf2
```
#241bf2 rgb(36,27,242)
```
#361bf2
```
#361bf2 rgb(54,27,242)
```

Similar Colors

Text with hexadecimal color #1b36f2

This text has a font color of #1b36f2.

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

#1b36f2 background color

This paragraph has a background color of #1b36f2.

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

#1b36f2 border color

This element has a border color of #1b36f2.

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

CSS codes

.text {color:#1b36f2;}

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

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

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, #01020d is the darkest color, while #fafaff is the lightest one.

#01020d
```
#01020d rgb(1,2,13)
```
#020620
```
#020620 rgb(2,6,32)
```
#030932
```
#030932 rgb(3,9,50)
```
#040c45
```
#040c45 rgb(4,12,69)
```
#050f57
```
#050f57 rgb(5,15,87)
```
#06136a
```
#06136a rgb(6,19,106)
```
#07167d
```
#07167d rgb(7,22,125)
```
#08198f
```
#08198f rgb(8,25,143)
```
#091ca2
```
#091ca2 rgb(9,28,162)
```
#0a20b4
```
#0a20b4 rgb(10,32,180)
```
#0b23c7
```
#0b23c7 rgb(11,35,199)
```
#0c26d9
```
#0c26d9 rgb(12,38,217)
```
#0d29ec
```
#0d29ec rgb(13,41,236)
```

Shade Color Variation

#1b36f2
```
#1b36f2 rgb(27,54,242)
```
#2e46f3
```
#2e46f3 rgb(46,70,243)
```
#4057f4
```
#4057f4 rgb(64,87,244)
```
#5367f5
```
#5367f5 rgb(83,103,245)
```
#6577f6
```
#6577f6 rgb(101,119,246)
```
#7888f7
```
#7888f7 rgb(120,136,247)
```
#8a98f8
```
#8a98f8 rgb(138,152,248)
```
#9da9f9
```
#9da9f9 rgb(157,169,249)
```
#afb9fa
```
#afb9fa rgb(175,185,250)
```
#c2c9fc
```
#c2c9fc rgb(194,201,252)
```
#d5dafd
```
#d5dafd rgb(213,218,253)
```
#e7eafe
```
#e7eafe rgb(231,234,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81828c is the less saturated color, while #122ffb is the most saturated one.

#81828c
```
#81828c rgb(129,130,140)
```
#787b95
```
#787b95 rgb(120,123,149)
```
#6e749f
```
#6e749f rgb(110,116,159)
```
#656ea8
```
#656ea8 rgb(101,110,168)
```
#5c67b1
```
#5c67b1 rgb(92,103,177)
```
#5360ba
```
#5360ba rgb(83,96,186)
```
#4959c4
```
#4959c4 rgb(73,89,196)
```
#4052cd
```
#4052cd rgb(64,82,205)
```
#374bd6
```
#374bd6 rgb(55,75,214)
```
#2e44df
```
#2e44df rgb(46,68,223)
```
#243de9
```
#243de9 rgb(36,61,233)
```
#1b36f2
```
#1b36f2 rgb(27,54,242)
```
#122ffb
```
#122ffb rgb(18,47,251)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3b4066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#094ec9 Protanomaly 1% of men, 0.01% of women
#0951ba Deuteranomaly 6% of men, 0.4% of women
#09559d Tritanomaly 0.01% of the population

#1b36f2 hex color

#1b36f2 Color Information

#1b36f2 Color Conversion

Color Schemes with #1b36f2

Alternatives to #1b36f2

#1b36f2 Preview

Shades and Tints of #1b36f2

Tones of #1b36f2

Color Blindness Simulator