#2d77ec hex color

In a RGB color space, hex #2d77ec is composed of 17.6% red, 46.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 49.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 216.8 degrees, a saturation of 83.4% and a lightness of 55.1%. #2d77ec color hex could be obtained by blending #5aeeff with #0000d9. Closest websafe color is: #3366ff.

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

● #2d77ec color description : Bright blue.

The hexadecimal color #2d77ec has RGB values of R:45, G:119, B:236 and CMYK values of C:0.81, M:0.5, Y:0, K:0.07. Its decimal value is 2979820.

Hex triplet	2d77ec	`#2d77ec`
RGB Decimal	45, 119, 236	`rgb(45,119,236)`
RGB Percent	17.6, 46.7, 92.5	`rgb(17.6%,46.7%,92.5%)`
CMYK	81, 50, 0, 7
HSL	216.8°, 83.4, 55.1	`hsl(216.8,83.4%,55.1%)`
HSV (or HSB)	216.8°, 80.9, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.617, 19.292, -65.361
XYZ	22.816, 19.806, 81.973
xyY	0.183, 0.159, 19.806
CIE-LCH	51.617, 68.149, 286.445
CIE-LUV	51.617, -24.523, -102.87
Hunter-Lab	44.504, 13.631, -78.055
Binary	00101101, 01110111, 11101100

#2d77ec
```
#2d77ec rgb(45,119,236)
```
#eca22d
```
#eca22d rgb(236,162,45)
```

Complementary Color

#2dd7ec
```
#2dd7ec rgb(45,215,236)
```
#2d77ec
```
#2d77ec rgb(45,119,236)
```
#432dec
```
#432dec rgb(67,45,236)
```

Analogous Color

#d7ec2d
```
#d7ec2d rgb(215,236,45)
```
#2d77ec
```
#2d77ec rgb(45,119,236)
```
#ec432d
```
#ec432d rgb(236,67,45)
```

Split Complementary Color

#77ec2d
```
#77ec2d rgb(119,236,45)
```
#2d77ec
```
#2d77ec rgb(45,119,236)
```
#ec2d77
```
#ec2d77 rgb(236,45,119)
```

Triadic Color

#2deca2
```
#2deca2 rgb(45,236,162)
```
#2d77ec
```
#2d77ec rgb(45,119,236)
```
#ec2d77
```
#ec2d77 rgb(236,45,119)
```
#eca22d
```
#eca22d rgb(236,162,45)
```

Tetradic Color

#1153bc
```
#1153bc rgb(17,83,188)
```
#135dd3
```
#135dd3 rgb(19,93,211)
```
#1668ea
```
#1668ea rgb(22,104,234)
```
#2d77ec
```
#2d77ec rgb(45,119,236)
```
#4486ee
```
#4486ee rgb(68,134,238)
```
#5c95f0
```
#5c95f0 rgb(92,149,240)
```
#73a4f2
```
#73a4f2 rgb(115,164,242)
```

Monochromatic Color

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

#2da7ec
```
#2da7ec rgb(45,167,236)
```
#2d97ec
```
#2d97ec rgb(45,151,236)
```
#2d87ec
```
#2d87ec rgb(45,135,236)
```
#2d77ec
```
#2d77ec rgb(45,119,236)
```
#2d67ec
```
#2d67ec rgb(45,103,236)
```
#2d57ec
```
#2d57ec rgb(45,87,236)
```
#2d47ec
```
#2d47ec rgb(45,71,236)
```

Similar Colors

Text with hexadecimal color #2d77ec

This text has a font color of #2d77ec.

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

#2d77ec background color

This paragraph has a background color of #2d77ec.

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

#2d77ec border color

This element has a border color of #2d77ec.

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

CSS codes

.text {color:#2d77ec;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#020b18
```
#020b18 rgb(2,11,24)
```
#04132a
```
#04132a rgb(4,19,42)
```
#051a3c
```
#051a3c rgb(5,26,60)
```
#07224e
```
#07224e rgb(7,34,78)
```
#092a60
```
#092a60 rgb(9,42,96)
```
#0a3272
```
#0a3272 rgb(10,50,114)
```
#0c3a84
```
#0c3a84 rgb(12,58,132)
```
#0e4296
```
#0e4296 rgb(14,66,150)
```
#0f4aa8
```
#0f4aa8 rgb(15,74,168)
```
#1152ba
```
#1152ba rgb(17,82,186)
```
#125acc
```
#125acc rgb(18,90,204)
```
#1462de
```
#1462de rgb(20,98,222)
```

Shade Color Variation

#1b6bea
```
#1b6bea rgb(27,107,234)
```
#2d77ec
```
#2d77ec rgb(45,119,236)
```
#3f83ee
```
#3f83ee rgb(63,131,238)
```
#518eef
```
#518eef rgb(81,142,239)
```
#639af1
```
#639af1 rgb(99,154,241)
```
#75a6f3
```
#75a6f3 rgb(117,166,243)
```
#87b1f4
```
#87b1f4 rgb(135,177,244)
```
#99bdf6
```
#99bdf6 rgb(153,189,246)
```
#abc9f7
```
#abc9f7 rgb(171,201,247)
```
#bdd4f9
```
#bdd4f9 rgb(189,212,249)
```
#cfe0fb
```
#cfe0fb rgb(207,224,251)
```
#e1ebfc
```
#e1ebfc rgb(225,235,252)
```
#f3f7fe
```
#f3f7fe rgb(243,247,254)
```

Tint Color Variation

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

#858b94
```
#858b94 rgb(133,139,148)
```
#7c899d
```
#7c899d rgb(124,137,157)
```
#7387a6
```
#7387a6 rgb(115,135,166)
```
#6b85ae
```
#6b85ae rgb(107,133,174)
```
#6283b7
```
#6283b7 rgb(98,131,183)
```
#5981c0
```
#5981c0 rgb(89,129,192)
```
#507fc9
```
#507fc9 rgb(80,127,201)
```
#477dd2
```
#477dd2 rgb(71,125,210)
```
#3f7bda
```
#3f7bda rgb(63,123,218)
```
#3679e3
```
#3679e3 rgb(54,121,227)
```
#2d77ec
```
#2d77ec rgb(45,119,236)
```
#2475f5
```
#2475f5 rgb(36,117,245)
```
#1b73fe
```
#1b73fe rgb(27,115,254)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#617087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#367eed Protanopia 1% of men
#0084d9 Deuteranopia 1% of men
#008e97 Tritanopia 0.001% of the population

Trichromacy

#337bec Protanomaly 1% of men, 0.01% of women
#107fe0 Deuteranomaly 6% of men, 0.4% of women
#1086b6 Tritanomaly 0.01% of the population

#2d77ec hex color

#2d77ec Color Information

#2d77ec Color Conversion

Color Schemes with #2d77ec

Alternatives to #2d77ec

#2d77ec Preview

Shades and Tints of #2d77ec

Tones of #2d77ec

Color Blindness Simulator