#2ddbfe hex color

In a RGB color space, hex #2ddbfe is composed of 17.6% red, 85.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 13.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 190 degrees, a saturation of 99.1% and a lightness of 58.6%. #2ddbfe color hex could be obtained by blending #5affff with #00b7fd. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 86
- B 100
RGB color chart
- C 82
- M 14
- Y 0
- K 0
CMYK color chart

● #2ddbfe color description : Bright cyan.

The hexadecimal color #2ddbfe has RGB values of R:45, G:219, B:254 and CMYK values of C:0.82, M:0.14, Y:0, K:0. Its decimal value is 3005438.

Hex triplet	2ddbfe	`#2ddbfe`
RGB Decimal	45, 219, 254	`rgb(45,219,254)`
RGB Percent	17.6, 85.9, 99.6	`rgb(17.6%,85.9%,99.6%)`
CMYK	82, 14, 0, 0
HSL	190°, 99.1, 58.6	`hsl(190,99.1%,58.6%)`
HSV (or HSB)	190°, 82.3, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.945, -30.207, -28.988
XYZ	44.298, 58.372, 102.693
xyY	0.216, 0.284, 58.372
CIE-LCH	80.945, 41.866, 223.821
CIE-LUV	80.945, -56.342, -42.631
Hunter-Lab	76.402, -30.208, -26.211
Binary	00101101, 11011011, 11111110

#2ddbfe
```
#2ddbfe rgb(45,219,254)
```
#fe502d
```
#fe502d rgb(254,80,45)
```

Complementary Color

#2dfeb9
```
#2dfeb9 rgb(45,254,185)
```
#2ddbfe
```
#2ddbfe rgb(45,219,254)
```
#2d73fe
```
#2d73fe rgb(45,115,254)
```

Analogous Color

#feb92d
```
#feb92d rgb(254,185,45)
```
#2ddbfe
```
#2ddbfe rgb(45,219,254)
```
#fe2d73
```
#fe2d73 rgb(254,45,115)
```

Split Complementary Color

#dbfe2d
```
#dbfe2d rgb(219,254,45)
```
#2ddbfe
```
#2ddbfe rgb(45,219,254)
```
#fe2ddb
```
#fe2ddb rgb(254,45,219)
```

Triadic Color

#2dfe50
```
#2dfe50 rgb(45,254,80)
```
#2ddbfe
```
#2ddbfe rgb(45,219,254)
```
#fe2ddb
```
#fe2ddb rgb(254,45,219)
```
#fe502d
```
#fe502d rgb(254,80,45)
```

Tetradic Color

#01b9dd
```
#01b9dd rgb(1,185,221)
```
#01cef7
```
#01cef7 rgb(1,206,247)
```
#14d7fe
```
#14d7fe rgb(20,215,254)
```
#2ddbfe
```
#2ddbfe rgb(45,219,254)
```
#46dffe
```
#46dffe rgb(70,223,254)
```
#60e4fe
```
#60e4fe rgb(96,228,254)
```
#79e8fe
```
#79e8fe rgb(121,232,254)
```

Monochromatic Color

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

#2dfeed
```
#2dfeed rgb(45,254,237)
```
#2dfefe
```
#2dfefe rgb(45,254,254)
```
#2decfe
```
#2decfe rgb(45,236,254)
```
#2ddbfe
```
#2ddbfe rgb(45,219,254)
```
#2dcafe
```
#2dcafe rgb(45,202,254)
```
#2db8fe
```
#2db8fe rgb(45,184,254)
```
#2da7fe
```
#2da7fe rgb(45,167,254)
```

Similar Colors

Text with hexadecimal color #2ddbfe

This text has a font color of #2ddbfe.

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

#2ddbfe background color

This paragraph has a background color of #2ddbfe.

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

#2ddbfe border color

This element has a border color of #2ddbfe.

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

CSS codes

.text {color:#2ddbfe;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001418
```
#001418 rgb(0,20,24)
```
#00242c
```
#00242c rgb(0,36,44)
```
#00353f
```
#00353f rgb(0,53,63)
```
#004553
```
#004553 rgb(0,69,83)
```
#005566
```
#005566 rgb(0,85,102)
```
#01667a
```
#01667a rgb(1,102,122)
```
#01768d
```
#01768d rgb(1,118,141)
```
#0186a1
```
#0186a1 rgb(1,134,161)
```
#0196b4
```
#0196b4 rgb(1,150,180)
```
#01a7c8
```
#01a7c8 rgb(1,167,200)
```
#01b7db
```
#01b7db rgb(1,183,219)
```
#01c7ef
```
#01c7ef rgb(1,199,239)
```

Shade Color Variation

#06d4fe
```
#06d4fe rgb(6,212,254)
```
#19d8fe
```
#19d8fe rgb(25,216,254)
```
#2ddbfe
```
#2ddbfe rgb(45,219,254)
```
#41defe
```
#41defe rgb(65,222,254)
```
#54e2fe
```
#54e2fe rgb(84,226,254)
```
#68e5fe
```
#68e5fe rgb(104,229,254)
```
#7be8fe
```
#7be8fe rgb(123,232,254)
```
#8fecfe
```
#8fecfe rgb(143,236,254)
```
#a2efff
```
#a2efff rgb(162,239,255)
```
#b6f2ff
```
#b6f2ff rgb(182,242,255)
```
#c9f6ff
```
#c9f6ff rgb(201,246,255)
```
#ddf9ff
```
#ddf9ff rgb(221,249,255)
```
#f0fcff
```
#f0fcff rgb(240,252,255)
```

Tint Color Variation

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

#8e9a9d
```
#8e9a9d rgb(142,154,157)
```
#86a0a5
```
#86a0a5 rgb(134,160,165)
```
#7ea5ad
```
#7ea5ad rgb(126,165,173)
```
#76aab5
```
#76aab5 rgb(118,170,181)
```
#6eb0bd
```
#6eb0bd rgb(110,176,189)
```
#66b5c5
```
#66b5c5 rgb(102,181,197)
```
#5ebbcd
```
#5ebbcd rgb(94,187,205)
```
#56c0d5
```
#56c0d5 rgb(86,192,213)
```
#4dc5de
```
#4dc5de rgb(77,197,222)
```
#45cbe6
```
#45cbe6 rgb(69,203,230)
```
#3dd0ee
```
#3dd0ee rgb(61,208,238)
```
#35d6f6
```
#35d6f6 rgb(53,214,246)
```
#2ddbfe
```
#2ddbfe rgb(45,219,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#92b5bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2caf2 Protanopia 1% of men
#bfc9ff Deuteranopia 1% of men
#18dfef Tritanopia 0.001% of the population

Trichromacy

#8cd0f6 Protanomaly 1% of men, 0.01% of women
#89cffe Deuteranomaly 6% of men, 0.4% of women
#20ddf4 Tritanomaly 0.01% of the population

#2ddbfe hex color

#2ddbfe Color Information

#2ddbfe Color Conversion

Color Schemes with #2ddbfe

Alternatives to #2ddbfe

#2ddbfe Preview

Shades and Tints of #2ddbfe

Tones of #2ddbfe

Color Blindness Simulator