colorhexa.com

#2f689d hex color

In a RGB color space, hex #2f689d is composed of 18.4% red, 40.8% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 33.8% magenta, 0% yellow and 38.4% black. It has a hue angle of 208.9 degrees, a saturation of 53.9% and a lightness of 40%. #2f689d color hex could be obtained by blending #5ed0ff with #00003b. Closest websafe color is: #336699.

- R 18
- G 41
- B 62
RGB color chart
- C 70
- M 34
- Y 0
- K 38
CMYK color chart

● #2f689d color description : Dark blue.

The hexadecimal color #2f689d has RGB values of R:47, G:104, B:157 and CMYK values of C:0.7, M:0.34, Y:0, K:0.38. Its decimal value is 3106973.

Hex triplet	2f689d	`#2f689d`
RGB Decimal	47, 104, 157	`rgb(47,104,157)`
RGB Percent	18.4, 40.8, 61.6	`rgb(18.4%,40.8%,61.6%)`
CMYK	70, 34, 0, 38
HSL	208.9°, 53.9, 40	`hsl(208.9,53.9%,40%)`
HSV (or HSB)	208.9°, 70.1, 61.6
Web Safe	336699	`#336699`

CIE-LAB	42.67, -0.622, -34.198
XYZ	12.207, 12.938, 33.75
xyY	0.207, 0.22, 12.938
CIE-LCH	42.67, 34.204, 268.957
CIE-LUV	42.67, -21.671, -49.754
Hunter-Lab	35.97, -2.371, -30.453
Binary	00101111, 01101000, 10011101

#2f689d
```
#2f689d rgb(47,104,157)
```
#9d642f
```
#9d642f rgb(157,100,47)
```

Complementary Color

#2f9d9b
```
#2f9d9b rgb(47,157,155)
```
#2f689d
```
#2f689d rgb(47,104,157)
```
#2f319d
```
#2f319d rgb(47,49,157)
```

Analogous Color

#9d9b2f
```
#9d9b2f rgb(157,155,47)
```
#2f689d
```
#2f689d rgb(47,104,157)
```
#9d2f31
```
#9d2f31 rgb(157,47,49)
```

Split Complementary Color

#689d2f
```
#689d2f rgb(104,157,47)
```
#2f689d
```
#2f689d rgb(47,104,157)
```
#9d2f68
```
#9d2f68 rgb(157,47,104)
```

Triadic Color

#2f9d64
```
#2f9d64 rgb(47,157,100)
```
#2f689d
```
#2f689d rgb(47,104,157)
```
#9d2f68
```
#9d2f68 rgb(157,47,104)
```
#9d642f
```
#9d642f rgb(157,100,47)
```

Tetradic Color

#1d4162
```
#1d4162 rgb(29,65,98)
```
#234e76
```
#234e76 rgb(35,78,118)
```
#295b89
```
#295b89 rgb(41,91,137)
```
#2f689d
```
#2f689d rgb(47,104,157)
```
#3575b1
```
#3575b1 rgb(53,117,177)
```
#3b82c4
```
#3b82c4 rgb(59,130,196)
```
#4e8fca
```
#4e8fca rgb(78,143,202)
```

Monochromatic Color

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

#2f849d
```
#2f849d rgb(47,132,157)
```
#2f7a9d
```
#2f7a9d rgb(47,122,157)
```
#2f719d
```
#2f719d rgb(47,113,157)
```
#2f689d
```
#2f689d rgb(47,104,157)
```
#2f5f9d
```
#2f5f9d rgb(47,95,157)
```
#2f569d
```
#2f569d rgb(47,86,157)
```
#2f4d9d
```
#2f4d9d rgb(47,77,157)
```

Similar Colors

Text with hexadecimal color #2f689d

This text has a font color of #2f689d.

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

#2f689d background color

This paragraph has a background color of #2f689d.

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

#2f689d border color

This element has a border color of #2f689d.

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

CSS codes

.text {color:#2f689d;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#060e15
```
#060e15 rgb(6,14,21)
```
#0b1824
```
#0b1824 rgb(11,24,36)
```
#0f2233
```
#0f2233 rgb(15,34,51)
```
#142c42
```
#142c42 rgb(20,44,66)
```
#183652
```
#183652 rgb(24,54,82)
```
#1d4061
```
#1d4061 rgb(29,64,97)
```
#214a70
```
#214a70 rgb(33,74,112)
```
#26547f
```
#26547f rgb(38,84,127)
```
#2a5e8e
```
#2a5e8e rgb(42,94,142)
```
#2f689d
```
#2f689d rgb(47,104,157)
```
#3472ac
```
#3472ac rgb(52,114,172)
```
#387cbb
```
#387cbb rgb(56,124,187)
```

Shade Color Variation

#4186c6
```
#4186c6 rgb(65,134,198)
```
#508fcb
```
#508fcb rgb(80,143,203)
```
#5f99cf
```
#5f99cf rgb(95,153,207)
```
#6ea3d4
```
#6ea3d4 rgb(110,163,212)
```
#7dacd8
```
#7dacd8 rgb(125,172,216)
```
#8cb6dd
```
#8cb6dd rgb(140,182,221)
```
#9bc0e1
```
#9bc0e1 rgb(155,192,225)
```
#aac9e6
```
#aac9e6 rgb(170,201,230)
```
#bad3ea
```
#bad3ea rgb(186,211,234)
```
#c9dcef
```
#c9dcef rgb(201,220,239)
```
#d8e6f3
```
#d8e6f3 rgb(216,230,243)
```
#e7f0f8
```
#e7f0f8 rgb(231,240,248)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#666666
```
#666666 rgb(102,102,102)
```
#5e666e
```
#5e666e rgb(94,102,110)
```
#566776
```
#566776 rgb(86,103,118)
```
#4e677e
```
#4e677e rgb(78,103,126)
```
#476785
```
#476785 rgb(71,103,133)
```
#3f678d
```
#3f678d rgb(63,103,141)
```
#376895
```
#376895 rgb(55,104,149)
```
#2f689d
```
#2f689d rgb(47,104,157)
```
#2768a5
```
#2768a5 rgb(39,104,165)
```
#1f69ad
```
#1f69ad rgb(31,105,173)
```
#1769b5
```
#1769b5 rgb(23,105,181)
```
#1069bc
```
#1069bc rgb(16,105,188)
```
#0869c4
```
#0869c4 rgb(8,105,196)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#545f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#596b9e Protanopia 1% of men
#4c6ca3 Deuteranopia 1% of men
#15777f Tritanopia 0.001% of the population

Trichromacy

#49699d Protanomaly 1% of men, 0.01% of women
#426ba1 Deuteranomaly 6% of men, 0.4% of women
#1e718a Tritanomaly 0.01% of the population