#2dacfc hex color

In a RGB color space, hex #2dacfc is composed of 17.6% red, 67.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 31.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 203.2 degrees, a saturation of 97.2% and a lightness of 58.2%. #2dacfc color hex could be obtained by blending #5affff with #0059f9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 67
- B 99
RGB color chart
- C 82
- M 32
- Y 0
- K 1
CMYK color chart

● #2dacfc color description : Bright blue.

The hexadecimal color #2dacfc has RGB values of R:45, G:172, B:252 and CMYK values of C:0.82, M:0.32, Y:0, K:0.01. Its decimal value is 2993404.

Hex triplet	2dacfc	`#2dacfc`
RGB Decimal	45, 172, 252	`rgb(45,172,252)`
RGB Percent	17.6, 67.5, 98.8	`rgb(17.6%,67.5%,98.8%)`
CMYK	82, 32, 0, 1
HSL	203.2°, 97.2, 58.2	`hsl(203.2,97.2%,58.2%)`
HSV (or HSB)	203.2°, 82.1, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.343, -6.398, -49.07
XYZ	33.401, 37.088, 97.488
xyY	0.199, 0.221, 37.088
CIE-LCH	67.343, 49.485, 262.571
CIE-LUV	67.343, -40.616, -78.762
Hunter-Lab	60.9, -8.676, -52.281
Binary	00101101, 10101100, 11111100

#2dacfc
```
#2dacfc rgb(45,172,252)
```
#fc7d2d
```
#fc7d2d rgb(252,125,45)
```

Complementary Color

#2dfce5
```
#2dfce5 rgb(45,252,229)
```
#2dacfc
```
#2dacfc rgb(45,172,252)
```
#2d45fc
```
#2d45fc rgb(45,69,252)
```

Analogous Color

#fce52d
```
#fce52d rgb(252,229,45)
```
#2dacfc
```
#2dacfc rgb(45,172,252)
```
#fc2d45
```
#fc2d45 rgb(252,45,69)
```

Split Complementary Color

#acfc2d
```
#acfc2d rgb(172,252,45)
```
#2dacfc
```
#2dacfc rgb(45,172,252)
```
#fc2dac
```
#fc2dac rgb(252,45,172)
```

Triadic Color

#2dfc7d
```
#2dfc7d rgb(45,252,125)
```
#2dacfc
```
#2dacfc rgb(45,172,252)
```
#fc2dac
```
#fc2dac rgb(252,45,172)
```
#fc7d2d
```
#fc7d2d rgb(252,125,45)
```

Tetradic Color

#0387d9
```
#0387d9 rgb(3,135,217)
```
#0396f3
```
#0396f3 rgb(3,150,243)
```
#14a2fc
```
#14a2fc rgb(20,162,252)
```
#2dacfc
```
#2dacfc rgb(45,172,252)
```
#46b6fc
```
#46b6fc rgb(70,182,252)
```
#5fc0fd
```
#5fc0fd rgb(95,192,253)
```
#78cafd
```
#78cafd rgb(120,202,253)
```

Monochromatic Color

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

#2de0fc
```
#2de0fc rgb(45,224,252)
```
#2dcffc
```
#2dcffc rgb(45,207,252)
```
#2dbdfc
```
#2dbdfc rgb(45,189,252)
```
#2dacfc
```
#2dacfc rgb(45,172,252)
```
#2d9bfc
```
#2d9bfc rgb(45,155,252)
```
#2d8afc
```
#2d8afc rgb(45,138,252)
```
#2d78fc
```
#2d78fc rgb(45,120,252)
```

Similar Colors

Text with hexadecimal color #2dacfc

This text has a font color of #2dacfc.

<span style="color:#2dacfc;">Text here</span>

#2dacfc background color

This paragraph has a background color of #2dacfc.

<p style="background-color:#2dacfc;">Content here</p>

#2dacfc border color

This element has a border color of #2dacfc.

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

CSS codes

.text {color:#2dacfc;}

.background {background-color:#2dacfc;}

.border {border:1px solid #2dacfc;}

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 #eef8ff is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#000e16
```
#000e16 rgb(0,14,22)
```
#011a29
```
#011a29 rgb(1,26,41)
```
#01263d
```
#01263d rgb(1,38,61)
```
#013250
```
#013250 rgb(1,50,80)
```
#013e63
```
#013e63 rgb(1,62,99)
```
#024a77
```
#024a77 rgb(2,74,119)
```
#02558a
```
#02558a rgb(2,85,138)
```
#02619d
```
#02619d rgb(2,97,157)
```
#036db1
```
#036db1 rgb(3,109,177)
```
#0379c4
```
#0379c4 rgb(3,121,196)
```
#0385d7
```
#0385d7 rgb(3,133,215)
```
#0391eb
```
#0391eb rgb(3,145,235)
```

Shade Color Variation

#069dfb
```
#069dfb rgb(6,157,251)
```
#1aa4fc
```
#1aa4fc rgb(26,164,252)
```
#2dacfc
```
#2dacfc rgb(45,172,252)
```
#40b4fc
```
#40b4fc rgb(64,180,252)
```
#54bbfd
```
#54bbfd rgb(84,187,253)
```
#67c3fd
```
#67c3fd rgb(103,195,253)
```
#7acbfd
```
#7acbfd rgb(122,203,253)
```
#8ed2fd
```
#8ed2fd rgb(142,210,253)
```
#a1dafe
```
#a1dafe rgb(161,218,254)
```
#b4e2fe
```
#b4e2fe rgb(180,226,254)
```
#c8e9fe
```
#c8e9fe rgb(200,233,254)
```
#dbf1fe
```
#dbf1fe rgb(219,241,254)
```
#eef8ff
```
#eef8ff rgb(238,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f969a is the less saturated color, while #2dacfc is the most saturated one.

#8f969a
```
#8f969a rgb(143,150,154)
```
#8798a2
```
#8798a2 rgb(135,152,162)
```
#7f99aa
```
#7f99aa rgb(127,153,170)
```
#779bb2
```
#779bb2 rgb(119,155,178)
```
#6f9dba
```
#6f9dba rgb(111,157,186)
```
#669fc3
```
#669fc3 rgb(102,159,195)
```
#5ea1cb
```
#5ea1cb rgb(94,161,203)
```
#56a3d3
```
#56a3d3 rgb(86,163,211)
```
#4ea5db
```
#4ea5db rgb(78,165,219)
```
#46a6e3
```
#46a6e3 rgb(70,166,227)
```
#3da8ec
```
#3da8ec rgb(61,168,236)
```
#35aaf4
```
#35aaf4 rgb(53,170,244)
```
#2dacfc
```
#2dacfc rgb(45,172,252)
```

Tone Color Variation

Below, you can see how #2dacfc 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

#8f8f8f Achromatopsia 0.005% of the population
#7b95a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba6f4 Protanopia 1% of men
#74a8ff Deuteranopia 1% of men
#00b9c5 Tritanopia 0.001% of the population

Trichromacy

#69a8f7 Protanomaly 1% of men, 0.01% of women
#5aaafd Deuteranomaly 6% of men, 0.4% of women
#10b4d9 Tritanomaly 0.01% of the population

#2dacfc hex color

#2dacfc Color Information

#2dacfc Color Conversion

Color Schemes with #2dacfc

Alternatives to #2dacfc

#2dacfc Preview

Shades and Tints of #2dacfc

Tones of #2dacfc

Color Blindness Simulator