#1f64be hex color

In a RGB color space, hex #1f64be is composed of 12.2% red, 39.2% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 47.4% magenta, 0% yellow and 25.5% black. It has a hue angle of 214 degrees, a saturation of 71.9% and a lightness of 43.3%. #1f64be color hex could be obtained by blending #3ec8ff with #00007d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 39
- B 75
RGB color chart
- C 84
- M 47
- Y 0
- K 25
CMYK color chart

● #1f64be color description : Strong blue.

The hexadecimal color #1f64be has RGB values of R:31, G:100, B:190 and CMYK values of C:0.84, M:0.47, Y:0, K:0.25. Its decimal value is 2057406.

Hex triplet	1f64be	`#1f64be`
RGB Decimal	31, 100, 190	`rgb(31,100,190)`
RGB Percent	12.2, 39.2, 74.5	`rgb(12.2%,39.2%,74.5%)`
CMYK	84, 47, 0, 25
HSL	214°, 71.9, 43.3	`hsl(214,71.9%,43.3%)`
HSV (or HSB)	214°, 83.7, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.947, 12.558, -53.166
XYZ	14.414, 13.122, 50.485
xyY	0.185, 0.168, 13.122
CIE-LCH	42.947, 54.629, 283.29
CIE-LUV	42.947, -21.703, -79.686
Hunter-Lab	36.225, 7.636, -57.274
Binary	00011111, 01100100, 10111110

#1f64be
```
#1f64be rgb(31,100,190)
```
#be791f
```
#be791f rgb(190,121,31)
```

Complementary Color

#1fb4be
```
#1fb4be rgb(31,180,190)
```
#1f64be
```
#1f64be rgb(31,100,190)
```
#291fbe
```
#291fbe rgb(41,31,190)
```

Analogous Color

#b4be1f
```
#b4be1f rgb(180,190,31)
```
#1f64be
```
#1f64be rgb(31,100,190)
```
#be291f
```
#be291f rgb(190,41,31)
```

Split Complementary Color

#64be1f
```
#64be1f rgb(100,190,31)
```
#1f64be
```
#1f64be rgb(31,100,190)
```
#be1f64
```
#be1f64 rgb(190,31,100)
```

Triadic Color

#1fbe79
```
#1fbe79 rgb(31,190,121)
```
#1f64be
```
#1f64be rgb(31,100,190)
```
#be1f64
```
#be1f64 rgb(190,31,100)
```
#be791f
```
#be791f rgb(190,121,31)
```

Tetradic Color

#14417c
```
#14417c rgb(20,65,124)
```
#184d92
```
#184d92 rgb(24,77,146)
```
#1b58a8
```
#1b58a8 rgb(27,88,168)
```
#1f64be
```
#1f64be rgb(31,100,190)
```
#2370d4
```
#2370d4 rgb(35,112,212)
```
#327dde
```
#327dde rgb(50,125,222)
```
#488be1
```
#488be1 rgb(72,139,225)
```

Monochromatic Color

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

#1f8cbe
```
#1f8cbe rgb(31,140,190)
```
#1f7fbe
```
#1f7fbe rgb(31,127,190)
```
#1f71be
```
#1f71be rgb(31,113,190)
```
#1f64be
```
#1f64be rgb(31,100,190)
```
#1f57be
```
#1f57be rgb(31,87,190)
```
#1f4abe
```
#1f4abe rgb(31,74,190)
```
#1f3cbe
```
#1f3cbe rgb(31,60,190)
```

Similar Colors

Text with hexadecimal color #1f64be

This text has a font color of #1f64be.

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

#1f64be background color

This paragraph has a background color of #1f64be.

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

#1f64be border color

This element has a border color of #1f64be.

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

CSS codes

.text {color:#1f64be;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030b15
```
#030b15 rgb(3,11,21)
```
#061426
```
#061426 rgb(6,20,38)
```
#091d37
```
#091d37 rgb(9,29,55)
```
#0c2648
```
#0c2648 rgb(12,38,72)
```
#0e2f59
```
#0e2f59 rgb(14,47,89)
```
#11386a
```
#11386a rgb(17,56,106)
```
#14407b
```
#14407b rgb(20,64,123)
```
#17498b
```
#17498b rgb(23,73,139)
```
#19529c
```
#19529c rgb(25,82,156)
```
#1c5bad
```
#1c5bad rgb(28,91,173)
```
#1f64be
```
#1f64be rgb(31,100,190)
```
#226dcf
```
#226dcf rgb(34,109,207)
```

Shade Color Variation

#2876dc
```
#2876dc rgb(40,118,220)
```
#3981df
```
#3981df rgb(57,129,223)
```
#4a8ce1
```
#4a8ce1 rgb(74,140,225)
```
#5b96e4
```
#5b96e4 rgb(91,150,228)
```
#6ca1e7
```
#6ca1e7 rgb(108,161,231)
```
#7dacea
```
#7dacea rgb(125,172,234)
```
#8db7ec
```
#8db7ec rgb(141,183,236)
```
#9ec1ef
```
#9ec1ef rgb(158,193,239)
```
#afccf2
```
#afccf2 rgb(175,204,242)
```
#c0d7f5
```
#c0d7f5 rgb(192,215,245)
```
#d1e2f7
```
#d1e2f7 rgb(209,226,247)
```
#e2ecfa
```
#e2ecfa rgb(226,236,250)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#6c6e72
```
#6c6e72 rgb(108,110,114)
```
#636d7a
```
#636d7a rgb(99,109,122)
```
#5b6c83
```
#5b6c83 rgb(91,108,131)
```
#526b8b
```
#526b8b rgb(82,107,139)
```
#4a6a94
```
#4a6a94 rgb(74,106,148)
```
#41689c
```
#41689c rgb(65,104,156)
```
#3967a5
```
#3967a5 rgb(57,103,165)
```
#3066ad
```
#3066ad rgb(48,102,173)
```
#2865b6
```
#2865b6 rgb(40,101,182)
```
#1f64be
```
#1f64be rgb(31,100,190)
```
#1763c7
```
#1763c7 rgb(23,99,199)
```
#0e62cf
```
#0e62cf rgb(14,98,207)
```
#0561d8
```
#0561d8 rgb(5,97,216)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4e5c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b6ac0 Protanopia 1% of men
#006fb8 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#3168bf Protanomaly 1% of men, 0.01% of women
#0b6bba Deuteranomaly 6% of men, 0.4% of women
#0b7096 Tritanomaly 0.01% of the population

#1f64be hex color

#1f64be Color Information

#1f64be Color Conversion

Color Schemes with #1f64be

Alternatives to #1f64be

#1f64be Preview

Shades and Tints of #1f64be

Tones of #1f64be

Color Blindness Simulator