#1d7cfc hex color

In a RGB color space, hex #1d7cfc is composed of 11.4% red, 48.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 50.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 214.4 degrees, a saturation of 97.4% and a lightness of 55.1%. #1d7cfc color hex could be obtained by blending #3af8ff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 11
- G 49
- B 99
RGB color chart
- C 88
- M 51
- Y 0
- K 1
CMYK color chart

● #1d7cfc color description : Vivid blue.

The hexadecimal color #1d7cfc has RGB values of R:29, G:124, B:252 and CMYK values of C:0.88, M:0.51, Y:0, K:0.01. Its decimal value is 1932540.

Hex triplet	1d7cfc	`#1d7cfc`
RGB Decimal	29, 124, 252	`rgb(29,124,252)`
RGB Percent	11.4, 48.6, 98.8	`rgb(11.4%,48.6%,98.8%)`
CMYK	88, 51, 0, 1
HSL	214.4°, 97.4, 55.1	`hsl(214.4,97.4%,55.1%)`
HSV (or HSB)	214.4°, 88.5, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.71, 21.081, -70.885
XYZ	25.281, 21.703, 94.947
xyY	0.178, 0.153, 21.703
CIE-LCH	53.71, 73.953, 286.563
CIE-LUV	53.71, -27.059, -112.457
Hunter-Lab	46.586, 15.342, -88.228
Binary	00011101, 01111100, 11111100

#1d7cfc
```
#1d7cfc rgb(29,124,252)
```
#fc9d1d
```
#fc9d1d rgb(252,157,29)
```

Complementary Color

#1decfc
```
#1decfc rgb(29,236,252)
```
#1d7cfc
```
#1d7cfc rgb(29,124,252)
```
#2d1dfc
```
#2d1dfc rgb(45,29,252)
```

Analogous Color

#ecfc1d
```
#ecfc1d rgb(236,252,29)
```
#1d7cfc
```
#1d7cfc rgb(29,124,252)
```
#fc2d1d
```
#fc2d1d rgb(252,45,29)
```

Split Complementary Color

#7cfc1d
```
#7cfc1d rgb(124,252,29)
```
#1d7cfc
```
#1d7cfc rgb(29,124,252)
```
#fc1d7c
```
#fc1d7c rgb(252,29,124)
```

Triadic Color

#1dfc9d
```
#1dfc9d rgb(29,252,157)
```
#1d7cfc
```
#1d7cfc rgb(29,124,252)
```
#fc1d7c
```
#fc1d7c rgb(252,29,124)
```
#fc9d1d
```
#fc9d1d rgb(252,157,29)
```

Tetradic Color

#0358ca
```
#0358ca rgb(3,88,202)
```
#0362e3
```
#0362e3 rgb(3,98,227)
```
#046dfc
```
#046dfc rgb(4,109,252)
```
#1d7cfc
```
#1d7cfc rgb(29,124,252)
```
#368bfc
```
#368bfc rgb(54,139,252)
```
#4f99fd
```
#4f99fd rgb(79,153,253)
```
#68a8fd
```
#68a8fd rgb(104,168,253)
```

Monochromatic Color

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

#1db4fc
```
#1db4fc rgb(29,180,252)
```
#1da1fc
```
#1da1fc rgb(29,161,252)
```
#1d8ffc
```
#1d8ffc rgb(29,143,252)
```
#1d7cfc
```
#1d7cfc rgb(29,124,252)
```
#1d69fc
```
#1d69fc rgb(29,105,252)
```
#1d57fc
```
#1d57fc rgb(29,87,252)
```
#1d44fc
```
#1d44fc rgb(29,68,252)
```

Similar Colors

Text with hexadecimal color #1d7cfc

This text has a font color of #1d7cfc.

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

#1d7cfc background color

This paragraph has a background color of #1d7cfc.

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

#1d7cfc border color

This element has a border color of #1d7cfc.

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

CSS codes

.text {color:#1d7cfc;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000b1a
```
#000b1a rgb(0,11,26)
```
#01142d
```
#01142d rgb(1,20,45)
```
#011c40
```
#011c40 rgb(1,28,64)
```
#012454
```
#012454 rgb(1,36,84)
```
#012d67
```
#012d67 rgb(1,45,103)
```
#02357a
```
#02357a rgb(2,53,122)
```
#023d8e
```
#023d8e rgb(2,61,142)
```
#0246a1
```
#0246a1 rgb(2,70,161)
```
#024eb5
```
#024eb5 rgb(2,78,181)
```
#0357c8
```
#0357c8 rgb(3,87,200)
```
#035fdb
```
#035fdb rgb(3,95,219)
```
#0367ef
```
#0367ef rgb(3,103,239)
```

Shade Color Variation

#0a71fc
```
#0a71fc rgb(10,113,252)
```
#1d7cfc
```
#1d7cfc rgb(29,124,252)
```
#3087fc
```
#3087fc rgb(48,135,252)
```
#4492fd
```
#4492fd rgb(68,146,253)
```
#579efd
```
#579efd rgb(87,158,253)
```
#6aa9fd
```
#6aa9fd rgb(106,169,253)
```
#7eb4fd
```
#7eb4fd rgb(126,180,253)
```
#91bffe
```
#91bffe rgb(145,191,254)
```
#a5cbfe
```
#a5cbfe rgb(165,203,254)
```
#b8d6fe
```
#b8d6fe rgb(184,214,254)
```
#cbe1fe
```
#cbe1fe rgb(203,225,254)
```
#dfecff
```
#dfecff rgb(223,236,255)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#878c92
```
#878c92 rgb(135,140,146)
```
#7e8a9b
```
#7e8a9b rgb(126,138,155)
```
#7589a4
```
#7589a4 rgb(117,137,164)
```
#6c88ad
```
#6c88ad rgb(108,136,173)
```
#6386b6
```
#6386b6 rgb(99,134,182)
```
#5b85be
```
#5b85be rgb(91,133,190)
```
#5284c7
```
#5284c7 rgb(82,132,199)
```
#4983d0
```
#4983d0 rgb(73,131,208)
```
#4081d9
```
#4081d9 rgb(64,129,217)
```
#3780e2
```
#3780e2 rgb(55,128,226)
```
#2f7fea
```
#2f7fea rgb(47,127,234)
```
#267df3
```
#267df3 rgb(38,125,243)
```
#1d7cfc
```
#1d7cfc rgb(29,124,252)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5e718a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2882fc Protanopia 1% of men
#0089e1 Deuteranopia 1% of men
#00949c Tritanopia 0.001% of the population

Trichromacy

#2480fc Protanomaly 1% of men, 0.01% of women
#0a84eb Deuteranomaly 6% of men, 0.4% of women
#0a8bbf Tritanomaly 0.01% of the population

#1d7cfc hex color

#1d7cfc Color Information

#1d7cfc Color Conversion

Color Schemes with #1d7cfc

Alternatives to #1d7cfc

#1d7cfc Preview

Shades and Tints of #1d7cfc

Tones of #1d7cfc

Color Blindness Simulator