#2b697c hex color

In a RGB color space, hex #2b697c is composed of 16.9% red, 41.2% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 15.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 194.1 degrees, a saturation of 48.5% and a lightness of 32.7%. #2b697c color hex could be obtained by blending #56d2f8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 41
- B 49
RGB color chart
- C 65
- M 15
- Y 0
- K 51
CMYK color chart

● #2b697c color description : Dark moderate cyan.

The hexadecimal color #2b697c has RGB values of R:43, G:105, B:124 and CMYK values of C:0.65, M:0.15, Y:0, K:0.51. Its decimal value is 2845052.

Hex triplet	2b697c	`#2b697c`
RGB Decimal	43, 105, 124	`rgb(43,105,124)`
RGB Percent	16.9, 41.2, 48.6	`rgb(16.9%,41.2%,48.6%)`
CMYK	65, 15, 0, 51
HSL	194.1°, 48.5, 32.7	`hsl(194.1,48.5%,32.7%)`
HSV (or HSB)	194.1°, 65.3, 48.6
Web Safe	336666	`#336666`

CIE-LAB	41.329, -13.571, -16.503
XYZ	9.685, 12.071, 20.887
xyY	0.227, 0.283, 12.071
CIE-LCH	41.329, 21.366, 230.569
CIE-LUV	41.329, -24.161, -21.292
Hunter-Lab	34.744, -11.044, -11.323
Binary	00101011, 01101001, 01111100

#2b697c
```
#2b697c rgb(43,105,124)
```
#7c3e2b
```
#7c3e2b rgb(124,62,43)
```

Complementary Color

#2b7c67
```
#2b7c67 rgb(43,124,103)
```
#2b697c
```
#2b697c rgb(43,105,124)
```
#2b417c
```
#2b417c rgb(43,65,124)
```

Analogous Color

#7c672b
```
#7c672b rgb(124,103,43)
```
#2b697c
```
#2b697c rgb(43,105,124)
```
#7c2b41
```
#7c2b41 rgb(124,43,65)
```

Split Complementary Color

#697c2b
```
#697c2b rgb(105,124,43)
```
#2b697c
```
#2b697c rgb(43,105,124)
```
#7c2b69
```
#7c2b69 rgb(124,43,105)
```

Triadic Color

#2b7c3e
```
#2b7c3e rgb(43,124,62)
```
#2b697c
```
#2b697c rgb(43,105,124)
```
#7c2b69
```
#7c2b69 rgb(124,43,105)
```
#7c3e2b
```
#7c3e2b rgb(124,62,43)
```

Tetradic Color

#173943
```
#173943 rgb(23,57,67)
```
#1e4956
```
#1e4956 rgb(30,73,86)
```
#245969
```
#245969 rgb(36,89,105)
```
#2b697c
```
#2b697c rgb(43,105,124)
```
#32798f
```
#32798f rgb(50,121,143)
```
#3889a2
```
#3889a2 rgb(56,137,162)
```
#3f99b5
```
#3f99b5 rgb(63,153,181)
```

Monochromatic Color

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

#2b7c7b
```
#2b7c7b rgb(43,124,123)
```
#2b777c
```
#2b777c rgb(43,119,124)
```
#2b707c
```
#2b707c rgb(43,112,124)
```
#2b697c
```
#2b697c rgb(43,105,124)
```
#2b627c
```
#2b627c rgb(43,98,124)
```
#2b5c7c
```
#2b5c7c rgb(43,92,124)
```
#2b557c
```
#2b557c rgb(43,85,124)
```

Similar Colors

Text with hexadecimal color #2b697c

This text has a font color of #2b697c.

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

#2b697c background color

This paragraph has a background color of #2b697c.

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

#2b697c border color

This element has a border color of #2b697c.

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

CSS codes

.text {color:#2b697c;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#081316
```
#081316 rgb(8,19,22)
```
#0d1f25
```
#0d1f25 rgb(13,31,37)
```
#122b33
```
#122b33 rgb(18,43,51)
```
#173842
```
#173842 rgb(23,56,66)
```
#1c4450
```
#1c4450 rgb(28,68,80)
```
#21505f
```
#21505f rgb(33,80,95)
```
#265d6d
```
#265d6d rgb(38,93,109)
```
#2b697c
```
#2b697c rgb(43,105,124)
```
#30758b
```
#30758b rgb(48,117,139)
```
#358299
```
#358299 rgb(53,130,153)
```
#3a8ea8
```
#3a8ea8 rgb(58,142,168)
```
#3f9ab6
```
#3f9ab6 rgb(63,154,182)
```

Shade Color Variation

#49a4c0
```
#49a4c0 rgb(73,164,192)
```
#58abc5
```
#58abc5 rgb(88,171,197)
```
#66b3ca
```
#66b3ca rgb(102,179,202)
```
#75bacf
```
#75bacf rgb(117,186,207)
```
#83c1d4
```
#83c1d4 rgb(131,193,212)
```
#92c8d9
```
#92c8d9 rgb(146,200,217)
```
#a1d0de
```
#a1d0de rgb(161,208,222)
```
#afd7e3
```
#afd7e3 rgb(175,215,227)
```
#bedee8
```
#bedee8 rgb(190,222,232)
```
#cce6ed
```
#cce6ed rgb(204,230,237)
```
#dbedf2
```
#dbedf2 rgb(219,237,242)
```
#e9f4f7
```
#e9f4f7 rgb(233,244,247)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#525555
```
#525555 rgb(82,85,85)
```
#4b585c
```
#4b585c rgb(75,88,92)
```
#455b62
```
#455b62 rgb(69,91,98)
```
#3e5f69
```
#3e5f69 rgb(62,95,105)
```
#38626f
```
#38626f rgb(56,98,111)
```
#316676
```
#316676 rgb(49,102,118)
```
#2b697c
```
#2b697c rgb(43,105,124)
```
#256c82
```
#256c82 rgb(37,108,130)
```
#1e7089
```
#1e7089 rgb(30,112,137)
```
#18738f
```
#18738f rgb(24,115,143)
```
#117796
```
#117796 rgb(17,119,150)
```
#0b7a9c
```
#0b7a9c rgb(11,122,156)
```
#047da3
```
#047da3 rgb(4,125,163)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#505c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64687d Protanopia 1% of men
#636886 Deuteranopia 1% of men
#30727a Tritanopia 0.001% of the population

Trichromacy

#4f687d Protanomaly 1% of men, 0.01% of women
#4e6882 Deuteranomaly 6% of men, 0.4% of women
#2e6e7b Tritanomaly 0.01% of the population

#2b697c hex color

#2b697c Color Information

#2b697c Color Conversion

Color Schemes with #2b697c

Alternatives to #2b697c

#2b697c Preview

Shades and Tints of #2b697c

Tones of #2b697c

Color Blindness Simulator