#1f64ae hex color

In a RGB color space, hex #1f64ae is composed of 12.2% red, 39.2% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 42.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 211 degrees, a saturation of 69.8% and a lightness of 40.2%. #1f64ae color hex could be obtained by blending #3ec8ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 39
- B 68
RGB color chart
- C 82
- M 43
- Y 0
- K 32
CMYK color chart

● #1f64ae color description : Dark blue.

The hexadecimal color #1f64ae has RGB values of R:31, G:100, B:174 and CMYK values of C:0.82, M:0.43, Y:0, K:0.32. Its decimal value is 2057390.

Hex triplet	1f64ae	`#1f64ae`
RGB Decimal	31, 100, 174	`rgb(31,100,174)`
RGB Percent	12.2, 39.2, 68.2	`rgb(12.2%,39.2%,68.2%)`
CMYK	82, 43, 0, 32
HSL	211°, 69.8, 40.2	`hsl(211,69.8%,40.2%)`
HSV (or HSB)	211°, 82.2, 68.2
Web Safe	336699	`#336699`

CIE-LAB	41.939, 6.286, -45.433
XYZ	12.76, 12.461, 41.775
xyY	0.19, 0.186, 12.461
CIE-LCH	41.939, 45.866, 277.878
CIE-LUV	41.939, -22.236, -67.206
Hunter-Lab	35.3, 2.752, -45.456
Binary	00011111, 01100100, 10101110

#1f64ae
```
#1f64ae rgb(31,100,174)
```
#ae691f
```
#ae691f rgb(174,105,31)
```

Complementary Color

#1facae
```
#1facae rgb(31,172,174)
```
#1f64ae
```
#1f64ae rgb(31,100,174)
```
#221fae
```
#221fae rgb(34,31,174)
```

Analogous Color

#acae1f
```
#acae1f rgb(172,174,31)
```
#1f64ae
```
#1f64ae rgb(31,100,174)
```
#ae221f
```
#ae221f rgb(174,34,31)
```

Split Complementary Color

#64ae1f
```
#64ae1f rgb(100,174,31)
```
#1f64ae
```
#1f64ae rgb(31,100,174)
```
#ae1f64
```
#ae1f64 rgb(174,31,100)
```

Triadic Color

#1fae69
```
#1fae69 rgb(31,174,105)
```
#1f64ae
```
#1f64ae rgb(31,100,174)
```
#ae1f64
```
#ae1f64 rgb(174,31,100)
```
#ae691f
```
#ae691f rgb(174,105,31)
```

Tetradic Color

#133f6d
```
#133f6d rgb(19,63,109)
```
#174b83
```
#174b83 rgb(23,75,131)
```
#1b5898
```
#1b5898 rgb(27,88,152)
```
#1f64ae
```
#1f64ae rgb(31,100,174)
```
#2370c4
```
#2370c4 rgb(35,112,196)
```
#277dd9
```
#277dd9 rgb(39,125,217)
```
#3d8adc
```
#3d8adc rgb(61,138,220)
```

Monochromatic Color

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

#1f88ae
```
#1f88ae rgb(31,136,174)
```
#1f7cae
```
#1f7cae rgb(31,124,174)
```
#1f70ae
```
#1f70ae rgb(31,112,174)
```
#1f64ae
```
#1f64ae rgb(31,100,174)
```
#1f58ae
```
#1f58ae rgb(31,88,174)
```
#1f4cae
```
#1f4cae rgb(31,76,174)
```
#1f40ae
```
#1f40ae rgb(31,64,174)
```

Similar Colors

Text with hexadecimal color #1f64ae

This text has a font color of #1f64ae.

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

#1f64ae background color

This paragraph has a background color of #1f64ae.

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

#1f64ae border color

This element has a border color of #1f64ae.

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

CSS codes

.text {color:#1f64ae;}

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

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

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 #f6f9fd is the lightest one.

#010408
```
#010408 rgb(1,4,8)
```
#040e18
```
#040e18 rgb(4,14,24)
```
#071729
```
#071729 rgb(7,23,41)
```
#0a2139
```
#0a2139 rgb(10,33,57)
```
#0d2b4a
```
#0d2b4a rgb(13,43,74)
```
#10345b
```
#10345b rgb(16,52,91)
```
#133e6b
```
#133e6b rgb(19,62,107)
```
#16477c
```
#16477c rgb(22,71,124)
```
#19518d
```
#19518d rgb(25,81,141)
```
#1c5a9d
```
#1c5a9d rgb(28,90,157)
```
#1f64ae
```
#1f64ae rgb(31,100,174)
```
#226ebf
```
#226ebf rgb(34,110,191)
```
#2577cf
```
#2577cf rgb(37,119,207)
```

Shade Color Variation

#2e81da
```
#2e81da rgb(46,129,218)
```
#3f8bdd
```
#3f8bdd rgb(63,139,221)
```
#4f95e0
```
#4f95e0 rgb(79,149,224)
```
#609fe3
```
#609fe3 rgb(96,159,227)
```
#71a9e6
```
#71a9e6 rgb(113,169,230)
```
#81b3e9
```
#81b3e9 rgb(129,179,233)
```
#92bdec
```
#92bdec rgb(146,189,236)
```
#a3c7ef
```
#a3c7ef rgb(163,199,239)
```
#b3d1f2
```
#b3d1f2 rgb(179,209,242)
```
#c4dbf4
```
#c4dbf4 rgb(196,219,244)
```
#d5e5f7
```
#d5e5f7 rgb(213,229,247)
```
#e5effa
```
#e5effa rgb(229,239,250)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#666667
```
#666667 rgb(102,102,103)
```
#5e666f
```
#5e666f rgb(94,102,111)
```
#566677
```
#566677 rgb(86,102,119)
```
#4e667f
```
#4e667f rgb(78,102,127)
```
#466587
```
#466587 rgb(70,101,135)
```
#3f658e
```
#3f658e rgb(63,101,142)
```
#376596
```
#376596 rgb(55,101,150)
```
#2f659e
```
#2f659e rgb(47,101,158)
```
#2764a6
```
#2764a6 rgb(39,100,166)
```
#1f64ae
```
#1f64ae rgb(31,100,174)
```
#1764b6
```
#1764b6 rgb(23,100,182)
```
#0f63be
```
#0f63be rgb(15,99,190)
```
#0763c6
```
#0763c6 rgb(7,99,198)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4d5a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4868af Protanopia 1% of men
#256cb2 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#3967ae Protanomaly 1% of men, 0.01% of women
#2369b0 Deuteranomaly 6% of men, 0.4% of women
#0b6f8e Tritanomaly 0.01% of the population

#1f64ae hex color

#1f64ae Color Information

#1f64ae Color Conversion

Color Schemes with #1f64ae

Alternatives to #1f64ae

#1f64ae Preview

Shades and Tints of #1f64ae

Tones of #1f64ae

Color Blindness Simulator