#1d80f9 hex color

In a RGB color space, hex #1d80f9 is composed of 11.4% red, 50.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 88.4% cyan, 48.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 213 degrees, a saturation of 94.8% and a lightness of 54.5%. #1d80f9 color hex could be obtained by blending #3affff with #0001f3. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 11
- G 50
- B 98
RGB color chart
- C 88
- M 49
- Y 0
- K 2
CMYK color chart

● #1d80f9 color description : Vivid blue.

The hexadecimal color #1d80f9 has RGB values of R:29, G:128, B:249 and CMYK values of C:0.88, M:0.49, Y:0, K:0.02. Its decimal value is 1933561.

Hex triplet	1d80f9	`#1d80f9`
RGB Decimal	29, 128, 249	`rgb(29,128,249)`
RGB Percent	11.4, 50.2, 97.6	`rgb(11.4%,50.2%,97.6%)`
CMYK	88, 49, 0, 2
HSL	213°, 94.8, 54.5	`hsl(213,94.8%,54.5%)`
HSV (or HSB)	213°, 88.4, 97.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.592, 17.448, -67.799
XYZ	25.321, 22.537, 92.633
xyY	0.18, 0.16, 22.537
CIE-LCH	54.592, 70.008, 284.432
CIE-LUV	54.592, -28.316, -107.903
Hunter-Lab	47.473, 12.13, -82.46
Binary	00011101, 10000000, 11111001

#1d80f9
```
#1d80f9 rgb(29,128,249)
```
#f9961d
```
#f9961d rgb(249,150,29)
```

Complementary Color

#1deef9
```
#1deef9 rgb(29,238,249)
```
#1d80f9
```
#1d80f9 rgb(29,128,249)
```
#281df9
```
#281df9 rgb(40,29,249)
```

Analogous Color

#eef91d
```
#eef91d rgb(238,249,29)
```
#1d80f9
```
#1d80f9 rgb(29,128,249)
```
#f9281d
```
#f9281d rgb(249,40,29)
```

Split Complementary Color

#80f91d
```
#80f91d rgb(128,249,29)
```
#1d80f9
```
#1d80f9 rgb(29,128,249)
```
#f91d80
```
#f91d80 rgb(249,29,128)
```

Triadic Color

#1df996
```
#1df996 rgb(29,249,150)
```
#1d80f9
```
#1d80f9 rgb(29,128,249)
```
#f91d80
```
#f91d80 rgb(249,29,128)
```
#f9961d
```
#f9961d rgb(249,150,29)
```

Tetradic Color

#055bc4
```
#055bc4 rgb(5,91,196)
```
#0667dd
```
#0667dd rgb(6,103,221)
```
#0772f6
```
#0772f6 rgb(7,114,246)
```
#1d80f9
```
#1d80f9 rgb(29,128,249)
```
#368efa
```
#368efa rgb(54,142,250)
```
#4f9cfa
```
#4f9cfa rgb(79,156,250)
```
#68aafb
```
#68aafb rgb(104,170,251)
```

Monochromatic Color

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

#1db7f9
```
#1db7f9 rgb(29,183,249)
```
#1da5f9
```
#1da5f9 rgb(29,165,249)
```
#1d92f9
```
#1d92f9 rgb(29,146,249)
```
#1d80f9
```
#1d80f9 rgb(29,128,249)
```
#1d6ef9
```
#1d6ef9 rgb(29,110,249)
```
#1d5bf9
```
#1d5bf9 rgb(29,91,249)
```
#1d49f9
```
#1d49f9 rgb(29,73,249)
```

Similar Colors

Text with hexadecimal color #1d80f9

This text has a font color of #1d80f9.

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

#1d80f9 background color

This paragraph has a background color of #1d80f9.

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

#1d80f9 border color

This element has a border color of #1d80f9.

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

CSS codes

.text {color:#1d80f9;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010a16
```
#010a16 rgb(1,10,22)
```
#01132a
```
#01132a rgb(1,19,42)
```
#021c3d
```
#021c3d rgb(2,28,61)
```
#022550
```
#022550 rgb(2,37,80)
```
#032e63
```
#032e63 rgb(3,46,99)
```
#033776
```
#033776 rgb(3,55,118)
```
#044089
```
#044089 rgb(4,64,137)
```
#04499c
```
#04499c rgb(4,73,156)
```
#0551af
```
#0551af rgb(5,81,175)
```
#055ac2
```
#055ac2 rgb(5,90,194)
```
#0663d5
```
#0663d5 rgb(6,99,213)
```
#066ce9
```
#066ce9 rgb(6,108,233)
```

Shade Color Variation

#0a75f8
```
#0a75f8 rgb(10,117,248)
```
#1d80f9
```
#1d80f9 rgb(29,128,249)
```
#308bfa
```
#308bfa rgb(48,139,250)
```
#4395fa
```
#4395fa rgb(67,149,250)
```
#56a0fb
```
#56a0fb rgb(86,160,251)
```
#69abfb
```
#69abfb rgb(105,171,251)
```
#7db6fc
```
#7db6fc rgb(125,182,252)
```
#90c0fc
```
#90c0fc rgb(144,192,252)
```
#a3cbfd
```
#a3cbfd rgb(163,203,253)
```
#b6d6fd
```
#b6d6fd rgb(182,214,253)
```
#c9e1fe
```
#c9e1fe rgb(201,225,254)
```
#dcebfe
```
#dcebfe rgb(220,235,254)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b8e is the less saturated color, while #1d80f9 is the most saturated one.

#888b8e
```
#888b8e rgb(136,139,142)
```
#7f8a97
```
#7f8a97 rgb(127,138,151)
```
#7689a0
```
#7689a0 rgb(118,137,160)
```
#6d88a9
```
#6d88a9 rgb(109,136,169)
```
#6487b2
```
#6487b2 rgb(100,135,178)
```
#5b86bb
```
#5b86bb rgb(91,134,187)
```
#5385c3
```
#5385c3 rgb(83,133,195)
```
#4a84cc
```
#4a84cc rgb(74,132,204)
```
#4184d5
```
#4184d5 rgb(65,132,213)
```
#3883de
```
#3883de rgb(56,131,222)
```
#2f82e7
```
#2f82e7 rgb(47,130,231)
```
#2681f0
```
#2681f0 rgb(38,129,240)
```
#1d80f9
```
#1d80f9 rgb(29,128,249)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5f738b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e85f8 Protanopia 1% of men
#008be5 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#3283f8 Protanomaly 1% of men, 0.01% of women
#0a87ec Deuteranomaly 6% of men, 0.4% of women
#0a8ebf Tritanomaly 0.01% of the population

#1d80f9 hex color

#1d80f9 Color Information

#1d80f9 Color Conversion

Color Schemes with #1d80f9

Alternatives to #1d80f9

#1d80f9 Preview

Shades and Tints of #1d80f9

Tones of #1d80f9

Color Blindness Simulator