#2d689b hex color

In a RGB color space, hex #2d689b is composed of 17.6% red, 40.8% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 32.9% magenta, 0% yellow and 39.2% black. It has a hue angle of 207.8 degrees, a saturation of 55% and a lightness of 39.2%. #2d689b color hex could be obtained by blending #5ad0ff with #000037. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 41
- B 61
RGB color chart
- C 71
- M 33
- Y 0
- K 39
CMYK color chart

● #2d689b color description : Dark blue.

The hexadecimal color #2d689b has RGB values of R:45, G:104, B:155 and CMYK values of C:0.71, M:0.33, Y:0, K:0.39. Its decimal value is 2975899.

Hex triplet	2d689b	`#2d689b`
RGB Decimal	45, 104, 155	`rgb(45,104,155)`
RGB Percent	17.6, 40.8, 60.8	`rgb(17.6%,40.8%,60.8%)`
CMYK	71, 33, 0, 39
HSL	207.8°, 55, 39.2	`hsl(207.8,55%,39.2%)`
HSV (or HSB)	207.8°, 71, 60.8
Web Safe	336699	`#336699`

CIE-LAB	42.497, -1.676, -33.288
XYZ	11.947, 12.824, 32.854
xyY	0.207, 0.223, 12.824
CIE-LCH	42.497, 33.33, 267.117
CIE-LUV	42.497, -22.127, -48.208
Hunter-Lab	35.811, -3.116, -29.327
Binary	00101101, 01101000, 10011011

#2d689b
```
#2d689b rgb(45,104,155)
```
#9b602d
```
#9b602d rgb(155,96,45)
```

Complementary Color

#2d9b97
```
#2d9b97 rgb(45,155,151)
```
#2d689b
```
#2d689b rgb(45,104,155)
```
#2d319b
```
#2d319b rgb(45,49,155)
```

Analogous Color

#9b972d
```
#9b972d rgb(155,151,45)
```
#2d689b
```
#2d689b rgb(45,104,155)
```
#9b2d31
```
#9b2d31 rgb(155,45,49)
```

Split Complementary Color

#689b2d
```
#689b2d rgb(104,155,45)
```
#2d689b
```
#2d689b rgb(45,104,155)
```
#9b2d68
```
#9b2d68 rgb(155,45,104)
```

Triadic Color

#2d9b60
```
#2d9b60 rgb(45,155,96)
```
#2d689b
```
#2d689b rgb(45,104,155)
```
#9b2d68
```
#9b2d68 rgb(155,45,104)
```
#9b602d
```
#9b602d rgb(155,96,45)
```

Tetradic Color

#1c4060
```
#1c4060 rgb(28,64,96)
```
#224d73
```
#224d73 rgb(34,77,115)
```
#275b87
```
#275b87 rgb(39,91,135)
```
#2d689b
```
#2d689b rgb(45,104,155)
```
#3375af
```
#3375af rgb(51,117,175)
```
#3883c3
```
#3883c3 rgb(56,131,195)
```
#4a8fca
```
#4a8fca rgb(74,143,202)
```

Monochromatic Color

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

#2d849b
```
#2d849b rgb(45,132,155)
```
#2d7a9b
```
#2d7a9b rgb(45,122,155)
```
#2d719b
```
#2d719b rgb(45,113,155)
```
#2d689b
```
#2d689b rgb(45,104,155)
```
#2d5f9b
```
#2d5f9b rgb(45,95,155)
```
#2d569b
```
#2d569b rgb(45,86,155)
```
#2d4d9b
```
#2d4d9b rgb(45,77,155)
```

Similar Colors

Text with hexadecimal color #2d689b

This text has a font color of #2d689b.

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

#2d689b background color

This paragraph has a background color of #2d689b.

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

#2d689b border color

This element has a border color of #2d689b.

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

CSS codes

.text {color:#2d689b;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050c12
```
#050c12 rgb(5,12,18)
```
#0a1621
```
#0a1621 rgb(10,22,33)
```
#0e2131
```
#0e2131 rgb(14,33,49)
```
#132b40
```
#132b40 rgb(19,43,64)
```
#17354f
```
#17354f rgb(23,53,79)
```
#1b3f5e
```
#1b3f5e rgb(27,63,94)
```
#20496d
```
#20496d rgb(32,73,109)
```
#24547d
```
#24547d rgb(36,84,125)
```
#295e8c
```
#295e8c rgb(41,94,140)
```
#2d689b
```
#2d689b rgb(45,104,155)
```
#3172aa
```
#3172aa rgb(49,114,170)
```
#367cb9
```
#367cb9 rgb(54,124,185)
```

Shade Color Variation

#3c86c6
```
#3c86c6 rgb(60,134,198)
```
#4c90cb
```
#4c90cb rgb(76,144,203)
```
#5b99cf
```
#5b99cf rgb(91,153,207)
```
#6aa3d4
```
#6aa3d4 rgb(106,163,212)
```
#79acd8
```
#79acd8 rgb(121,172,216)
```
#88b6dd
```
#88b6dd rgb(136,182,221)
```
#98bfe1
```
#98bfe1 rgb(152,191,225)
```
#a7c8e5
```
#a7c8e5 rgb(167,200,229)
```
#b6d2ea
```
#b6d2ea rgb(182,210,234)
```
#c5dbee
```
#c5dbee rgb(197,219,238)
```
#d4e5f3
```
#d4e5f3 rgb(212,229,243)
```
#e4eef7
```
#e4eef7 rgb(228,238,247)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

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

#636465
```
#636465 rgb(99,100,101)
```
#5b656d
```
#5b656d rgb(91,101,109)
```
#536575
```
#536575 rgb(83,101,117)
```
#4c667c
```
#4c667c rgb(76,102,124)
```
#446684
```
#446684 rgb(68,102,132)
```
#3c678c
```
#3c678c rgb(60,103,140)
```
#356793
```
#356793 rgb(53,103,147)
```
#2d689b
```
#2d689b rgb(45,104,155)
```
#2569a3
```
#2569a3 rgb(37,105,163)
```
#1e69aa
```
#1e69aa rgb(30,105,170)
```
#166ab2
```
#166ab2 rgb(22,106,178)
```
#0e6aba
```
#0e6aba rgb(14,106,186)
```
#076bc1
```
#076bc1 rgb(7,107,193)
```

Tone Color Variation

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

Dichromacy

#5a6a9c Protanopia 1% of men
#4e6ca1 Deuteranopia 1% of men
#12767f Tritanopia 0.001% of the population

Trichromacy

#49699b Protanomaly 1% of men, 0.01% of women
#426a9f Deuteranomaly 6% of men, 0.4% of women
#1c7189 Tritanomaly 0.01% of the population

#2d689b hex color

#2d689b Color Information

#2d689b Color Conversion

Color Schemes with #2d689b

Alternatives to #2d689b

#2d689b Preview

Shades and Tints of #2d689b

Tones of #2d689b

Color Blindness Simulator