#2d66c3 hex color

In a RGB color space, hex #2d66c3 is composed of 17.6% red, 40% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 47.7% magenta, 0% yellow and 23.5% black. It has a hue angle of 217.2 degrees, a saturation of 62.5% and a lightness of 47.1%. #2d66c3 color hex could be obtained by blending #5accff with #000087. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 40
- B 76
RGB color chart
- C 77
- M 48
- Y 0
- K 24
CMYK color chart

● #2d66c3 color description : Strong blue.

The hexadecimal color #2d66c3 has RGB values of R:45, G:102, B:195 and CMYK values of C:0.77, M:0.48, Y:0, K:0.24. Its decimal value is 2975427.

Hex triplet	2d66c3	`#2d66c3`
RGB Decimal	45, 102, 195	`rgb(45,102,195)`
RGB Percent	17.6, 40, 76.5	`rgb(17.6%,40%,76.5%)`
CMYK	77, 48, 0, 24
HSL	217.2°, 62.5, 47.1	`hsl(217.2,62.5%,47.1%)`
HSV (or HSB)	217.2°, 76.9, 76.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.232, 14.612, -53.973
XYZ	15.682, 14, 53.502
xyY	0.189, 0.168, 14
CIE-LCH	44.232, 55.916, 285.149
CIE-LUV	44.232, -20.363, -81.697
Hunter-Lab	37.416, 9.335, -58.59
Binary	00101101, 01100110, 11000011

#2d66c3
```
#2d66c3 rgb(45,102,195)
```
#c38a2d
```
#c38a2d rgb(195,138,45)
```

Complementary Color

#2db1c3
```
#2db1c3 rgb(45,177,195)
```
#2d66c3
```
#2d66c3 rgb(45,102,195)
```
#3f2dc3
```
#3f2dc3 rgb(63,45,195)
```

Analogous Color

#b1c32d
```
#b1c32d rgb(177,195,45)
```
#2d66c3
```
#2d66c3 rgb(45,102,195)
```
#c33f2d
```
#c33f2d rgb(195,63,45)
```

Split Complementary Color

#66c32d
```
#66c32d rgb(102,195,45)
```
#2d66c3
```
#2d66c3 rgb(45,102,195)
```
#c32d66
```
#c32d66 rgb(195,45,102)
```

Triadic Color

#2dc38a
```
#2dc38a rgb(45,195,138)
```
#2d66c3
```
#2d66c3 rgb(45,102,195)
```
#c32d66
```
#c32d66 rgb(195,45,102)
```
#c38a2d
```
#c38a2d rgb(195,138,45)
```

Tetradic Color

#1f4585
```
#1f4585 rgb(31,69,133)
```
#23509a
```
#23509a rgb(35,80,154)
```
#285bae
```
#285bae rgb(40,91,174)
```
#2d66c3
```
#2d66c3 rgb(45,102,195)
```
#3872d1
```
#3872d1 rgb(56,114,209)
```
#4d81d6
```
#4d81d6 rgb(77,129,214)
```
#6290db
```
#6290db rgb(98,144,219)
```

Monochromatic Color

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

#2d8cc3
```
#2d8cc3 rgb(45,140,195)
```
#2d7fc3
```
#2d7fc3 rgb(45,127,195)
```
#2d73c3
```
#2d73c3 rgb(45,115,195)
```
#2d66c3
```
#2d66c3 rgb(45,102,195)
```
#2d5ac3
```
#2d5ac3 rgb(45,90,195)
```
#2d4dc3
```
#2d4dc3 rgb(45,77,195)
```
#2d41c3
```
#2d41c3 rgb(45,65,195)
```

Similar Colors

Text with hexadecimal color #2d66c3

This text has a font color of #2d66c3.

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

#2d66c3 background color

This paragraph has a background color of #2d66c3.

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

#2d66c3 border color

This element has a border color of #2d66c3.

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

CSS codes

.text {color:#2d66c3;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050a14
```
#050a14 rgb(5,10,20)
```
#081324
```
#081324 rgb(8,19,36)
```
#0c1b34
```
#0c1b34 rgb(12,27,52)
```
#102344
```
#102344 rgb(16,35,68)
```
#132c53
```
#132c53 rgb(19,44,83)
```
#173463
```
#173463 rgb(23,52,99)
```
#1b3c73
```
#1b3c73 rgb(27,60,115)
```
#1e4583
```
#1e4583 rgb(30,69,131)
```
#224d93
```
#224d93 rgb(34,77,147)
```
#2655a3
```
#2655a3 rgb(38,85,163)
```
#295eb3
```
#295eb3 rgb(41,94,179)
```
#2d66c3
```
#2d66c3 rgb(45,102,195)
```

Shade Color Variation

#346fd0
```
#346fd0 rgb(52,111,208)
```
#447ad4
```
#447ad4 rgb(68,122,212)
```
#5386d7
```
#5386d7 rgb(83,134,215)
```
#6391db
```
#6391db rgb(99,145,219)
```
#739cdf
```
#739cdf rgb(115,156,223)
```
#83a7e2
```
#83a7e2 rgb(131,167,226)
```
#93b3e6
```
#93b3e6 rgb(147,179,230)
```
#a3beea
```
#a3beea rgb(163,190,234)
```
#b3c9ed
```
#b3c9ed rgb(179,201,237)
```
#c3d5f1
```
#c3d5f1 rgb(195,213,241)
```
#d3e0f5
```
#d3e0f5 rgb(211,224,245)
```
#e3ebf9
```
#e3ebf9 rgb(227,235,249)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#777879
```
#777879 rgb(119,120,121)
```
#6e7682
```
#6e7682 rgb(110,118,130)
```
#64738c
```
#64738c rgb(100,115,140)
```
#5b7195
```
#5b7195 rgb(91,113,149)
```
#526f9e
```
#526f9e rgb(82,111,158)
```
#496da7
```
#496da7 rgb(73,109,167)
```
#3f6ab1
```
#3f6ab1 rgb(63,106,177)
```
#3668ba
```
#3668ba rgb(54,104,186)
```
#2d66c3
```
#2d66c3 rgb(45,102,195)
```
#2464cc
```
#2464cc rgb(36,100,204)
```
#1b62d5
```
#1b62d5 rgb(27,98,213)
```
#115fdf
```
#115fdf rgb(17,95,223)
```
#085de8
```
#085de8 rgb(8,93,232)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#566174 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c6dc5 Protanopia 1% of men
#0072bd Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#366ac4 Protanomaly 1% of men, 0.01% of women
#106dbf Deuteranomaly 6% of men, 0.4% of women
#10739a Tritanomaly 0.01% of the population

#2d66c3 hex color

#2d66c3 Color Information

#2d66c3 Color Conversion

Color Schemes with #2d66c3

Alternatives to #2d66c3

#2d66c3 Preview

Shades and Tints of #2d66c3

Tones of #2d66c3

Color Blindness Simulator