#2db4eb hex color

In a RGB color space, hex #2db4eb is composed of 17.6% red, 70.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 23.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 197.4 degrees, a saturation of 82.6% and a lightness of 54.9%. #2db4eb color hex could be obtained by blending #5affff with #0069d7. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 71
- B 92
RGB color chart
- C 81
- M 23
- Y 0
- K 8
CMYK color chart

● #2db4eb color description : Bright blue.

The hexadecimal color #2db4eb has RGB values of R:45, G:180, B:235 and CMYK values of C:0.81, M:0.23, Y:0, K:0.08. Its decimal value is 2995435.

Hex triplet	2db4eb	`#2db4eb`
RGB Decimal	45, 180, 235	`rgb(45,180,235)`
RGB Percent	17.6, 70.6, 92.2	`rgb(17.6%,70.6%,92.2%)`
CMYK	81, 23, 0, 8
HSL	197.4°, 82.6, 54.9	`hsl(197.4,82.6%,54.9%)`
HSV (or HSB)	197.4°, 80.9, 92.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	68.893, -16.656, -37.391
XYZ	32.395, 39.196, 84.451
xyY	0.208, 0.251, 39.196
CIE-LCH	68.893, 40.933, 245.989
CIE-LUV	68.893, -44.355, -57.832
Hunter-Lab	62.606, -17.198, -36.153
Binary	00101101, 10110100, 11101011

#2db4eb
```
#2db4eb rgb(45,180,235)
```
#eb642d
```
#eb642d rgb(235,100,45)
```

Complementary Color

#2debc3
```
#2debc3 rgb(45,235,195)
```
#2db4eb
```
#2db4eb rgb(45,180,235)
```
#2d55eb
```
#2d55eb rgb(45,85,235)
```

Analogous Color

#ebc32d
```
#ebc32d rgb(235,195,45)
```
#2db4eb
```
#2db4eb rgb(45,180,235)
```
#eb2d55
```
#eb2d55 rgb(235,45,85)
```

Split Complementary Color

#b4eb2d
```
#b4eb2d rgb(180,235,45)
```
#2db4eb
```
#2db4eb rgb(45,180,235)
```
#eb2db4
```
#eb2db4 rgb(235,45,180)
```

Triadic Color

#2deb64
```
#2deb64 rgb(45,235,100)
```
#2db4eb
```
#2db4eb rgb(45,180,235)
```
#eb2db4
```
#eb2db4 rgb(235,45,180)
```
#eb642d
```
#eb642d rgb(235,100,45)
```

Tetradic Color

#1289ba
```
#1289ba rgb(18,137,186)
```
#149ad1
```
#149ad1 rgb(20,154,209)
```
#16ace8
```
#16ace8 rgb(22,172,232)
```
#2db4eb
```
#2db4eb rgb(45,180,235)
```
#44bced
```
#44bced rgb(68,188,237)
```
#5cc5ef
```
#5cc5ef rgb(92,197,239)
```
#73cdf2
```
#73cdf2 rgb(115,205,242)
```

Monochromatic Color

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

#2de4eb
```
#2de4eb rgb(45,228,235)
```
#2dd4eb
```
#2dd4eb rgb(45,212,235)
```
#2dc4eb
```
#2dc4eb rgb(45,196,235)
```
#2db4eb
```
#2db4eb rgb(45,180,235)
```
#2da4eb
```
#2da4eb rgb(45,164,235)
```
#2d94eb
```
#2d94eb rgb(45,148,235)
```
#2d85eb
```
#2d85eb rgb(45,133,235)
```

Similar Colors

Text with hexadecimal color #2db4eb

This text has a font color of #2db4eb.

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

#2db4eb background color

This paragraph has a background color of #2db4eb.

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

#2db4eb border color

This element has a border color of #2db4eb.

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

CSS codes

.text {color:#2db4eb;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#021117
```
#021117 rgb(2,17,23)
```
#041e29
```
#041e29 rgb(4,30,41)
```
#062b3b
```
#062b3b rgb(6,43,59)
```
#07394d
```
#07394d rgb(7,57,77)
```
#09465e
```
#09465e rgb(9,70,94)
```
#0b5370
```
#0b5370 rgb(11,83,112)
```
#0c6082
```
#0c6082 rgb(12,96,130)
```
#0e6d94
```
#0e6d94 rgb(14,109,148)
```
#107ba6
```
#107ba6 rgb(16,123,166)
```
#1288b8
```
#1288b8 rgb(18,136,184)
```
#1395ca
```
#1395ca rgb(19,149,202)
```
#15a2dc
```
#15a2dc rgb(21,162,220)
```

Shade Color Variation

#1baee9
```
#1baee9 rgb(27,174,233)
```
#2db4eb
```
#2db4eb rgb(45,180,235)
```
#3fbaed
```
#3fbaed rgb(63,186,237)
```
#51c1ee
```
#51c1ee rgb(81,193,238)
```
#63c7f0
```
#63c7f0 rgb(99,199,240)
```
#75cef2
```
#75cef2 rgb(117,206,242)
```
#87d4f4
```
#87d4f4 rgb(135,212,244)
```
#98daf5
```
#98daf5 rgb(152,218,245)
```
#aae1f7
```
#aae1f7 rgb(170,225,247)
```
#bce7f9
```
#bce7f9 rgb(188,231,249)
```
#ceeefa
```
#ceeefa rgb(206,238,250)
```
#e0f4fc
```
#e0f4fc rgb(224,244,252)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

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

#858f93
```
#858f93 rgb(133,143,147)
```
#7d929b
```
#7d929b rgb(125,146,155)
```
#7496a4
```
#7496a4 rgb(116,150,164)
```
#6b9aad
```
#6b9aad rgb(107,154,173)
```
#629eb6
```
#629eb6 rgb(98,158,182)
```
#59a1bf
```
#59a1bf rgb(89,161,191)
```
#50a5c8
```
#50a5c8 rgb(80,165,200)
```
#48a9d0
```
#48a9d0 rgb(72,169,208)
```
#3fadd9
```
#3fadd9 rgb(63,173,217)
```
#36b0e2
```
#36b0e2 rgb(54,176,226)
```
#2db4eb
```
#2db4eb rgb(45,180,235)
```
#24b8f4
```
#24b8f4 rgb(36,184,244)
```
#1bbbfd
```
#1bbbfd rgb(27,187,253)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7e99a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9baae2 Protanopia 1% of men
#8fabf1 Deuteranopia 1% of men
#00bdca Tritanopia 0.001% of the population

Trichromacy

#73aee5 Protanomaly 1% of men, 0.01% of women
#6baeee Deuteranomaly 6% of men, 0.4% of women
#10b9d6 Tritanomaly 0.01% of the population

#2db4eb hex color

#2db4eb Color Information

#2db4eb Color Conversion

Color Schemes with #2db4eb

Alternatives to #2db4eb

#2db4eb Preview

Shades and Tints of #2db4eb

Tones of #2db4eb

Color Blindness Simulator