#1f68c2 hex color

In a RGB color space, hex #1f68c2 is composed of 12.2% red, 40.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 46.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 213.1 degrees, a saturation of 72.4% and a lightness of 44.1%. #1f68c2 color hex could be obtained by blending #3ed0ff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 41
- B 76
RGB color chart
- C 84
- M 46
- Y 0
- K 24
CMYK color chart

● #1f68c2 color description : Strong blue.

The hexadecimal color #1f68c2 has RGB values of R:31, G:104, B:194 and CMYK values of C:0.84, M:0.46, Y:0, K:0.24. Its decimal value is 2058434.

Hex triplet	1f68c2	`#1f68c2`
RGB Decimal	31, 104, 194	`rgb(31,104,194)`
RGB Percent	12.2, 40.8, 76.1	`rgb(12.2%,40.8%,76.1%)`
CMYK	84, 46, 0, 24
HSL	213.1°, 72.4, 44.1	`hsl(213.1,72.4%,44.1%)`
HSV (or HSB)	213.1°, 84, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.356, 11.546, -53.217
XYZ	15.251, 14.086, 52.951
xyY	0.185, 0.171, 14.086
CIE-LCH	44.356, 54.455, 282.241
CIE-LUV	44.356, -22.805, -80.377
Hunter-Lab	37.531, 6.855, -57.378
Binary	00011111, 01101000, 11000010

#1f68c2
```
#1f68c2 rgb(31,104,194)
```
#c2791f
```
#c2791f rgb(194,121,31)
```

Complementary Color

#1fbac2
```
#1fbac2 rgb(31,186,194)
```
#1f68c2
```
#1f68c2 rgb(31,104,194)
```
#271fc2
```
#271fc2 rgb(39,31,194)
```

Analogous Color

#bac21f
```
#bac21f rgb(186,194,31)
```
#1f68c2
```
#1f68c2 rgb(31,104,194)
```
#c2271f
```
#c2271f rgb(194,39,31)
```

Split Complementary Color

#68c21f
```
#68c21f rgb(104,194,31)
```
#1f68c2
```
#1f68c2 rgb(31,104,194)
```
#c21f68
```
#c21f68 rgb(194,31,104)
```

Triadic Color

#1fc279
```
#1fc279 rgb(31,194,121)
```
#1f68c2
```
#1f68c2 rgb(31,104,194)
```
#c21f68
```
#c21f68 rgb(194,31,104)
```
#c2791f
```
#c2791f rgb(194,121,31)
```

Tetradic Color

#144580
```
#144580 rgb(20,69,128)
```
#185096
```
#185096 rgb(24,80,150)
```
#1b5cac
```
#1b5cac rgb(27,92,172)
```
#1f68c2
```
#1f68c2 rgb(31,104,194)
```
#2374d8
```
#2374d8 rgb(35,116,216)
```
#3581df
```
#3581df rgb(53,129,223)
```
#4b8fe2
```
#4b8fe2 rgb(75,143,226)
```

Monochromatic Color

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

#1f91c2
```
#1f91c2 rgb(31,145,194)
```
#1f83c2
```
#1f83c2 rgb(31,131,194)
```
#1f76c2
```
#1f76c2 rgb(31,118,194)
```
#1f68c2
```
#1f68c2 rgb(31,104,194)
```
#1f5ac2
```
#1f5ac2 rgb(31,90,194)
```
#1f4dc2
```
#1f4dc2 rgb(31,77,194)
```
#1f3fc2
```
#1f3fc2 rgb(31,63,194)
```

Similar Colors

Text with hexadecimal color #1f68c2

This text has a font color of #1f68c2.

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

#1f68c2 background color

This paragraph has a background color of #1f68c2.

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

#1f68c2 border color

This element has a border color of #1f68c2.

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

CSS codes

.text {color:#1f68c2;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#040d19
```
#040d19 rgb(4,13,25)
```
#07162a
```
#07162a rgb(7,22,42)
```
#091f3b
```
#091f3b rgb(9,31,59)
```
#0c294c
```
#0c294c rgb(12,41,76)
```
#0f325d
```
#0f325d rgb(15,50,93)
```
#113b6d
```
#113b6d rgb(17,59,109)
```
#14447e
```
#14447e rgb(20,68,126)
```
#174d8f
```
#174d8f rgb(23,77,143)
```
#1a56a0
```
#1a56a0 rgb(26,86,160)
```
#1c5fb1
```
#1c5fb1 rgb(28,95,177)
```
#1f68c2
```
#1f68c2 rgb(31,104,194)
```
#2271d3
```
#2271d3 rgb(34,113,211)
```

Shade Color Variation

#2b7bdd
```
#2b7bdd rgb(43,123,221)
```
#3c85e0
```
#3c85e0 rgb(60,133,224)
```
#4d90e3
```
#4d90e3 rgb(77,144,227)
```
#5e9ae5
```
#5e9ae5 rgb(94,154,229)
```
#6fa5e8
```
#6fa5e8 rgb(111,165,232)
```
#80b0eb
```
#80b0eb rgb(128,176,235)
```
#91baed
```
#91baed rgb(145,186,237)
```
#a1c5f0
```
#a1c5f0 rgb(161,197,240)
```
#b2cff3
```
#b2cff3 rgb(178,207,243)
```
#c3daf5
```
#c3daf5 rgb(195,218,245)
```
#d4e4f8
```
#d4e4f8 rgb(212,228,248)
```
#e5effb
```
#e5effb rgb(229,239,251)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#6d7074
```
#6d7074 rgb(109,112,116)
```
#646f7d
```
#646f7d rgb(100,111,125)
```
#5c6e85
```
#5c6e85 rgb(92,110,133)
```
#536d8e
```
#536d8e rgb(83,109,142)
```
#4a6d97
```
#4a6d97 rgb(74,109,151)
```
#426c9f
```
#426c9f rgb(66,108,159)
```
#396ba8
```
#396ba8 rgb(57,107,168)
```
#306ab1
```
#306ab1 rgb(48,106,177)
```
#2869b9
```
#2869b9 rgb(40,105,185)
```
#1f68c2
```
#1f68c2 rgb(31,104,194)
```
#1667cb
```
#1667cb rgb(22,103,203)
```
#0e66d3
```
#0e66d3 rgb(14,102,211)
```
#0565dc
```
#0565dc rgb(5,101,220)
```

Tone Color Variation

Below, you can see how #1f68c2 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
#505e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#406dc3 Protanopia 1% of men
#0072be Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#346bc2 Protanomaly 1% of men, 0.01% of women
#0b6ebf Deuteranomaly 6% of men, 0.4% of women
#0b749a Tritanomaly 0.01% of the population

#1f68c2 hex color

#1f68c2 Color Information

#1f68c2 Color Conversion

Color Schemes with #1f68c2

Alternatives to #1f68c2

#1f68c2 Preview

Shades and Tints of #1f68c2

Tones of #1f68c2

Color Blindness Simulator