#2d66a8 hex color

In a RGB color space, hex #2d66a8 is composed of 17.6% red, 40% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 39.3% magenta, 0% yellow and 34.1% black. It has a hue angle of 212.2 degrees, a saturation of 57.7% and a lightness of 41.8%. #2d66a8 color hex could be obtained by blending #5accff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 40
- B 66
RGB color chart
- C 73
- M 39
- Y 0
- K 34
CMYK color chart

● #2d66a8 color description : Dark blue.

The hexadecimal color #2d66a8 has RGB values of R:45, G:102, B:168 and CMYK values of C:0.73, M:0.39, Y:0, K:0.34. Its decimal value is 2975400.

Hex triplet	2d66a8	`#2d66a8`
RGB Decimal	45, 102, 168	`rgb(45,102,168)`
RGB Percent	17.6, 40, 65.9	`rgb(17.6%,40%,65.9%)`
CMYK	73, 39, 0, 34
HSL	212.2°, 57.7, 41.8	`hsl(212.2,57.7%,41.8%)`
HSV (or HSB)	212.2°, 73.2, 65.9
Web Safe	336699	`#336699`

CIE-LAB	42.592, 4.399, -40.834
XYZ	12.9, 12.887, 38.851
xyY	0.2, 0.199, 12.887
CIE-LCH	42.592, 41.07, 276.149
CIE-LUV	42.592, -21.023, -60.347
Hunter-Lab	35.898, 1.321, -39.038
Binary	00101101, 01100110, 10101000

#2d66a8
```
#2d66a8 rgb(45,102,168)
```
#a86f2d
```
#a86f2d rgb(168,111,45)
```

Complementary Color

#2da4a8
```
#2da4a8 rgb(45,164,168)
```
#2d66a8
```
#2d66a8 rgb(45,102,168)
```
#322da8
```
#322da8 rgb(50,45,168)
```

Analogous Color

#a4a82d
```
#a4a82d rgb(164,168,45)
```
#2d66a8
```
#2d66a8 rgb(45,102,168)
```
#a8322d
```
#a8322d rgb(168,50,45)
```

Split Complementary Color

#66a82d
```
#66a82d rgb(102,168,45)
```
#2d66a8
```
#2d66a8 rgb(45,102,168)
```
#a82d66
```
#a82d66 rgb(168,45,102)
```

Triadic Color

#2da86f
```
#2da86f rgb(45,168,111)
```
#2d66a8
```
#2d66a8 rgb(45,102,168)
```
#a82d66
```
#a82d66 rgb(168,45,102)
```
#a86f2d
```
#a86f2d rgb(168,111,45)
```

Tetradic Color

#1d416c
```
#1d416c rgb(29,65,108)
```
#224e80
```
#224e80 rgb(34,78,128)
```
#285a94
```
#285a94 rgb(40,90,148)
```
#2d66a8
```
#2d66a8 rgb(45,102,168)
```
#3272bc
```
#3272bc rgb(50,114,188)
```
#3d7fcb
```
#3d7fcb rgb(61,127,203)
```
#518cd0
```
#518cd0 rgb(81,140,208)
```

Monochromatic Color

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

#2d85a8
```
#2d85a8 rgb(45,133,168)
```
#2d7ba8
```
#2d7ba8 rgb(45,123,168)
```
#2d70a8
```
#2d70a8 rgb(45,112,168)
```
#2d66a8
```
#2d66a8 rgb(45,102,168)
```
#2d5ca8
```
#2d5ca8 rgb(45,92,168)
```
#2d52a8
```
#2d52a8 rgb(45,82,168)
```
#2d47a8
```
#2d47a8 rgb(45,71,168)
```

Similar Colors

Text with hexadecimal color #2d66a8

This text has a font color of #2d66a8.

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

#2d66a8 background color

This paragraph has a background color of #2d66a8.

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

#2d66a8 border color

This element has a border color of #2d66a8.

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

CSS codes

.text {color:#2d66a8;}

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

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

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, #04080d is the darkest color, while #fdfefe is the lightest one.

#04080d
```
#04080d rgb(4,8,13)
```
#08111d
```
#08111d rgb(8,17,29)
```
#0c1b2c
```
#0c1b2c rgb(12,27,44)
```
#10243c
```
#10243c rgb(16,36,60)
```
#142e4b
```
#142e4b rgb(20,46,75)
```
#18375b
```
#18375b rgb(24,55,91)
```
#1c406a
```
#1c406a rgb(28,64,106)
```
#214a7a
```
#214a7a rgb(33,74,122)
```
#255389
```
#255389 rgb(37,83,137)
```
#295d99
```
#295d99 rgb(41,93,153)
```
#2d66a8
```
#2d66a8 rgb(45,102,168)
```
#316fb7
```
#316fb7 rgb(49,111,183)
```
#3579c7
```
#3579c7 rgb(53,121,199)
```

Shade Color Variation

#4383cd
```
#4383cd rgb(67,131,205)
```
#538dd1
```
#538dd1 rgb(83,141,209)
```
#6297d5
```
#6297d5 rgb(98,151,213)
```
#72a2d9
```
#72a2d9 rgb(114,162,217)
```
#81acdd
```
#81acdd rgb(129,172,221)
```
#91b6e1
```
#91b6e1 rgb(145,182,225)
```
#a0c0e6
```
#a0c0e6 rgb(160,192,230)
```
#afcaea
```
#afcaea rgb(175,202,234)
```
#bfd5ee
```
#bfd5ee rgb(191,213,238)
```
#cedff2
```
#cedff2 rgb(206,223,242)
```
#dee9f6
```
#dee9f6 rgb(222,233,246)
```
#edf3fa
```
#edf3fa rgb(237,243,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666a6f is the less saturated color, while #0463d1 is the most saturated one.

#666a6f
```
#666a6f rgb(102,106,111)
```
#5e6a77
```
#5e6a77 rgb(94,106,119)
```
#56697f
```
#56697f rgb(86,105,127)
```
#4e6887
```
#4e6887 rgb(78,104,135)
```
#46688f
```
#46688f rgb(70,104,143)
```
#3d6798
```
#3d6798 rgb(61,103,152)
```
#3567a0
```
#3567a0 rgb(53,103,160)
```
#2d66a8
```
#2d66a8 rgb(45,102,168)
```
#2565b0
```
#2565b0 rgb(37,101,176)
```
#1d65b8
```
#1d65b8 rgb(29,101,184)
```
#1464c1
```
#1464c1 rgb(20,100,193)
```
#0c64c9
```
#0c64c9 rgb(12,100,201)
```
#0463d1
```
#0463d1 rgb(4,99,209)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#516aa9 Protanopia 1% of men
#3c6dac Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#4368a9 Protanomaly 1% of men, 0.01% of women
#366aab Deuteranomaly 6% of men, 0.4% of women
#10708e Tritanomaly 0.01% of the population

#2d66a8 hex color

#2d66a8 Color Information

#2d66a8 Color Conversion

Color Schemes with #2d66a8

Alternatives to #2d66a8

#2d66a8 Preview

Shades and Tints of #2d66a8

Tones of #2d66a8

Color Blindness Simulator