#2db7ed hex color

In a RGB color space, hex #2db7ed is composed of 17.6% red, 71.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 22.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 196.9 degrees, a saturation of 84.2% and a lightness of 55.3%. #2db7ed color hex could be obtained by blending #5affff with #006fdb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 72
- B 93
RGB color chart
- C 81
- M 23
- Y 0
- K 7
CMYK color chart

● #2db7ed color description : Bright blue.

The hexadecimal color #2db7ed has RGB values of R:45, G:183, B:237 and CMYK values of C:0.81, M:0.23, Y:0, K:0.07. Its decimal value is 2996205.

Hex triplet	2db7ed	`#2db7ed`
RGB Decimal	45, 183, 237	`rgb(45,183,237)`
RGB Percent	17.6, 71.8, 92.9	`rgb(17.6%,71.8%,92.9%)`
CMYK	81, 23, 0, 7
HSL	196.9°, 84.2, 55.3	`hsl(196.9,84.2%,55.3%)`
HSV (or HSB)	196.9°, 81, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.85, -17.567, -36.99
XYZ	33.298, 40.536, 86.185
xyY	0.208, 0.253, 40.536
CIE-LCH	69.85, 40.949, 244.597
CIE-LUV	69.85, -45.251, -57.141
Hunter-Lab	63.668, -18.065, -35.691
Binary	00101101, 10110111, 11101101

#2db7ed
```
#2db7ed rgb(45,183,237)
```
#ed632d
```
#ed632d rgb(237,99,45)
```

Complementary Color

#2dedc3
```
#2dedc3 rgb(45,237,195)
```
#2db7ed
```
#2db7ed rgb(45,183,237)
```
#2d57ed
```
#2d57ed rgb(45,87,237)
```

Analogous Color

#edc32d
```
#edc32d rgb(237,195,45)
```
#2db7ed
```
#2db7ed rgb(45,183,237)
```
#ed2d57
```
#ed2d57 rgb(237,45,87)
```

Split Complementary Color

#b7ed2d
```
#b7ed2d rgb(183,237,45)
```
#2db7ed
```
#2db7ed rgb(45,183,237)
```
#ed2db7
```
#ed2db7 rgb(237,45,183)
```

Triadic Color

#2ded63
```
#2ded63 rgb(45,237,99)
```
#2db7ed
```
#2db7ed rgb(45,183,237)
```
#ed2db7
```
#ed2db7 rgb(237,45,183)
```
#ed632d
```
#ed632d rgb(237,99,45)
```

Tetradic Color

#108dbd
```
#108dbd rgb(16,141,189)
```
#129ed5
```
#129ed5 rgb(18,158,213)
```
#16afeb
```
#16afeb rgb(22,175,235)
```
#2db7ed
```
#2db7ed rgb(45,183,237)
```
#44bfef
```
#44bfef rgb(68,191,239)
```
#5cc7f1
```
#5cc7f1 rgb(92,199,241)
```
#73cff3
```
#73cff3 rgb(115,207,243)
```

Monochromatic Color

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

#2de7ed
```
#2de7ed rgb(45,231,237)
```
#2dd7ed
```
#2dd7ed rgb(45,215,237)
```
#2dc7ed
```
#2dc7ed rgb(45,199,237)
```
#2db7ed
```
#2db7ed rgb(45,183,237)
```
#2da7ed
```
#2da7ed rgb(45,167,237)
```
#2d97ed
```
#2d97ed rgb(45,151,237)
```
#2d87ed
```
#2d87ed rgb(45,135,237)
```

Similar Colors

Text with hexadecimal color #2db7ed

This text has a font color of #2db7ed.

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

#2db7ed background color

This paragraph has a background color of #2db7ed.

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

#2db7ed border color

This element has a border color of #2db7ed.

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

CSS codes

.text {color:#2db7ed;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#021219
```
#021219 rgb(2,18,25)
```
#04202b
```
#04202b rgb(4,32,43)
```
#052d3d
```
#052d3d rgb(5,45,61)
```
#073b4f
```
#073b4f rgb(7,59,79)
```
#084861
```
#084861 rgb(8,72,97)
```
#0a5673
```
#0a5673 rgb(10,86,115)
```
#0b6385
```
#0b6385 rgb(11,99,133)
```
#0d7097
```
#0d7097 rgb(13,112,151)
```
#0f7ea9
```
#0f7ea9 rgb(15,126,169)
```
#108bbb
```
#108bbb rgb(16,139,187)
```
#1299ce
```
#1299ce rgb(18,153,206)
```
#13a6e0
```
#13a6e0 rgb(19,166,224)
```

Shade Color Variation

#1bb1eb
```
#1bb1eb rgb(27,177,235)
```
#2db7ed
```
#2db7ed rgb(45,183,237)
```
#3fbdef
```
#3fbdef rgb(63,189,239)
```
#51c3f0
```
#51c3f0 rgb(81,195,240)
```
#63caf2
```
#63caf2 rgb(99,202,242)
```
#75d0f3
```
#75d0f3 rgb(117,208,243)
```
#87d6f5
```
#87d6f5 rgb(135,214,245)
```
#99dcf6
```
#99dcf6 rgb(153,220,246)
```
#abe2f8
```
#abe2f8 rgb(171,226,248)
```
#bee9f9
```
#bee9f9 rgb(190,233,249)
```
#d0effb
```
#d0effb rgb(208,239,251)
```
#e2f5fc
```
#e2f5fc rgb(226,245,252)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

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

#859195
```
#859195 rgb(133,145,149)
```
#7c949e
```
#7c949e rgb(124,148,158)
```
#7398a7
```
#7398a7 rgb(115,152,167)
```
#6a9cb0
```
#6a9cb0 rgb(106,156,176)
```
#62a0b8
```
#62a0b8 rgb(98,160,184)
```
#59a4c1
```
#59a4c1 rgb(89,164,193)
```
#50a8ca
```
#50a8ca rgb(80,168,202)
```
#47abd3
```
#47abd3 rgb(71,171,211)
```
#3fafdb
```
#3fafdb rgb(63,175,219)
```
#36b3e4
```
#36b3e4 rgb(54,179,228)
```
#2db7ed
```
#2db7ed rgb(45,183,237)
```
#24bbf6
```
#24bbf6 rgb(36,187,246)
```
#1bbfff
```
#1bbfff rgb(27,191,255)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7f9ba6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eade4 Protanopia 1% of men
#92adf3 Deuteranopia 1% of men
#00c0cd Tritanopia 0.001% of the population

Trichromacy

#75b0e7 Protanomaly 1% of men, 0.01% of women
#6db1f0 Deuteranomaly 6% of men, 0.4% of women
#10bcd9 Tritanomaly 0.01% of the population

#2db7ed hex color

#2db7ed Color Information

#2db7ed Color Conversion

Color Schemes with #2db7ed

Alternatives to #2db7ed

#2db7ed Preview

Shades and Tints of #2db7ed

Tones of #2db7ed

Color Blindness Simulator