#1ac2fd hex color

In a RGB color space, hex #1ac2fd is composed of 10.2% red, 76.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 23.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 195.6 degrees, a saturation of 98.3% and a lightness of 54.7%. #1ac2fd color hex could be obtained by blending #34ffff with #0085fb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 10
- G 76
- B 99
RGB color chart
- C 90
- M 23
- Y 0
- K 1
CMYK color chart

● #1ac2fd color description : Vivid blue.

The hexadecimal color #1ac2fd has RGB values of R:26, G:194, B:253 and CMYK values of C:0.9, M:0.23, Y:0, K:0.01. Its decimal value is 1753853.

Hex triplet	1ac2fd	`#1ac2fd`
RGB Decimal	26, 194, 253	`rgb(26,194,253)`
RGB Percent	10.2, 76.1, 99.2	`rgb(10.2%,76.1%,99.2%)`
CMYK	90, 23, 0, 1
HSL	195.6°, 98.3, 54.7	`hsl(195.6,98.3%,54.7%)`
HSV (or HSB)	195.6°, 89.7, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.475, -19.135, -40.014
XYZ	37.443, 45.891, 99.808
xyY	0.204, 0.251, 45.891
CIE-LCH	73.475, 44.354, 244.442
CIE-LUV	73.475, -49.436, -62.545
Hunter-Lab	67.743, -19.891, -39.933
Binary	00011010, 11000010, 11111101

#1ac2fd
```
#1ac2fd rgb(26,194,253)
```
#fd551a
```
#fd551a rgb(253,85,26)
```

Complementary Color

#1afdc7
```
#1afdc7 rgb(26,253,199)
```
#1ac2fd
```
#1ac2fd rgb(26,194,253)
```
#1a51fd
```
#1a51fd rgb(26,81,253)
```

Analogous Color

#fdc71a
```
#fdc71a rgb(253,199,26)
```
#1ac2fd
```
#1ac2fd rgb(26,194,253)
```
#fd1a51
```
#fd1a51 rgb(253,26,81)
```

Split Complementary Color

#c2fd1a
```
#c2fd1a rgb(194,253,26)
```
#1ac2fd
```
#1ac2fd rgb(26,194,253)
```
#fd1ac2
```
#fd1ac2 rgb(253,26,194)
```

Triadic Color

#1afd55
```
#1afd55 rgb(26,253,85)
```
#1ac2fd
```
#1ac2fd rgb(26,194,253)
```
#fd1ac2
```
#fd1ac2 rgb(253,26,194)
```
#fd551a
```
#fd551a rgb(253,85,26)
```

Tetradic Color

#0295c9
```
#0295c9 rgb(2,149,201)
```
#02a8e2
```
#02a8e2 rgb(2,168,226)
```
#02bbfb
```
#02bbfb rgb(2,187,251)
```
#1ac2fd
```
#1ac2fd rgb(26,194,253)
```
#33c9fd
```
#33c9fd rgb(51,201,253)
```
#4dcffd
```
#4dcffd rgb(77,207,253)
```
#66d6fe
```
#66d6fe rgb(102,214,254)
```

Monochromatic Color

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

#1afbfd
```
#1afbfd rgb(26,251,253)
```
#1ae8fd
```
#1ae8fd rgb(26,232,253)
```
#1ad5fd
```
#1ad5fd rgb(26,213,253)
```
#1ac2fd
```
#1ac2fd rgb(26,194,253)
```
#1aaffd
```
#1aaffd rgb(26,175,253)
```
#1a9cfd
```
#1a9cfd rgb(26,156,253)
```
#1a89fd
```
#1a89fd rgb(26,137,253)
```

Similar Colors

Text with hexadecimal color #1ac2fd

This text has a font color of #1ac2fd.

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

#1ac2fd background color

This paragraph has a background color of #1ac2fd.

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

#1ac2fd border color

This element has a border color of #1ac2fd.

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

CSS codes

.text {color:#1ac2fd;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001218
```
#001218 rgb(0,18,24)
```
#00202b
```
#00202b rgb(0,32,43)
```
#012f3f
```
#012f3f rgb(1,47,63)
```
#013d52
```
#013d52 rgb(1,61,82)
```
#014b66
```
#014b66 rgb(1,75,102)
```
#015a79
```
#015a79 rgb(1,90,121)
```
#01688c
```
#01688c rgb(1,104,140)
```
#0177a0
```
#0177a0 rgb(1,119,160)
```
#0285b3
```
#0285b3 rgb(2,133,179)
```
#0294c7
```
#0294c7 rgb(2,148,199)
```
#02a2da
```
#02a2da rgb(2,162,218)
```
#02b0ee
```
#02b0ee rgb(2,176,238)
```

Shade Color Variation

#07bdfd
```
#07bdfd rgb(7,189,253)
```
#1ac2fd
```
#1ac2fd rgb(26,194,253)
```
#2dc7fd
```
#2dc7fd rgb(45,199,253)
```
#41ccfd
```
#41ccfd rgb(65,204,253)
```
#54d2fe
```
#54d2fe rgb(84,210,254)
```
#68d7fe
```
#68d7fe rgb(104,215,254)
```
#7bdcfe
```
#7bdcfe rgb(123,220,254)
```
#8fe1fe
```
#8fe1fe rgb(143,225,254)
```
#a2e6fe
```
#a2e6fe rgb(162,230,254)
```
#b6ebfe
```
#b6ebfe rgb(182,235,254)
```
#c9f1ff
```
#c9f1ff rgb(201,241,255)
```
#dcf6ff
```
#dcf6ff rgb(220,246,255)
```
#f0fbff
```
#f0fbff rgb(240,251,255)
```

Tint Color Variation

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

#858f92
```
#858f92 rgb(133,143,146)
```
#7c939b
```
#7c939b rgb(124,147,155)
```
#7397a4
```
#7397a4 rgb(115,151,164)
```
#6a9cad
```
#6a9cad rgb(106,156,173)
```
#61a0b6
```
#61a0b6 rgb(97,160,182)
```
#58a4bf
```
#58a4bf rgb(88,164,191)
```
#4fa8c8
```
#4fa8c8 rgb(79,168,200)
```
#46add1
```
#46add1 rgb(70,173,209)
```
#3eb1d9
```
#3eb1d9 rgb(62,177,217)
```
#35b5e2
```
#35b5e2 rgb(53,181,226)
```
#2cb9eb
```
#2cb9eb rgb(44,185,235)
```
#23bef4
```
#23bef4 rgb(35,190,244)
```
#1ac2fd
```
#1ac2fd rgb(26,194,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7d9fab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b6f2 Protanopia 1% of men
#9ab7ff Deuteranopia 1% of men
#00cad8 Tritanopia 0.001% of the population

Trichromacy

#72baf6 Protanomaly 1% of men, 0.01% of women
#6bbbfe Deuteranomaly 6% of men, 0.4% of women
#09c7e5 Tritanomaly 0.01% of the population

#1ac2fd hex color

#1ac2fd Color Information

#1ac2fd Color Conversion

Color Schemes with #1ac2fd

Alternatives to #1ac2fd

#1ac2fd Preview

Shades and Tints of #1ac2fd

Tones of #1ac2fd

Color Blindness Simulator