#2d689a hex color

In a RGB color space, hex #2d689a is composed of 17.6% red, 40.8% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 32.5% magenta, 0% yellow and 39.6% black. It has a hue angle of 207.5 degrees, a saturation of 54.8% and a lightness of 39%. #2d689a color hex could be obtained by blending #5ad0ff with #000035. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 41
- B 60
RGB color chart
- C 71
- M 32
- Y 0
- K 40
CMYK color chart

● #2d689a color description : Dark blue.

The hexadecimal color #2d689a has RGB values of R:45, G:104, B:154 and CMYK values of C:0.71, M:0.32, Y:0, K:0.4. Its decimal value is 2975898.

Hex triplet	2d689a	`#2d689a`
RGB Decimal	45, 104, 154	`rgb(45,104,154)`
RGB Percent	17.6, 40.8, 60.4	`rgb(17.6%,40.8%,60.4%)`
CMYK	71, 32, 0, 40
HSL	207.5°, 54.8, 39	`hsl(207.5,54.8%,39%)`
HSV (or HSB)	207.5°, 70.8, 60.4
Web Safe	336699	`#336699`

CIE-LAB	42.446, -2.043, -32.773
XYZ	11.864, 12.791, 32.414
xyY	0.208, 0.224, 12.791
CIE-LCH	42.446, 32.837, 266.433
CIE-LUV	42.446, -22.162, -47.37
Hunter-Lab	35.764, -3.374, -28.701
Binary	00101101, 01101000, 10011010

#2d689a
```
#2d689a rgb(45,104,154)
```
#9a5f2d
```
#9a5f2d rgb(154,95,45)
```

Complementary Color

#2d9a96
```
#2d9a96 rgb(45,154,150)
```
#2d689a
```
#2d689a rgb(45,104,154)
```
#2d329a
```
#2d329a rgb(45,50,154)
```

Analogous Color

#9a962d
```
#9a962d rgb(154,150,45)
```
#2d689a
```
#2d689a rgb(45,104,154)
```
#9a2d32
```
#9a2d32 rgb(154,45,50)
```

Split Complementary Color

#689a2d
```
#689a2d rgb(104,154,45)
```
#2d689a
```
#2d689a rgb(45,104,154)
```
#9a2d68
```
#9a2d68 rgb(154,45,104)
```

Triadic Color

#2d9a5f
```
#2d9a5f rgb(45,154,95)
```
#2d689a
```
#2d689a rgb(45,104,154)
```
#9a2d68
```
#9a2d68 rgb(154,45,104)
```
#9a5f2d
```
#9a5f2d rgb(154,95,45)
```

Tetradic Color

#1c405f
```
#1c405f rgb(28,64,95)
```
#214d73
```
#214d73 rgb(33,77,115)
```
#275b86
```
#275b86 rgb(39,91,134)
```
#2d689a
```
#2d689a rgb(45,104,154)
```
#3375ae
```
#3375ae rgb(51,117,174)
```
#3983c1
```
#3983c1 rgb(57,131,193)
```
#4a8fca
```
#4a8fca rgb(74,143,202)
```

Monochromatic Color

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

#2d839a
```
#2d839a rgb(45,131,154)
```
#2d7a9a
```
#2d7a9a rgb(45,122,154)
```
#2d719a
```
#2d719a rgb(45,113,154)
```
#2d689a
```
#2d689a rgb(45,104,154)
```
#2d5f9a
```
#2d5f9a rgb(45,95,154)
```
#2d569a
```
#2d569a rgb(45,86,154)
```
#2d4d9a
```
#2d4d9a rgb(45,77,154)
```

Similar Colors

Text with hexadecimal color #2d689a

This text has a font color of #2d689a.

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

#2d689a background color

This paragraph has a background color of #2d689a.

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

#2d689a border color

This element has a border color of #2d689a.

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

CSS codes

.text {color:#2d689a;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050c11
```
#050c11 rgb(5,12,17)
```
#0a1621
```
#0a1621 rgb(10,22,33)
```
#0e2030
```
#0e2030 rgb(14,32,48)
```
#122a3f
```
#122a3f rgb(18,42,63)
```
#17354e
```
#17354e rgb(23,53,78)
```
#1b3f5d
```
#1b3f5d rgb(27,63,93)
```
#20496c
```
#20496c rgb(32,73,108)
```
#24537c
```
#24537c rgb(36,83,124)
```
#295e8b
```
#295e8b rgb(41,94,139)
```
#2d689a
```
#2d689a rgb(45,104,154)
```
#3172a9
```
#3172a9 rgb(49,114,169)
```
#367db8
```
#367db8 rgb(54,125,184)
```

Shade Color Variation

#3c87c6
```
#3c87c6 rgb(60,135,198)
```
#4b90ca
```
#4b90ca rgb(75,144,202)
```
#5a99cf
```
#5a99cf rgb(90,153,207)
```
#69a3d3
```
#69a3d3 rgb(105,163,211)
```
#79acd8
```
#79acd8 rgb(121,172,216)
```
#88b5dc
```
#88b5dc rgb(136,181,220)
```
#97bfe1
```
#97bfe1 rgb(151,191,225)
```
#a6c8e5
```
#a6c8e5 rgb(166,200,229)
```
#b5d2e9
```
#b5d2e9 rgb(181,210,233)
```
#c4dbee
```
#c4dbee rgb(196,219,238)
```
#d4e4f2
```
#d4e4f2 rgb(212,228,242)
```
#e3eef7
```
#e3eef7 rgb(227,238,247)
```
#f2f7fb
```
#f2f7fb rgb(242,247,251)
```

Tint Color Variation

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

#636464
```
#636464 rgb(99,100,100)
```
#5b646c
```
#5b646c rgb(91,100,108)
```
#536574
```
#536574 rgb(83,101,116)
```
#4c657b
```
#4c657b rgb(76,101,123)
```
#446683
```
#446683 rgb(68,102,131)
```
#3c678b
```
#3c678b rgb(60,103,139)
```
#356792
```
#356792 rgb(53,103,146)
```
#2d689a
```
#2d689a rgb(45,104,154)
```
#2569a2
```
#2569a2 rgb(37,105,162)
```
#1e69a9
```
#1e69a9 rgb(30,105,169)
```
#166ab1
```
#166ab1 rgb(22,106,177)
```
#0e6bb9
```
#0e6bb9 rgb(14,107,185)
```
#076bc0
```
#076bc0 rgb(7,107,192)
```

Tone Color Variation

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

Dichromacy

#5a6a9b Protanopia 1% of men
#4e6ca0 Deuteranopia 1% of men
#15767f Tritanopia 0.001% of the population

Trichromacy

#49699a Protanomaly 1% of men, 0.01% of women
#426a9e Deuteranomaly 6% of men, 0.4% of women
#1d7188 Tritanomaly 0.01% of the population

#2d689a hex color

#2d689a Color Information

#2d689a Color Conversion

Color Schemes with #2d689a

Alternatives to #2d689a

#2d689a Preview

Shades and Tints of #2d689a

Tones of #2d689a

Color Blindness Simulator