colorhexa.com

#2d6993 hex color

In a RGB color space, hex #2d6993 is composed of 17.6% red, 41.2% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 28.6% magenta, 0% yellow and 42.4% black. It has a hue angle of 204.7 degrees, a saturation of 53.1% and a lightness of 37.6%. #2d6993 color hex could be obtained by blending #5ad2ff with #000027. Closest websafe color is: #336699.

- R 18
- G 41
- B 58
RGB color chart
- C 69
- M 29
- Y 0
- K 42
CMYK color chart

● #2d6993 color description : Dark moderate blue.

The hexadecimal color #2d6993 has RGB values of R:45, G:105, B:147 and CMYK values of C:0.69, M:0.29, Y:0, K:0.42. Its decimal value is 2976147.

Hex triplet	2d6993	`#2d6993`
RGB Decimal	45, 105, 147	`rgb(45,105,147)`
RGB Percent	17.6, 41.2, 57.6	`rgb(17.6%,41.2%,57.6%)`
CMYK	69, 29, 0, 42
HSL	204.7°, 53.1, 37.6	`hsl(204.7,53.1%,37.6%)`
HSV (or HSB)	204.7°, 69.4, 57.6
Web Safe	336699	`#336699`

CIE-LAB	42.41, -5.193, -28.658
XYZ	11.399, 12.767, 29.466
xyY	0.213, 0.238, 12.767
CIE-LCH	42.41, 29.125, 259.729
CIE-LUV	42.41, -22.777, -40.738
Hunter-Lab	35.731, -5.583, -23.883
Binary	00101101, 01101001, 10010011

#2d6993
```
#2d6993 rgb(45,105,147)
```
#93572d
```
#93572d rgb(147,87,45)
```

Complementary Color

#2d938a
```
#2d938a rgb(45,147,138)
```
#2d6993
```
#2d6993 rgb(45,105,147)
```
#2d3693
```
#2d3693 rgb(45,54,147)
```

Analogous Color

#938a2d
```
#938a2d rgb(147,138,45)
```
#2d6993
```
#2d6993 rgb(45,105,147)
```
#932d36
```
#932d36 rgb(147,45,54)
```

Split Complementary Color

#69932d
```
#69932d rgb(105,147,45)
```
#2d6993
```
#2d6993 rgb(45,105,147)
```
#932d69
```
#932d69 rgb(147,45,105)
```

Triadic Color

#2d9357
```
#2d9357 rgb(45,147,87)
```
#2d6993
```
#2d6993 rgb(45,105,147)
```
#932d69
```
#932d69 rgb(147,45,105)
```
#93572d
```
#93572d rgb(147,87,45)
```

Tetradic Color

#1b3f58
```
#1b3f58 rgb(27,63,88)
```
#214d6c
```
#214d6c rgb(33,77,108)
```
#275b7f
```
#275b7f rgb(39,91,127)
```
#2d6993
```
#2d6993 rgb(45,105,147)
```
#3377a7
```
#3377a7 rgb(51,119,167)
```
#3985ba
```
#3985ba rgb(57,133,186)
```
#4692c6
```
#4692c6 rgb(70,146,198)
```

Monochromatic Color

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

#2d8393
```
#2d8393 rgb(45,131,147)
```
#2d7a93
```
#2d7a93 rgb(45,122,147)
```
#2d7293
```
#2d7293 rgb(45,114,147)
```
#2d6993
```
#2d6993 rgb(45,105,147)
```
#2d6193
```
#2d6193 rgb(45,97,147)
```
#2d5893
```
#2d5893 rgb(45,88,147)
```
#2d5093
```
#2d5093 rgb(45,80,147)
```

Similar Colors

Text with hexadecimal color #2d6993

This text has a font color of #2d6993.

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

#2d6993 background color

This paragraph has a background color of #2d6993.

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

#2d6993 border color

This element has a border color of #2d6993.

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

CSS codes

.text {color:#2d6993;}

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

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

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

#04080c
```
#04080c rgb(4,8,12)
```
#08131b
```
#08131b rgb(8,19,27)
```
#0d1e2a
```
#0d1e2a rgb(13,30,42)
```
#112939
```
#112939 rgb(17,41,57)
```
#163348
```
#163348 rgb(22,51,72)
```
#1b3e57
```
#1b3e57 rgb(27,62,87)
```
#1f4966
```
#1f4966 rgb(31,73,102)
```
#245475
```
#245475 rgb(36,84,117)
```
#285e84
```
#285e84 rgb(40,94,132)
```
#2d6993
```
#2d6993 rgb(45,105,147)
```
#3274a2
```
#3274a2 rgb(50,116,162)
```
#367eb1
```
#367eb1 rgb(54,126,177)
```
#3b89c0
```
#3b89c0 rgb(59,137,192)
```

Shade Color Variation

#4892c7
```
#4892c7 rgb(72,146,199)
```
#579bcb
```
#579bcb rgb(87,155,203)
```
#66a4d0
```
#66a4d0 rgb(102,164,208)
```
#75add5
```
#75add5 rgb(117,173,213)
```
#84b6d9
```
#84b6d9 rgb(132,182,217)
```
#93bfde
```
#93bfde rgb(147,191,222)
```
#a2c8e2
```
#a2c8e2 rgb(162,200,226)
```
#b1d1e7
```
#b1d1e7 rgb(177,209,231)
```
#c0daec
```
#c0daec rgb(192,218,236)
```
#cfe2f0
```
#cfe2f0 rgb(207,226,240)
```
#deebf5
```
#deebf5 rgb(222,235,245)
```
#edf4f9
```
#edf4f9 rgb(237,244,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#596167
```
#596167 rgb(89,97,103)
```
#52626e
```
#52626e rgb(82,98,110)
```
#4b6475
```
#4b6475 rgb(75,100,117)
```
#43657d
```
#43657d rgb(67,101,125)
```
#3c6684
```
#3c6684 rgb(60,102,132)
```
#34688c
```
#34688c rgb(52,104,140)
```
#2d6993
```
#2d6993 rgb(45,105,147)
```
#266a9a
```
#266a9a rgb(38,106,154)
```
#1e6ca2
```
#1e6ca2 rgb(30,108,162)
```
#176da9
```
#176da9 rgb(23,109,169)
```
#0f6eb1
```
#0f6eb1 rgb(15,110,177)
```
#0870b8
```
#0870b8 rgb(8,112,184)
```
#0171bf
```
#0171bf rgb(1,113,191)
```

Tone Color Variation

Below, you can see how #2d6993 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
#535f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6a94 Protanopia 1% of men
#556b9a Deuteranopia 1% of men
#21767e Tritanopia 0.001% of the population

Trichromacy

#4c6a93 Protanomaly 1% of men, 0.01% of women
#476a97 Deuteranomaly 6% of men, 0.4% of women
#257186 Tritanomaly 0.01% of the population