#1fa7df hex color

In a RGB color space, hex #1fa7df is composed of 12.2% red, 65.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 25.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 197.5 degrees, a saturation of 75.6% and a lightness of 49.8%. #1fa7df color hex could be obtained by blending #3effff with #004fbf. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 65
- B 87
RGB color chart
- C 86
- M 25
- Y 0
- K 13
CMYK color chart

● #1fa7df color description : Vivid blue.

The hexadecimal color #1fa7df has RGB values of R:31, G:167, B:223 and CMYK values of C:0.86, M:0.25, Y:0, K:0.13. Its decimal value is 2074591.

Hex triplet	1fa7df	`#1fa7df`
RGB Decimal	31, 167, 223	`rgb(31,167,223)`
RGB Percent	12.2, 65.5, 87.5	`rgb(12.2%,65.5%,87.5%)`
CMYK	86, 25, 0, 13
HSL	197.5°, 75.6, 49.8	`hsl(197.5,75.6%,49.8%)`
HSV (or HSB)	197.5°, 86.1, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.366, -14.906, -37.884
XYZ	27.7, 33.254, 74.767
xyY	0.204, 0.245, 33.254
CIE-LCH	64.366, 40.711, 248.522
CIE-LUV	64.366, -42.062, -58.338
Hunter-Lab	57.666, -15.174, -36.506
Binary	00011111, 10100111, 11011111

#1fa7df
```
#1fa7df rgb(31,167,223)
```
#df571f
```
#df571f rgb(223,87,31)
```

Complementary Color

#1fdfb7
```
#1fdfb7 rgb(31,223,183)
```
#1fa7df
```
#1fa7df rgb(31,167,223)
```
#1f47df
```
#1f47df rgb(31,71,223)
```

Analogous Color

#dfb71f
```
#dfb71f rgb(223,183,31)
```
#1fa7df
```
#1fa7df rgb(31,167,223)
```
#df1f47
```
#df1f47 rgb(223,31,71)
```

Split Complementary Color

#a7df1f
```
#a7df1f rgb(167,223,31)
```
#1fa7df
```
#1fa7df rgb(31,167,223)
```
#df1fa7
```
#df1fa7 rgb(223,31,167)
```

Triadic Color

#1fdf57
```
#1fdf57 rgb(31,223,87)
```
#1fa7df
```
#1fa7df rgb(31,167,223)
```
#df1fa7
```
#df1fa7 rgb(223,31,167)
```
#df571f
```
#df571f rgb(223,87,31)
```

Tetradic Color

#16759c
```
#16759c rgb(22,117,156)
```
#1985b2
```
#1985b2 rgb(25,133,178)
```
#1c96c9
```
#1c96c9 rgb(28,150,201)
```
#1fa7df
```
#1fa7df rgb(31,167,223)
```
#35b0e3
```
#35b0e3 rgb(53,176,227)
```
#4bb9e6
```
#4bb9e6 rgb(75,185,230)
```
#61c2e9
```
#61c2e9 rgb(97,194,233)
```

Monochromatic Color

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

#1fd7df
```
#1fd7df rgb(31,215,223)
```
#1fc7df
```
#1fc7df rgb(31,199,223)
```
#1fb7df
```
#1fb7df rgb(31,183,223)
```
#1fa7df
```
#1fa7df rgb(31,167,223)
```
#1f97df
```
#1f97df rgb(31,151,223)
```
#1f87df
```
#1f87df rgb(31,135,223)
```
#1f77df
```
#1f77df rgb(31,119,223)
```

Similar Colors

Text with hexadecimal color #1fa7df

This text has a font color of #1fa7df.

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

#1fa7df background color

This paragraph has a background color of #1fa7df.

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

#1fa7df border color

This element has a border color of #1fa7df.

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

CSS codes

.text {color:#1fa7df;}

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

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

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, #020c10 is the darkest color, while #feffff is the lightest one.

#020c10
```
#020c10 rgb(2,12,16)
```
#051922
```
#051922 rgb(5,25,34)
```
#072633
```
#072633 rgb(7,38,51)
```
#093344
```
#093344 rgb(9,51,68)
```
#0c4055
```
#0c4055 rgb(12,64,85)
```
#0e4d66
```
#0e4d66 rgb(14,77,102)
```
#115a78
```
#115a78 rgb(17,90,120)
```
#136789
```
#136789 rgb(19,103,137)
```
#15739a
```
#15739a rgb(21,115,154)
```
#1880ab
```
#1880ab rgb(24,128,171)
```
#1a8dbd
```
#1a8dbd rgb(26,141,189)
```
#1d9ace
```
#1d9ace rgb(29,154,206)
```
#1fa7df
```
#1fa7df rgb(31,167,223)
```

Shade Color Variation

#2faee2
```
#2faee2 rgb(47,174,226)
```
#41b5e5
```
#41b5e5 rgb(65,181,229)
```
#52bbe7
```
#52bbe7 rgb(82,187,231)
```
#63c2e9
```
#63c2e9 rgb(99,194,233)
```
#74c9ec
```
#74c9ec rgb(116,201,236)
```
#86d0ee
```
#86d0ee rgb(134,208,238)
```
#97d6f1
```
#97d6f1 rgb(151,214,241)
```
#a8ddf3
```
#a8ddf3 rgb(168,221,243)
```
#b9e4f5
```
#b9e4f5 rgb(185,228,245)
```
#caebf8
```
#caebf8 rgb(202,235,248)
```
#dcf1fa
```
#dcf1fa rgb(220,241,250)
```
#edf8fc
```
#edf8fc rgb(237,248,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#778287
```
#778287 rgb(119,130,135)
```
#6d8691
```
#6d8691 rgb(109,134,145)
```
#638b9b
```
#638b9b rgb(99,139,155)
```
#5a8fa4
```
#5a8fa4 rgb(90,143,164)
```
#5093ae
```
#5093ae rgb(80,147,174)
```
#4697b8
```
#4697b8 rgb(70,151,184)
```
#3c9bc2
```
#3c9bc2 rgb(60,155,194)
```
#339fcb
```
#339fcb rgb(51,159,203)
```
#29a3d5
```
#29a3d5 rgb(41,163,213)
```
#1fa7df
```
#1fa7df rgb(31,167,223)
```
#15abe9
```
#15abe9 rgb(21,171,233)
```
#0baff3
```
#0baff3 rgb(11,175,243)
```
#02b3fc
```
#02b3fc rgb(2,179,252)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#718c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9fd7 Protanopia 1% of men
#81a0e5 Deuteranopia 1% of men
#00b0bd Tritanopia 0.001% of the population

Trichromacy

#66a2da Protanomaly 1% of men, 0.01% of women
#5da2e3 Deuteranomaly 6% of men, 0.4% of women
#0badc9 Tritanomaly 0.01% of the population

#1fa7df hex color

#1fa7df Color Information

#1fa7df Color Conversion

Color Schemes with #1fa7df

Alternatives to #1fa7df

#1fa7df Preview

Shades and Tints of #1fa7df

Tones of #1fa7df

Color Blindness Simulator