#1b68f2 hex color

In a RGB color space, hex #1b68f2 is composed of 10.6% red, 40.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 57% magenta, 0% yellow and 5.1% black. It has a hue angle of 218.5 degrees, a saturation of 89.2% and a lightness of 52.7%. #1b68f2 color hex could be obtained by blending #36d0ff with #0000e5. Closest websafe color is: #3366ff.

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

● #1b68f2 color description : Vivid blue.

The hexadecimal color #1b68f2 has RGB values of R:27, G:104, B:242 and CMYK values of C:0.89, M:0.57, Y:0, K:0.05. Its decimal value is 1796338.

Hex triplet	1b68f2	`#1b68f2`
RGB Decimal	27, 104, 242	`rgb(27,104,242)`
RGB Percent	10.6, 40.8, 94.9	`rgb(10.6%,40.8%,94.9%)`
CMYK	89, 57, 0, 5
HSL	218.5°, 89.2, 52.7	`hsl(218.5,89.2%,52.7%)`
HSV (or HSB)	218.5°, 88.8, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.679, 29.825, -75.129
XYZ	21.426, 16.543, 86.063
xyY	0.173, 0.133, 16.543
CIE-LCH	47.679, 80.832, 291.652
CIE-LUV	47.679, -21.971, -115.428
Hunter-Lab	40.673, 22.854, -96.987
Binary	00011011, 01101000, 11110010

#1b68f2
```
#1b68f2 rgb(27,104,242)
```
#f2a51b
```
#f2a51b rgb(242,165,27)
```

Complementary Color

#1bd4f2
```
#1bd4f2 rgb(27,212,242)
```
#1b68f2
```
#1b68f2 rgb(27,104,242)
```
#3a1bf2
```
#3a1bf2 rgb(58,27,242)
```

Analogous Color

#d4f21b
```
#d4f21b rgb(212,242,27)
```
#1b68f2
```
#1b68f2 rgb(27,104,242)
```
#f2391b
```
#f2391b rgb(242,57,27)
```

Split Complementary Color

#68f21b
```
#68f21b rgb(104,242,27)
```
#1b68f2
```
#1b68f2 rgb(27,104,242)
```
#f21b68
```
#f21b68 rgb(242,27,104)
```

Triadic Color

#1bf2a5
```
#1bf2a5 rgb(27,242,165)
```
#1b68f2
```
#1b68f2 rgb(27,104,242)
```
#f21b68
```
#f21b68 rgb(242,27,104)
```
#f2a51b
```
#f2a51b rgb(242,165,27)
```

Tetradic Color

#0a48b6
```
#0a48b6 rgb(10,72,182)
```
#0c51ce
```
#0c51ce rgb(12,81,206)
```
#0d5be6
```
#0d5be6 rgb(13,91,230)
```
#1b68f2
```
#1b68f2 rgb(27,104,242)
```
#3378f3
```
#3378f3 rgb(51,120,243)
```
#4b88f5
```
#4b88f5 rgb(75,136,245)
```
#6398f6
```
#6398f6 rgb(99,152,246)
```

Monochromatic Color

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

#1b9ef2
```
#1b9ef2 rgb(27,158,242)
```
#1b8cf2
```
#1b8cf2 rgb(27,140,242)
```
#1b7af2
```
#1b7af2 rgb(27,122,242)
```
#1b68f2
```
#1b68f2 rgb(27,104,242)
```
#1b56f2
```
#1b56f2 rgb(27,86,242)
```
#1b44f2
```
#1b44f2 rgb(27,68,242)
```
#1b32f2
```
#1b32f2 rgb(27,50,242)
```

Similar Colors

Text with hexadecimal color #1b68f2

This text has a font color of #1b68f2.

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

#1b68f2 background color

This paragraph has a background color of #1b68f2.

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

#1b68f2 border color

This element has a border color of #1b68f2.

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

CSS codes

.text {color:#1b68f2;}

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

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

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

#01050d
```
#01050d rgb(1,5,13)
```
#020d20
```
#020d20 rgb(2,13,32)
```
#031432
```
#031432 rgb(3,20,50)
```
#041b45
```
#041b45 rgb(4,27,69)
```
#052357
```
#052357 rgb(5,35,87)
```
#062a6a
```
#062a6a rgb(6,42,106)
```
#07317d
```
#07317d rgb(7,49,125)
```
#08398f
```
#08398f rgb(8,57,143)
```
#0940a2
```
#0940a2 rgb(9,64,162)
```
#0a47b4
```
#0a47b4 rgb(10,71,180)
```
#0b4ec7
```
#0b4ec7 rgb(11,78,199)
```
#0c56d9
```
#0c56d9 rgb(12,86,217)
```
#0d5dec
```
#0d5dec rgb(13,93,236)
```

Shade Color Variation

#1b68f2
```
#1b68f2 rgb(27,104,242)
```
#2e74f3
```
#2e74f3 rgb(46,116,243)
```
#4081f4
```
#4081f4 rgb(64,129,244)
```
#538df5
```
#538df5 rgb(83,141,245)
```
#6599f6
```
#6599f6 rgb(101,153,246)
```
#78a5f7
```
#78a5f7 rgb(120,165,247)
```
#8ab2f8
```
#8ab2f8 rgb(138,178,248)
```
#9dbef9
```
#9dbef9 rgb(157,190,249)
```
#afcafa
```
#afcafa rgb(175,202,250)
```
#c2d7fc
```
#c2d7fc rgb(194,215,252)
```
#d5e3fd
```
#d5e3fd rgb(213,227,253)
```
#e7effe
```
#e7effe rgb(231,239,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#81858c
```
#81858c rgb(129,133,140)
```
#788295
```
#788295 rgb(120,130,149)
```
#6e809f
```
#6e809f rgb(110,128,159)
```
#657da8
```
#657da8 rgb(101,125,168)
```
#5c7ab1
```
#5c7ab1 rgb(92,122,177)
```
#5378ba
```
#5378ba rgb(83,120,186)
```
#4975c4
```
#4975c4 rgb(73,117,196)
```
#4073cd
```
#4073cd rgb(64,115,205)
```
#3770d6
```
#3770d6 rgb(55,112,214)
```
#2e6ddf
```
#2e6ddf rgb(46,109,223)
```
#246be9
```
#246be9 rgb(36,107,233)
```
#1b68f2
```
#1b68f2 rgb(27,104,242)
```
#1265fb
```
#1265fb rgb(18,101,251)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#53627e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0970e9 Protanomaly 1% of men, 0.01% of women
#0974d7 Deuteranomaly 6% of men, 0.4% of women
#097ab0 Tritanomaly 0.01% of the population

#1b68f2 hex color

#1b68f2 Color Information

#1b68f2 Color Conversion

Color Schemes with #1b68f2

Alternatives to #1b68f2

#1b68f2 Preview

Shades and Tints of #1b68f2

Tones of #1b68f2

Color Blindness Simulator