#2dc0f8 hex color

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

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

● #2dc0f8 color description : Bright blue.

The hexadecimal color #2dc0f8 has RGB values of R:45, G:192, B:248 and CMYK values of C:0.82, M:0.23, Y:0, K:0.03. Its decimal value is 2998520.

Hex triplet	2dc0f8	`#2dc0f8`
RGB Decimal	45, 192, 248	`rgb(45,192,248)`
RGB Percent	17.6, 75.3, 97.3	`rgb(17.6%,75.3%,97.3%)`
CMYK	82, 23, 0, 3
HSL	196.6°, 93.5, 57.5	`hsl(196.6,93.5%,57.5%)`
HSV (or HSB)	196.6°, 81.9, 97.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.912, -18.586, -38.182
XYZ	36.871, 45.031, 95.55
xyY	0.208, 0.254, 45.031
CIE-LCH	72.912, 42.465, 244.044
CIE-LUV	72.912, -47.59, -59.38
Hunter-Lab	67.105, -19.358, -37.449
Binary	00101101, 11000000, 11111000

#2dc0f8
```
#2dc0f8 rgb(45,192,248)
```
#f8652d
```
#f8652d rgb(248,101,45)
```

Complementary Color

#2df8cb
```
#2df8cb rgb(45,248,203)
```
#2dc0f8
```
#2dc0f8 rgb(45,192,248)
```
#2d5bf8
```
#2d5bf8 rgb(45,91,248)
```

Analogous Color

#f8cb2d
```
#f8cb2d rgb(248,203,45)
```
#2dc0f8
```
#2dc0f8 rgb(45,192,248)
```
#f82d5b
```
#f82d5b rgb(248,45,91)
```

Split Complementary Color

#c0f82d
```
#c0f82d rgb(192,248,45)
```
#2dc0f8
```
#2dc0f8 rgb(45,192,248)
```
#f82dc0
```
#f82dc0 rgb(248,45,192)
```

Triadic Color

#2df865
```
#2df865 rgb(45,248,101)
```
#2dc0f8
```
#2dc0f8 rgb(45,192,248)
```
#f82dc0
```
#f82dc0 rgb(248,45,192)
```
#f8652d
```
#f8652d rgb(248,101,45)
```

Tetradic Color

#079ad2
```
#079ad2 rgb(7,154,210)
```
#08acea
```
#08acea rgb(8,172,234)
```
#14b9f7
```
#14b9f7 rgb(20,185,247)
```
#2dc0f8
```
#2dc0f8 rgb(45,192,248)
```
#46c7f9
```
#46c7f9 rgb(70,199,249)
```
#5ecffa
```
#5ecffa rgb(94,207,250)
```
#77d6fa
```
#77d6fa rgb(119,214,250)
```

Monochromatic Color

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

#2df3f8
```
#2df3f8 rgb(45,243,248)
```
#2de2f8
```
#2de2f8 rgb(45,226,248)
```
#2dd1f8
```
#2dd1f8 rgb(45,209,248)
```
#2dc0f8
```
#2dc0f8 rgb(45,192,248)
```
#2daff8
```
#2daff8 rgb(45,175,248)
```
#2d9ef8
```
#2d9ef8 rgb(45,158,248)
```
#2d8df8
```
#2d8df8 rgb(45,141,248)
```

Similar Colors

Text with hexadecimal color #2dc0f8

This text has a font color of #2dc0f8.

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

#2dc0f8 background color

This paragraph has a background color of #2dc0f8.

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

#2dc0f8 border color

This element has a border color of #2dc0f8.

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

CSS codes

.text {color:#2dc0f8;}

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

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

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)
```
#011b25
```
#011b25 rgb(1,27,37)
```
#022938
```
#022938 rgb(2,41,56)
```
#02374b
```
#02374b rgb(2,55,75)
```
#03455e
```
#03455e rgb(3,69,94)
```
#045371
```
#045371 rgb(4,83,113)
```
#046184
```
#046184 rgb(4,97,132)
```
#056e97
```
#056e97 rgb(5,110,151)
```
#067caa
```
#067caa rgb(6,124,170)
```
#068abd
```
#068abd rgb(6,138,189)
```
#0798d0
```
#0798d0 rgb(7,152,208)
```
#08a6e3
```
#08a6e3 rgb(8,166,227)
```
#08b4f6
```
#08b4f6 rgb(8,180,246)
```

Shade Color Variation

#1abaf7
```
#1abaf7 rgb(26,186,247)
```
#2dc0f8
```
#2dc0f8 rgb(45,192,248)
```
#40c6f9
```
#40c6f9 rgb(64,198,249)
```
#53cbf9
```
#53cbf9 rgb(83,203,249)
```
#66d1fa
```
#66d1fa rgb(102,209,250)
```
#79d7fb
```
#79d7fb rgb(121,215,251)
```
#8cdcfb
```
#8cdcfb rgb(140,220,251)
```
#9fe2fc
```
#9fe2fc rgb(159,226,252)
```
#b2e8fc
```
#b2e8fc rgb(178,232,252)
```
#c5eefd
```
#c5eefd rgb(197,238,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 #2dc0f8 is the most saturated one.

#919394
```
#919394 rgb(145,147,148)
```
#89979c
```
#89979c rgb(137,151,156)
```
#809ba5
```
#809ba5 rgb(128,155,165)
```
#789ead
```
#789ead rgb(120,158,173)
```
#70a2b5
```
#70a2b5 rgb(112,162,181)
```
#67a6be
```
#67a6be rgb(103,166,190)
```
#5faac6
```
#5faac6 rgb(95,170,198)
```
#57adce
```
#57adce rgb(87,173,206)
```
#4eb1d7
```
#4eb1d7 rgb(78,177,215)
```
#46b5df
```
#46b5df rgb(70,181,223)
```
#3eb9e7
```
#3eb9e7 rgb(62,185,231)
```
#35bcf0
```
#35bcf0 rgb(53,188,240)
```
#2dc0f8
```
#2dc0f8 rgb(45,192,248)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#84a2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b4ee Protanopia 1% of men
#99b5fd Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#79b8f1 Protanomaly 1% of men, 0.01% of women
#71b9fb Deuteranomaly 6% of men, 0.4% of women
#10c5e2 Tritanomaly 0.01% of the population

#2dc0f8 hex color

#2dc0f8 Color Information

#2dc0f8 Color Conversion

Color Schemes with #2dc0f8

Alternatives to #2dc0f8

#2dc0f8 Preview

Shades and Tints of #2dc0f8

Tones of #2dc0f8

Color Blindness Simulator