#2cb7fd hex color

In a RGB color space, hex #2cb7fd is composed of 17.3% red, 71.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 27.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 200.1 degrees, a saturation of 98.1% and a lightness of 58.2%. #2cb7fd color hex could be obtained by blending #58ffff with #006ffb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 72
- B 99
RGB color chart
- C 83
- M 28
- Y 0
- K 1
CMYK color chart

● #2cb7fd color description : Bright blue.

The hexadecimal color #2cb7fd has RGB values of R:44, G:183, B:253 and CMYK values of C:0.83, M:0.28, Y:0, K:0.01. Its decimal value is 2930685.

Hex triplet	2cb7fd	`#2cb7fd`
RGB Decimal	44, 183, 253	`rgb(44,183,253)`
RGB Percent	17.3, 71.8, 99.2	`rgb(17.3%,71.8%,99.2%)`
CMYK	83, 28, 0, 1
HSL	200.1°, 98.1, 58.2	`hsl(200.1,98.1%,58.2%)`
HSV (or HSB)	200.1°, 82.6, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.519, -12.178, -44.619
XYZ	35.697, 41.491, 99.05
xyY	0.203, 0.235, 41.491
CIE-LCH	70.519, 46.251, 254.734
CIE-LUV	70.519, -44.33, -70.964
Hunter-Lab	64.414, -13.801, -46.082
Binary	00101100, 10110111, 11111101

#2cb7fd
```
#2cb7fd rgb(44,183,253)
```
#fd722c
```
#fd722c rgb(253,114,44)
```

Complementary Color

#2cfddb
```
#2cfddb rgb(44,253,219)
```
#2cb7fd
```
#2cb7fd rgb(44,183,253)
```
#2c4ffd
```
#2c4ffd rgb(44,79,253)
```

Analogous Color

#fddb2c
```
#fddb2c rgb(253,219,44)
```
#2cb7fd
```
#2cb7fd rgb(44,183,253)
```
#fd2c4f
```
#fd2c4f rgb(253,44,79)
```

Split Complementary Color

#b7fd2c
```
#b7fd2c rgb(183,253,44)
```
#2cb7fd
```
#2cb7fd rgb(44,183,253)
```
#fd2cb7
```
#fd2cb7 rgb(253,44,183)
```

Triadic Color

#2cfd72
```
#2cfd72 rgb(44,253,114)
```
#2cb7fd
```
#2cb7fd rgb(44,183,253)
```
#fd2cb7
```
#fd2cb7 rgb(253,44,183)
```
#fd722c
```
#fd722c rgb(253,114,44)
```

Tetradic Color

#0292da
```
#0292da rgb(2,146,218)
```
#02a3f4
```
#02a3f4 rgb(2,163,244)
```
#13aefd
```
#13aefd rgb(19,174,253)
```
#2cb7fd
```
#2cb7fd rgb(44,183,253)
```
#45c0fd
```
#45c0fd rgb(69,192,253)
```
#5fc8fd
```
#5fc8fd rgb(95,200,253)
```
#78d1fe
```
#78d1fe rgb(120,209,254)
```

Monochromatic Color

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

#2cebfd
```
#2cebfd rgb(44,235,253)
```
#2cdafd
```
#2cdafd rgb(44,218,253)
```
#2cc8fd
```
#2cc8fd rgb(44,200,253)
```
#2cb7fd
```
#2cb7fd rgb(44,183,253)
```
#2ca6fd
```
#2ca6fd rgb(44,166,253)
```
#2c94fd
```
#2c94fd rgb(44,148,253)
```
#2c83fd
```
#2c83fd rgb(44,131,253)
```

Similar Colors

Text with hexadecimal color #2cb7fd

This text has a font color of #2cb7fd.

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

#2cb7fd background color

This paragraph has a background color of #2cb7fd.

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

#2cb7fd border color

This element has a border color of #2cb7fd.

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

CSS codes

.text {color:#2cb7fd;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#000f16
```
#000f16 rgb(0,15,22)
```
#001c2a
```
#001c2a rgb(0,28,42)
```
#01293d
```
#01293d rgb(1,41,61)
```
#013650
```
#013650 rgb(1,54,80)
```
#014364
```
#014364 rgb(1,67,100)
```
#015077
```
#015077 rgb(1,80,119)
```
#015d8b
```
#015d8b rgb(1,93,139)
```
#016a9e
```
#016a9e rgb(1,106,158)
```
#0277b2
```
#0277b2 rgb(2,119,178)
```
#0284c5
```
#0284c5 rgb(2,132,197)
```
#0291d8
```
#0291d8 rgb(2,145,216)
```
#029eec
```
#029eec rgb(2,158,236)
```

Shade Color Variation

#05aafd
```
#05aafd rgb(5,170,253)
```
#19b0fd
```
#19b0fd rgb(25,176,253)
```
#2cb7fd
```
#2cb7fd rgb(44,183,253)
```
#3fbefd
```
#3fbefd rgb(63,190,253)
```
#53c4fd
```
#53c4fd rgb(83,196,253)
```
#66cbfe
```
#66cbfe rgb(102,203,254)
```
#7ad2fe
```
#7ad2fe rgb(122,210,254)
```
#8dd8fe
```
#8dd8fe rgb(141,216,254)
```
#a1dffe
```
#a1dffe rgb(161,223,254)
```
#b4e5fe
```
#b4e5fe rgb(180,229,254)
```
#c7ecfe
```
#c7ecfe rgb(199,236,254)
```
#dbf3ff
```
#dbf3ff rgb(219,243,255)
```
#eef9ff
```
#eef9ff rgb(238,249,255)
```

Tint Color Variation

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

#8e979b
```
#8e979b rgb(142,151,155)
```
#8699a3
```
#8699a3 rgb(134,153,163)
```
#7e9cab
```
#7e9cab rgb(126,156,171)
```
#769fb3
```
#769fb3 rgb(118,159,179)
```
#6ea1bb
```
#6ea1bb rgb(110,161,187)
```
#65a4c4
```
#65a4c4 rgb(101,164,196)
```
#5da7cc
```
#5da7cc rgb(93,167,204)
```
#55a9d4
```
#55a9d4 rgb(85,169,212)
```
#4dacdc
```
#4dacdc rgb(77,172,220)
```
#45afe4
```
#45afe4 rgb(69,175,228)
```
#3cb2ed
```
#3cb2ed rgb(60,178,237)
```
#34b4f5
```
#34b4f5 rgb(52,180,245)
```
#2cb7fd
```
#2cb7fd rgb(44,183,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#809caa Atypical Achromatopsia 0.001% of the population

Dichromacy

#99aef4 Protanopia 1% of men
#89b0ff Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#71b1f7 Protanomaly 1% of men, 0.01% of women
#67b2fe Deuteranomaly 6% of men, 0.4% of women
#10bddf Tritanomaly 0.01% of the population

#2cb7fd hex color

#2cb7fd Color Information

#2cb7fd Color Conversion

Color Schemes with #2cb7fd

Alternatives to #2cb7fd

#2cb7fd Preview

Shades and Tints of #2cb7fd

Tones of #2cb7fd

Color Blindness Simulator