#1fa7ed hex color

In a RGB color space, hex #1fa7ed is composed of 12.2% red, 65.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 29.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 200.4 degrees, a saturation of 85.1% and a lightness of 52.5%. #1fa7ed color hex could be obtained by blending #3effff with #004fdb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 65
- B 93
RGB color chart
- C 87
- M 30
- Y 0
- K 7
CMYK color chart

● #1fa7ed color description : Vivid blue.

The hexadecimal color #1fa7ed has RGB values of R:31, G:167, B:237 and CMYK values of C:0.87, M:0.3, Y:0, K:0.07. Its decimal value is 2074605.

Hex triplet	1fa7ed	`#1fa7ed`
RGB Decimal	31, 167, 237	`rgb(31,167,237)`
RGB Percent	12.2, 65.5, 92.9	`rgb(12.2%,65.5%,92.9%)`
CMYK	87, 30, 0, 7
HSL	200.4°, 85.1, 52.5	`hsl(200.4,85.1%,52.5%)`
HSV (or HSB)	200.4°, 86.9, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.995, -9.95, -44.598
XYZ	29.666, 34.04, 85.123
xyY	0.199, 0.229, 34.04
CIE-LCH	64.995, 45.694, 257.423
CIE-LUV	64.995, -41.146, -70.369
Hunter-Lab	58.344, -11.341, -45.662
Binary	00011111, 10100111, 11101101

#1fa7ed
```
#1fa7ed rgb(31,167,237)
```
#ed651f
```
#ed651f rgb(237,101,31)
```

Complementary Color

#1fedcc
```
#1fedcc rgb(31,237,204)
```
#1fa7ed
```
#1fa7ed rgb(31,167,237)
```
#1f40ed
```
#1f40ed rgb(31,64,237)
```

Analogous Color

#edcc1f
```
#edcc1f rgb(237,204,31)
```
#1fa7ed
```
#1fa7ed rgb(31,167,237)
```
#ed1f40
```
#ed1f40 rgb(237,31,64)
```

Split Complementary Color

#a7ed1f
```
#a7ed1f rgb(167,237,31)
```
#1fa7ed
```
#1fa7ed rgb(31,167,237)
```
#ed1fa7
```
#ed1fa7 rgb(237,31,167)
```

Triadic Color

#1fed65
```
#1fed65 rgb(31,237,101)
```
#1fa7ed
```
#1fa7ed rgb(31,167,237)
```
#ed1fa7
```
#ed1fa7 rgb(237,31,167)
```
#ed651f
```
#ed651f rgb(237,101,31)
```

Tetradic Color

#0e7ab1
```
#0e7ab1 rgb(14,122,177)
```
#108ac9
```
#108ac9 rgb(16,138,201)
```
#129ae0
```
#129ae0 rgb(18,154,224)
```
#1fa7ed
```
#1fa7ed rgb(31,167,237)
```
#37b0ef
```
#37b0ef rgb(55,176,239)
```
#4ebaf1
```
#4ebaf1 rgb(78,186,241)
```
#66c3f3
```
#66c3f3 rgb(102,195,243)
```

Monochromatic Color

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

#1fdbed
```
#1fdbed rgb(31,219,237)
```
#1fc9ed
```
#1fc9ed rgb(31,201,237)
```
#1fb8ed
```
#1fb8ed rgb(31,184,237)
```
#1fa7ed
```
#1fa7ed rgb(31,167,237)
```
#1f96ed
```
#1f96ed rgb(31,150,237)
```
#1f85ed
```
#1f85ed rgb(31,133,237)
```
#1f74ed
```
#1f74ed rgb(31,116,237)
```

Similar Colors

Text with hexadecimal color #1fa7ed

This text has a font color of #1fa7ed.

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

#1fa7ed background color

This paragraph has a background color of #1fa7ed.

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

#1fa7ed border color

This element has a border color of #1fa7ed.

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

CSS codes

.text {color:#1fa7ed;}

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

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

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, #01080c is the darkest color, while #f9fdff is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#02151e
```
#02151e rgb(2,21,30)
```
#042130
```
#042130 rgb(4,33,48)
```
#052e43
```
#052e43 rgb(5,46,67)
```
#073a55
```
#073a55 rgb(7,58,85)
```
#084767
```
#084767 rgb(8,71,103)
```
#0a5379
```
#0a5379 rgb(10,83,121)
```
#0b608b
```
#0b608b rgb(11,96,139)
```
#0d6c9d
```
#0d6c9d rgb(13,108,157)
```
#0e79af
```
#0e79af rgb(14,121,175)
```
#1085c2
```
#1085c2 rgb(16,133,194)
```
#1192d4
```
#1192d4 rgb(17,146,212)
```
#129ee6
```
#129ee6 rgb(18,158,230)
```

Shade Color Variation

#1fa7ed
```
#1fa7ed rgb(31,167,237)
```
#31aeee
```
#31aeee rgb(49,174,238)
```
#43b5f0
```
#43b5f0 rgb(67,181,240)
```
#55bcf1
```
#55bcf1 rgb(85,188,241)
```
#68c4f3
```
#68c4f3 rgb(104,196,243)
```
#7acbf4
```
#7acbf4 rgb(122,203,244)
```
#8cd2f6
```
#8cd2f6 rgb(140,210,246)
```
#9ed9f7
```
#9ed9f7 rgb(158,217,247)
```
#b0e0f9
```
#b0e0f9 rgb(176,224,249)
```
#c2e7fa
```
#c2e7fa rgb(194,231,250)
```
#d5eefc
```
#d5eefc rgb(213,238,252)
```
#e7f5fd
```
#e7f5fd rgb(231,245,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#858687
```
#858687 rgb(133,134,135)
```
#7c8990
```
#7c8990 rgb(124,137,144)
```
#738c99
```
#738c99 rgb(115,140,153)
```
#698fa3
```
#698fa3 rgb(105,143,163)
```
#6092ac
```
#6092ac rgb(96,146,172)
```
#5795b5
```
#5795b5 rgb(87,149,181)
```
#4e98be
```
#4e98be rgb(78,152,190)
```
#449bc8
```
#449bc8 rgb(68,155,200)
```
#3b9ed1
```
#3b9ed1 rgb(59,158,209)
```
#32a1da
```
#32a1da rgb(50,161,218)
```
#28a4e4
```
#28a4e4 rgb(40,164,228)
```
#1fa7ed
```
#1fa7ed rgb(31,167,237)
```
#16aaf6
```
#16aaf6 rgb(22,170,246)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#718d9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa0e5 Protanopia 1% of men
#76a2f1 Deuteranopia 1% of men
#00b2be Tritanopia 0.001% of the population

Trichromacy

#63a2e8 Protanomaly 1% of men, 0.01% of women
#56a4f0 Deuteranomaly 6% of men, 0.4% of women
#0baecf Tritanomaly 0.01% of the population

#1fa7ed hex color

#1fa7ed Color Information

#1fa7ed Color Conversion

Color Schemes with #1fa7ed

Alternatives to #1fa7ed

#1fa7ed Preview

Shades and Tints of #1fa7ed

Tones of #1fa7ed

Color Blindness Simulator