#1f68a4 hex color

In a RGB color space, hex #1f68a4 is composed of 12.2% red, 40.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 36.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 207.1 degrees, a saturation of 68.2% and a lightness of 38.2%. #1f68a4 color hex could be obtained by blending #3ed0ff with #000049. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 41
- B 64
RGB color chart
- C 81
- M 37
- Y 0
- K 36
CMYK color chart

● #1f68a4 color description : Dark blue.

The hexadecimal color #1f68a4 has RGB values of R:31, G:104, B:164 and CMYK values of C:0.81, M:0.37, Y:0, K:0.36. Its decimal value is 2058404.

Hex triplet	1f68a4	`#1f68a4`
RGB Decimal	31, 104, 164	`rgb(31,104,164)`
RGB Percent	12.2, 40.8, 64.3	`rgb(12.2%,40.8%,64.3%)`
CMYK	81, 37, 0, 36
HSL	207.1°, 68.2, 38.2	`hsl(207.1,68.2%,38.2%)`
HSV (or HSB)	207.1°, 81.1, 64.3
Web Safe	336699	`#336699`

CIE-LAB	42.569, -0.131, -38.535
XYZ	12.215, 12.871, 36.961
xyY	0.197, 0.207, 12.871
CIE-LCH	42.569, 38.536, 269.805
CIE-LUV	42.569, -23.965, -56.414
Hunter-Lab	35.876, -2.011, -35.968
Binary	00011111, 01101000, 10100100

#1f68a4
```
#1f68a4 rgb(31,104,164)
```
#a45b1f
```
#a45b1f rgb(164,91,31)
```

Complementary Color

#1fa49e
```
#1fa49e rgb(31,164,158)
```
#1f68a4
```
#1f68a4 rgb(31,104,164)
```
#1f26a4
```
#1f26a4 rgb(31,38,164)
```

Analogous Color

#a49e1f
```
#a49e1f rgb(164,158,31)
```
#1f68a4
```
#1f68a4 rgb(31,104,164)
```
#a41f26
```
#a41f26 rgb(164,31,38)
```

Split Complementary Color

#68a41f
```
#68a41f rgb(104,164,31)
```
#1f68a4
```
#1f68a4 rgb(31,104,164)
```
#a41f68
```
#a41f68 rgb(164,31,104)
```

Triadic Color

#1fa45b
```
#1fa45b rgb(31,164,91)
```
#1f68a4
```
#1f68a4 rgb(31,104,164)
```
#a41f68
```
#a41f68 rgb(164,31,104)
```
#a45b1f
```
#a45b1f rgb(164,91,31)
```

Tetradic Color

#133f64
```
#133f64 rgb(19,63,100)
```
#174d79
```
#174d79 rgb(23,77,121)
```
#1b5a8f
```
#1b5a8f rgb(27,90,143)
```
#1f68a4
```
#1f68a4 rgb(31,104,164)
```
#2376b9
```
#2376b9 rgb(35,118,185)
```
#2783cf
```
#2783cf rgb(39,131,207)
```
#3690d9
```
#3690d9 rgb(54,144,217)
```

Monochromatic Color

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

#1f89a4
```
#1f89a4 rgb(31,137,164)
```
#1f7ea4
```
#1f7ea4 rgb(31,126,164)
```
#1f73a4
```
#1f73a4 rgb(31,115,164)
```
#1f68a4
```
#1f68a4 rgb(31,104,164)
```
#1f5da4
```
#1f5da4 rgb(31,93,164)
```
#1f52a4
```
#1f52a4 rgb(31,82,164)
```
#1f47a4
```
#1f47a4 rgb(31,71,164)
```

Similar Colors

Text with hexadecimal color #1f68a4

This text has a font color of #1f68a4.

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

#1f68a4 background color

This paragraph has a background color of #1f68a4.

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

#1f68a4 border color

This element has a border color of #1f68a4.

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

CSS codes

.text {color:#1f68a4;}

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

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

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, #030a10 is the darkest color, while #fefeff is the lightest one.

#030a10
```
#030a10 rgb(3,10,16)
```
#061420
```
#061420 rgb(6,20,32)
```
#091f31
```
#091f31 rgb(9,31,49)
```
#0c2941
```
#0c2941 rgb(12,41,65)
```
#0f3452
```
#0f3452 rgb(15,52,82)
```
#133e62
```
#133e62 rgb(19,62,98)
```
#164973
```
#164973 rgb(22,73,115)
```
#195383
```
#195383 rgb(25,83,131)
```
#1c5e94
```
#1c5e94 rgb(28,94,148)
```
#1f68a4
```
#1f68a4 rgb(31,104,164)
```
#2272b4
```
#2272b4 rgb(34,114,180)
```
#257dc5
```
#257dc5 rgb(37,125,197)
```
#2887d5
```
#2887d5 rgb(40,135,213)
```

Shade Color Variation

#3891d9
```
#3891d9 rgb(56,145,217)
```
#499add
```
#499add rgb(73,154,221)
```
#59a3e0
```
#59a3e0 rgb(89,163,224)
```
#6aace3
```
#6aace3 rgb(106,172,227)
```
#7ab5e6
```
#7ab5e6 rgb(122,181,230)
```
#8bbee9
```
#8bbee9 rgb(139,190,233)
```
#9bc8ec
```
#9bc8ec rgb(155,200,236)
```
#acd1ef
```
#acd1ef rgb(172,209,239)
```
#bcdaf2
```
#bcdaf2 rgb(188,218,242)
```
#cde3f5
```
#cde3f5 rgb(205,227,245)
```
#ddecf9
```
#ddecf9 rgb(221,236,249)
```
#eef5fc
```
#eef5fc rgb(238,245,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6268 is the less saturated color, while #016bc2 is the most saturated one.

#5b6268
```
#5b6268 rgb(91,98,104)
```
#546370
```
#546370 rgb(84,99,112)
```
#4c6477
```
#4c6477 rgb(76,100,119)
```
#45647f
```
#45647f rgb(69,100,127)
```
#3d6586
```
#3d6586 rgb(61,101,134)
```
#36668e
```
#36668e rgb(54,102,142)
```
#2e6795
```
#2e6795 rgb(46,103,149)
```
#27679d
```
#27679d rgb(39,103,157)
```
#1f68a4
```
#1f68a4 rgb(31,104,164)
```
#1869ac
```
#1869ac rgb(24,105,172)
```
#1069b3
```
#1069b3 rgb(16,105,179)
```
#096abb
```
#096abb rgb(9,106,187)
```
#016bc2
```
#016bc2 rgb(1,107,194)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4d5c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546aa4 Protanopia 1% of men
#416da9 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#4169a4 Protanomaly 1% of men, 0.01% of women
#356ba7 Deuteranomaly 6% of men, 0.4% of women
#0b718c Tritanomaly 0.01% of the population

#1f68a4 hex color

#1f68a4 Color Information

#1f68a4 Color Conversion

Color Schemes with #1f68a4

Alternatives to #1f68a4

#1f68a4 Preview

Shades and Tints of #1f68a4

Tones of #1f68a4

Color Blindness Simulator