#1f61cc hex color

In a RGB color space, hex #1f61cc is composed of 12.2% red, 38% green and 80% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 52.5% magenta, 0% yellow and 20% black. It has a hue angle of 217.1 degrees, a saturation of 73.6% and a lightness of 46.1%. #1f61cc color hex could be obtained by blending #3ec2ff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 38
- B 80
RGB color chart
- C 85
- M 52
- Y 0
- K 20
CMYK color chart

● #1f61cc color description : Strong blue.

The hexadecimal color #1f61cc has RGB values of R:31, G:97, B:204 and CMYK values of C:0.85, M:0.52, Y:0, K:0.2. Its decimal value is 2056652.

Hex triplet	1f61cc	`#1f61cc`
RGB Decimal	31, 97, 204	`rgb(31,97,204)`
RGB Percent	12.2, 38, 80	`rgb(12.2%,38%,80%)`
CMYK	85, 52, 0, 20
HSL	217.1°, 73.6, 46.1	`hsl(217.1,73.6%,46.1%)`
HSV (or HSB)	217.1°, 84.8, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.062, 19.977, -61.076
XYZ	15.736, 13.199, 58.842
xyY	0.179, 0.15, 13.199
CIE-LCH	43.062, 64.26, 288.112
CIE-LUV	43.062, -20.456, -91.772
Hunter-Lab	36.33, 13.739, -70.596
Binary	00011111, 01100001, 11001100

#1f61cc
```
#1f61cc rgb(31,97,204)
```
#cc8a1f
```
#cc8a1f rgb(204,138,31)
```

Complementary Color

#1fb8cc
```
#1fb8cc rgb(31,184,204)
```
#1f61cc
```
#1f61cc rgb(31,97,204)
```
#341fcc
```
#341fcc rgb(52,31,204)
```

Analogous Color

#b8cc1f
```
#b8cc1f rgb(184,204,31)
```
#1f61cc
```
#1f61cc rgb(31,97,204)
```
#cc341f
```
#cc341f rgb(204,52,31)
```

Split Complementary Color

#61cc1f
```
#61cc1f rgb(97,204,31)
```
#1f61cc
```
#1f61cc rgb(31,97,204)
```
#cc1f61
```
#cc1f61 rgb(204,31,97)
```

Triadic Color

#1fcc8a
```
#1fcc8a rgb(31,204,138)
```
#1f61cc
```
#1f61cc rgb(31,97,204)
```
#cc1f61
```
#cc1f61 rgb(204,31,97)
```
#cc8a1f
```
#cc8a1f rgb(204,138,31)
```

Tetradic Color

#15418a
```
#15418a rgb(21,65,138)
```
#184ca0
```
#184ca0 rgb(24,76,160)
```
#1c56b6
```
#1c56b6 rgb(28,86,182)
```
#1f61cc
```
#1f61cc rgb(31,97,204)
```
#266cde
```
#266cde rgb(38,108,222)
```
#3d7be1
```
#3d7be1 rgb(61,123,225)
```
#538ae5
```
#538ae5 rgb(83,138,229)
```

Monochromatic Color

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

#1f8ccc
```
#1f8ccc rgb(31,140,204)
```
#1f7ecc
```
#1f7ecc rgb(31,126,204)
```
#1f6fcc
```
#1f6fcc rgb(31,111,204)
```
#1f61cc
```
#1f61cc rgb(31,97,204)
```
#1f53cc
```
#1f53cc rgb(31,83,204)
```
#1f44cc
```
#1f44cc rgb(31,68,204)
```
#1f36cc
```
#1f36cc rgb(31,54,204)
```

Similar Colors

Text with hexadecimal color #1f61cc

This text has a font color of #1f61cc.

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

#1f61cc background color

This paragraph has a background color of #1f61cc.

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

#1f61cc border color

This element has a border color of #1f61cc.

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

CSS codes

.text {color:#1f61cc;}

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

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

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

#030811
```
#030811 rgb(3,8,17)
```
#051022
```
#051022 rgb(5,16,34)
```
#081833
```
#081833 rgb(8,24,51)
```
#0a2044
```
#0a2044 rgb(10,32,68)
```
#0d2855
```
#0d2855 rgb(13,40,85)
```
#0f3066
```
#0f3066 rgb(15,48,102)
```
#123977
```
#123977 rgb(18,57,119)
```
#154188
```
#154188 rgb(21,65,136)
```
#174999
```
#174999 rgb(23,73,153)
```
#1a51aa
```
#1a51aa rgb(26,81,170)
```
#1c59bb
```
#1c59bb rgb(28,89,187)
```
#1f61cc
```
#1f61cc rgb(31,97,204)
```
#2269dd
```
#2269dd rgb(34,105,221)
```

Shade Color Variation

#3275e0
```
#3275e0 rgb(50,117,224)
```
#4380e2
```
#4380e2 rgb(67,128,226)
```
#548ce5
```
#548ce5 rgb(84,140,229)
```
#6597e8
```
#6597e8 rgb(101,151,232)
```
#76a3ea
```
#76a3ea rgb(118,163,234)
```
#87aeed
```
#87aeed rgb(135,174,237)
```
#98baef
```
#98baef rgb(152,186,239)
```
#aac5f2
```
#aac5f2 rgb(170,197,242)
```
#bbd1f5
```
#bbd1f5 rgb(187,209,245)
```
#ccdcf7
```
#ccdcf7 rgb(204,220,247)
```
#dde8fa
```
#dde8fa rgb(221,232,250)
```
#eef3fc
```
#eef3fc rgb(238,243,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70747b is the less saturated color, while #045be7 is the most saturated one.

#70747b
```
#70747b rgb(112,116,123)
```
#677284
```
#677284 rgb(103,114,132)
```
#5e708d
```
#5e708d rgb(94,112,141)
```
#556e96
```
#556e96 rgb(85,110,150)
```
#4c6c9f
```
#4c6c9f rgb(76,108,159)
```
#436aa8
```
#436aa8 rgb(67,106,168)
```
#3a67b1
```
#3a67b1 rgb(58,103,177)
```
#3165ba
```
#3165ba rgb(49,101,186)
```
#2863c3
```
#2863c3 rgb(40,99,195)
```
#1f61cc
```
#1f61cc rgb(31,97,204)
```
#165fd5
```
#165fd5 rgb(22,95,213)
```
#0d5dde
```
#0d5dde rgb(13,93,222)
```
#045be7
```
#045be7 rgb(4,91,231)
```

Tone Color Variation

Below, you can see how #1f61cc 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
#4d5b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#136acf Protanopia 1% of men
#0070b7 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1766ce Protanomaly 1% of men, 0.01% of women
#0b6abe Deuteranomaly 6% of men, 0.4% of women
#0b6f9b Tritanomaly 0.01% of the population

#1f61cc hex color

#1f61cc Color Information

#1f61cc Color Conversion

Color Schemes with #1f61cc

Alternatives to #1f61cc

#1f61cc Preview

Shades and Tints of #1f61cc

Tones of #1f61cc

Color Blindness Simulator