#2dccfd hex color

In a RGB color space, hex #2dccfd is composed of 17.6% red, 80% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 19.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 194.1 degrees, a saturation of 98.1% and a lightness of 58.4%. #2dccfd color hex could be obtained by blending #5affff with #0099fb. Closest websafe color is: #33ccff.

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

● #2dccfd color description : Bright cyan.

The hexadecimal color #2dccfd has RGB values of R:45, G:204, B:253 and CMYK values of C:0.82, M:0.19, Y:0, K:0.01. Its decimal value is 3001597.

Hex triplet	2dccfd	`#2dccfd`
RGB Decimal	45, 204, 253	`rgb(45,204,253)`
RGB Percent	17.6, 80, 99.2	`rgb(17.6%,80%,99.2%)`
CMYK	82, 19, 0, 1
HSL	194.1°, 98.1, 58.4	`hsl(194.1,98.1%,58.4%)`
HSV (or HSB)	194.1°, 82.2, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.577, -23.099, -35.182
XYZ	40.4, 50.832, 100.605
xyY	0.211, 0.265, 50.832
CIE-LCH	76.577, 42.088, 236.712
CIE-LUV	76.577, -51.323, -53.963
Hunter-Lab	71.296, -23.622, -33.756
Binary	00101101, 11001100, 11111101

#2dccfd
```
#2dccfd rgb(45,204,253)
```
#fd5e2d
```
#fd5e2d rgb(253,94,45)
```

Complementary Color

#2dfdc6
```
#2dfdc6 rgb(45,253,198)
```
#2dccfd
```
#2dccfd rgb(45,204,253)
```
#2d64fd
```
#2d64fd rgb(45,100,253)
```

Analogous Color

#fdc62d
```
#fdc62d rgb(253,198,45)
```
#2dccfd
```
#2dccfd rgb(45,204,253)
```
#fd2d64
```
#fd2d64 rgb(253,45,100)
```

Split Complementary Color

#ccfd2d
```
#ccfd2d rgb(204,253,45)
```
#2dccfd
```
#2dccfd rgb(45,204,253)
```
#fd2dcc
```
#fd2dcc rgb(253,45,204)
```

Triadic Color

#2dfd5e
```
#2dfd5e rgb(45,253,94)
```
#2dccfd
```
#2dccfd rgb(45,204,253)
```
#fd2dcc
```
#fd2dcc rgb(253,45,204)
```
#fd5e2d
```
#fd5e2d rgb(253,94,45)
```

Tetradic Color

#02a8db
```
#02a8db rgb(2,168,219)
```
#02bcf5
```
#02bcf5 rgb(2,188,245)
```
#14c6fd
```
#14c6fd rgb(20,198,253)
```
#2dccfd
```
#2dccfd rgb(45,204,253)
```
#46d2fd
```
#46d2fd rgb(70,210,253)
```
#60d8fd
```
#60d8fd rgb(96,216,253)
```
#79defe
```
#79defe rgb(121,222,254)
```

Monochromatic Color

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

#2dfdfa
```
#2dfdfa rgb(45,253,250)
```
#2deffd
```
#2deffd rgb(45,239,253)
```
#2dddfd
```
#2dddfd rgb(45,221,253)
```
#2dccfd
```
#2dccfd rgb(45,204,253)
```
#2dbbfd
```
#2dbbfd rgb(45,187,253)
```
#2da9fd
```
#2da9fd rgb(45,169,253)
```
#2d98fd
```
#2d98fd rgb(45,152,253)
```

Similar Colors

Text with hexadecimal color #2dccfd

This text has a font color of #2dccfd.

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

#2dccfd background color

This paragraph has a background color of #2dccfd.

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

#2dccfd border color

This element has a border color of #2dccfd.

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

CSS codes

.text {color:#2dccfd;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001217
```
#001217 rgb(0,18,23)
```
#00212b
```
#00212b rgb(0,33,43)
```
#01303e
```
#01303e rgb(1,48,62)
```
#013e51
```
#013e51 rgb(1,62,81)
```
#014d65
```
#014d65 rgb(1,77,101)
```
#015c78
```
#015c78 rgb(1,92,120)
```
#016b8c
```
#016b8c rgb(1,107,140)
```
#027a9f
```
#027a9f rgb(2,122,159)
```
#0289b3
```
#0289b3 rgb(2,137,179)
```
#0298c6
```
#0298c6 rgb(2,152,198)
```
#02a7d9
```
#02a7d9 rgb(2,167,217)
```
#02b6ed
```
#02b6ed rgb(2,182,237)
```

Shade Color Variation

#06c3fd
```
#06c3fd rgb(6,195,253)
```
#1ac7fd
```
#1ac7fd rgb(26,199,253)
```
#2dccfd
```
#2dccfd rgb(45,204,253)
```
#40d1fd
```
#40d1fd rgb(64,209,253)
```
#54d5fd
```
#54d5fd rgb(84,213,253)
```
#67dafe
```
#67dafe rgb(103,218,254)
```
#7bdffe
```
#7bdffe rgb(123,223,254)
```
#8ee4fe
```
#8ee4fe rgb(142,228,254)
```
#a2e8fe
```
#a2e8fe rgb(162,232,254)
```
#b5edfe
```
#b5edfe rgb(181,237,254)
```
#c8f2fe
```
#c8f2fe rgb(200,242,254)
```
#dcf6ff
```
#dcf6ff rgb(220,246,255)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

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

#8f989b
```
#8f989b rgb(143,152,155)
```
#879da3
```
#879da3 rgb(135,157,163)
```
#7fa1ab
```
#7fa1ab rgb(127,161,171)
```
#76a5b4
```
#76a5b4 rgb(118,165,180)
```
#6eaabc
```
#6eaabc rgb(110,170,188)
```
#66aec4
```
#66aec4 rgb(102,174,196)
```
#5eb2cc
```
#5eb2cc rgb(94,178,204)
```
#56b6d4
```
#56b6d4 rgb(86,182,212)
```
#4ebbdc
```
#4ebbdc rgb(78,187,220)
```
#45bfe5
```
#45bfe5 rgb(69,191,229)
```
#3dc3ed
```
#3dc3ed rgb(61,195,237)
```
#35c8f5
```
#35c8f5 rgb(53,200,245)
```
#2dccfd
```
#2dccfd rgb(45,204,253)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8baab4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bef2 Protanopia 1% of men
#aabeff Deuteranopia 1% of men
#00d3e2 Tritanopia 0.001% of the population

Trichromacy

#81c3f6 Protanomaly 1% of men, 0.01% of women
#7cc3fe Deuteranomaly 6% of men, 0.4% of women
#10d0eb Tritanomaly 0.01% of the population

#2dccfd hex color

#2dccfd Color Information

#2dccfd Color Conversion

Color Schemes with #2dccfd

Alternatives to #2dccfd

#2dccfd Preview

Shades and Tints of #2dccfd

Tones of #2dccfd

Color Blindness Simulator