#2dbcf8 hex color

In a RGB color space, hex #2dbcf8 is composed of 17.6% red, 73.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 24.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 197.7 degrees, a saturation of 93.5% and a lightness of 57.5%. #2dbcf8 color hex could be obtained by blending #5affff with #0079f1. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 74
- B 97
RGB color chart
- C 82
- M 24
- Y 0
- K 3
CMYK color chart

● #2dbcf8 color description : Bright blue.

The hexadecimal color #2dbcf8 has RGB values of R:45, G:188, B:248 and CMYK values of C:0.82, M:0.24, Y:0, K:0.03. Its decimal value is 2997496.

Hex triplet	2dbcf8	`#2dbcf8`
RGB Decimal	45, 188, 248	`rgb(45,188,248)`
RGB Percent	17.6, 73.7, 97.3	`rgb(17.6%,73.7%,97.3%)`
CMYK	82, 24, 0, 3
HSL	197.7°, 93.5, 57.5	`hsl(197.7,93.5%,57.5%)`
HSV (or HSB)	197.7°, 81.9, 97.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.757, -16.485, -39.981
XYZ	36.004, 43.298, 95.262
xyY	0.206, 0.248, 43.298
CIE-LCH	71.757, 43.246, 247.592
CIE-LUV	71.757, -46.233, -62.614
Hunter-Lab	65.801, -17.483, -39.774
Binary	00101101, 10111100, 11111000

#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```
#f8692d
```
#f8692d rgb(248,105,45)
```

Complementary Color

#2df8cf
```
#2df8cf rgb(45,248,207)
```
#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```
#2d57f8
```
#2d57f8 rgb(45,87,248)
```

Analogous Color

#f8cf2d
```
#f8cf2d rgb(248,207,45)
```
#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```
#f82d57
```
#f82d57 rgb(248,45,87)
```

Split Complementary Color

#bcf82d
```
#bcf82d rgb(188,248,45)
```
#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```
#f82dbc
```
#f82dbc rgb(248,45,188)
```

Triadic Color

#2df869
```
#2df869 rgb(45,248,105)
```
#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```
#f82dbc
```
#f82dbc rgb(248,45,188)
```
#f8692d
```
#f8692d rgb(248,105,45)
```

Tetradic Color

#0796d2
```
#0796d2 rgb(7,150,210)
```
#08a7ea
```
#08a7ea rgb(8,167,234)
```
#14b4f7
```
#14b4f7 rgb(20,180,247)
```
#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```
#46c4f9
```
#46c4f9 rgb(70,196,249)
```
#5eccfa
```
#5eccfa rgb(94,204,250)
```
#77d4fa
```
#77d4fa rgb(119,212,250)
```

Monochromatic Color

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

#2deff8
```
#2deff8 rgb(45,239,248)
```
#2ddef8
```
#2ddef8 rgb(45,222,248)
```
#2dcdf8
```
#2dcdf8 rgb(45,205,248)
```
#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```
#2dabf8
```
#2dabf8 rgb(45,171,248)
```
#2d9af8
```
#2d9af8 rgb(45,154,248)
```
#2d89f8
```
#2d89f8 rgb(45,137,248)
```

Similar Colors

Text with hexadecimal color #2dbcf8

This text has a font color of #2dbcf8.

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

#2dbcf8 background color

This paragraph has a background color of #2dbcf8.

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

#2dbcf8 border color

This element has a border color of #2dbcf8.

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

CSS codes

.text {color:#2dbcf8;}

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

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

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, #010d12 is the darkest color, while #feffff is the lightest one.

#010d12
```
#010d12 rgb(1,13,18)
```
#011a25
```
#011a25 rgb(1,26,37)
```
#022838
```
#022838 rgb(2,40,56)
```
#02354b
```
#02354b rgb(2,53,75)
```
#03435e
```
#03435e rgb(3,67,94)
```
#045171
```
#045171 rgb(4,81,113)
```
#045e84
```
#045e84 rgb(4,94,132)
```
#056c97
```
#056c97 rgb(5,108,151)
```
#0679aa
```
#0679aa rgb(6,121,170)
```
#0687bd
```
#0687bd rgb(6,135,189)
```
#0794d0
```
#0794d0 rgb(7,148,208)
```
#08a2e3
```
#08a2e3 rgb(8,162,227)
```
#08aff6
```
#08aff6 rgb(8,175,246)
```

Shade Color Variation

#1ab6f7
```
#1ab6f7 rgb(26,182,247)
```
#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```
#40c2f9
```
#40c2f9 rgb(64,194,249)
```
#53c8f9
```
#53c8f9 rgb(83,200,249)
```
#66cefa
```
#66cefa rgb(102,206,250)
```
#79d4fb
```
#79d4fb rgb(121,212,251)
```
#8cdafb
```
#8cdafb rgb(140,218,251)
```
#9fe0fc
```
#9fe0fc rgb(159,224,252)
```
#b2e6fc
```
#b2e6fc rgb(178,230,252)
```
#c5ecfd
```
#c5ecfd rgb(197,236,253)
```
#d8f3fe
```
#d8f3fe rgb(216,243,254)
```
#ebf9fe
```
#ebf9fe rgb(235,249,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#919394
```
#919394 rgb(145,147,148)
```
#89969c
```
#89969c rgb(137,150,156)
```
#809aa5
```
#809aa5 rgb(128,154,165)
```
#789dad
```
#789dad rgb(120,157,173)
```
#70a1b5
```
#70a1b5 rgb(112,161,181)
```
#67a4be
```
#67a4be rgb(103,164,190)
```
#5fa8c6
```
#5fa8c6 rgb(95,168,198)
```
#57abce
```
#57abce rgb(87,171,206)
```
#4eaed7
```
#4eaed7 rgb(78,174,215)
```
#46b2df
```
#46b2df rgb(70,178,223)
```
#3eb5e7
```
#3eb5e7 rgb(62,181,231)
```
#35b9f0
```
#35b9f0 rgb(53,185,240)
```
#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#839fab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b1ee Protanopia 1% of men
#93b2fd Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#76b5f2 Protanomaly 1% of men, 0.01% of women
#6db6fb Deuteranomaly 6% of men, 0.4% of women
#10c2e0 Tritanomaly 0.01% of the population

#2dbcf8 hex color

#2dbcf8 Color Information

#2dbcf8 Color Conversion

Color Schemes with #2dbcf8

Alternatives to #2dbcf8

#2dbcf8 Preview

Shades and Tints of #2dbcf8

Tones of #2dbcf8

Color Blindness Simulator