#1f7fcc hex color

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

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

● #1f7fcc color description : Strong blue.

The hexadecimal color #1f7fcc has RGB values of R:31, G:127, B:204 and CMYK values of C:0.85, M:0.38, Y:0, K:0.2. Its decimal value is 2064332.

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

CIE-LAB	51.642, 1.053, -47.295
XYZ	19.051, 19.828, 59.947
xyY	0.193, 0.201, 19.828
CIE-LCH	51.642, 47.307, 271.276
CIE-LUV	51.642, -29.74, -73.029
Hunter-Lab	44.529, -1.556, -48.649
Binary	00011111, 01111111, 11001100

#1f7fcc
```
#1f7fcc rgb(31,127,204)
```
#cc6c1f
```
#cc6c1f rgb(204,108,31)
```

Complementary Color

#1fccc3
```
#1fccc3 rgb(31,204,195)
```
#1f7fcc
```
#1f7fcc rgb(31,127,204)
```
#1f28cc
```
#1f28cc rgb(31,40,204)
```

Analogous Color

#ccc31f
```
#ccc31f rgb(204,195,31)
```
#1f7fcc
```
#1f7fcc rgb(31,127,204)
```
#cc1f28
```
#cc1f28 rgb(204,31,40)
```

Split Complementary Color

#7fcc1f
```
#7fcc1f rgb(127,204,31)
```
#1f7fcc
```
#1f7fcc rgb(31,127,204)
```
#cc1f7f
```
#cc1f7f rgb(204,31,127)
```

Triadic Color

#1fcc6c
```
#1fcc6c rgb(31,204,108)
```
#1f7fcc
```
#1f7fcc rgb(31,127,204)
```
#cc1f7f
```
#cc1f7f rgb(204,31,127)
```
#cc6c1f
```
#cc6c1f rgb(204,108,31)
```

Tetradic Color

#15568a
```
#15568a rgb(21,86,138)
```
#1863a0
```
#1863a0 rgb(24,99,160)
```
#1c71b6
```
#1c71b6 rgb(28,113,182)
```
#1f7fcc
```
#1f7fcc rgb(31,127,204)
```
#268cde
```
#268cde rgb(38,140,222)
```
#3d98e1
```
#3d98e1 rgb(61,152,225)
```
#53a4e5
```
#53a4e5 rgb(83,164,229)
```

Monochromatic Color

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

#1faacc
```
#1faacc rgb(31,170,204)
```
#1f9ccc
```
#1f9ccc rgb(31,156,204)
```
#1f8dcc
```
#1f8dcc rgb(31,141,204)
```
#1f7fcc
```
#1f7fcc rgb(31,127,204)
```
#1f71cc
```
#1f71cc rgb(31,113,204)
```
#1f62cc
```
#1f62cc rgb(31,98,204)
```
#1f54cc
```
#1f54cc rgb(31,84,204)
```

Similar Colors

Text with hexadecimal color #1f7fcc

This text has a font color of #1f7fcc.

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

#1f7fcc background color

This paragraph has a background color of #1f7fcc.

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

#1f7fcc border color

This element has a border color of #1f7fcc.

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

CSS codes

.text {color:#1f7fcc;}

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

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

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

#030a11
```
#030a11 rgb(3,10,17)
```
#051522
```
#051522 rgb(5,21,34)
```
#082033
```
#082033 rgb(8,32,51)
```
#0a2a44
```
#0a2a44 rgb(10,42,68)
```
#0d3555
```
#0d3555 rgb(13,53,85)
```
#0f3f66
```
#0f3f66 rgb(15,63,102)
```
#124a77
```
#124a77 rgb(18,74,119)
```
#155588
```
#155588 rgb(21,85,136)
```
#175f99
```
#175f99 rgb(23,95,153)
```
#1a6aaa
```
#1a6aaa rgb(26,106,170)
```
#1c74bb
```
#1c74bb rgb(28,116,187)
```
#1f7fcc
```
#1f7fcc rgb(31,127,204)
```
#228add
```
#228add rgb(34,138,221)
```

Shade Color Variation

#3293e0
```
#3293e0 rgb(50,147,224)
```
#439ce2
```
#439ce2 rgb(67,156,226)
```
#54a5e5
```
#54a5e5 rgb(84,165,229)
```
#65aee8
```
#65aee8 rgb(101,174,232)
```
#76b7ea
```
#76b7ea rgb(118,183,234)
```
#87c0ed
```
#87c0ed rgb(135,192,237)
```
#98c9ef
```
#98c9ef rgb(152,201,239)
```
#aad2f2
```
#aad2f2 rgb(170,210,242)
```
#bbdbf5
```
#bbdbf5 rgb(187,219,245)
```
#cce4f7
```
#cce4f7 rgb(204,228,247)
```
#ddedfa
```
#ddedfa rgb(221,237,250)
```
#eef6fc
```
#eef6fc rgb(238,246,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#70767b
```
#70767b rgb(112,118,123)
```
#677784
```
#677784 rgb(103,119,132)
```
#5e788d
```
#5e788d rgb(94,120,141)
```
#557996
```
#557996 rgb(85,121,150)
```
#4c7a9f
```
#4c7a9f rgb(76,122,159)
```
#437ba8
```
#437ba8 rgb(67,123,168)
```
#3a7cb1
```
#3a7cb1 rgb(58,124,177)
```
#317dba
```
#317dba rgb(49,125,186)
```
#287ec3
```
#287ec3 rgb(40,126,195)
```
#1f7fcc
```
#1f7fcc rgb(31,127,204)
```
#1680d5
```
#1680d5 rgb(22,128,213)
```
#0d81de
```
#0d81de rgb(13,129,222)
```
#0482e7
```
#0482e7 rgb(4,130,231)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5c6f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#627fc9 Protanopia 1% of men
#4682cf Deuteranopia 1% of men
#008e97 Tritanopia 0.001% of the population

Trichromacy

#497fca Protanomaly 1% of men, 0.01% of women
#3781ce Deuteranomaly 6% of men, 0.4% of women
#0b88aa Tritanomaly 0.01% of the population

#1f7fcc hex color

#1f7fcc Color Information

#1f7fcc Color Conversion

Color Schemes with #1f7fcc

Alternatives to #1f7fcc

#1f7fcc Preview

Shades and Tints of #1f7fcc

Tones of #1f7fcc

Color Blindness Simulator