colorhexa.com

#2679a4 hex color

In a RGB color space, hex #2679a4 is composed of 14.9% red, 47.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 26.2% magenta, 0% yellow and 35.7% black. It has a hue angle of 200.5 degrees, a saturation of 62.4% and a lightness of 39.6%. #2679a4 color hex could be obtained by blending #4cf2ff with #000049. Closest websafe color is: #336699.

- R 15
- G 47
- B 64
RGB color chart
- C 77
- M 26
- Y 0
- K 36
CMYK color chart

● #2679a4 color description : Dark blue.

The hexadecimal color #2679a4 has RGB values of R:38, G:121, B:164 and CMYK values of C:0.77, M:0.26, Y:0, K:0.36. Its decimal value is 2521508.

Hex triplet	2679a4	`#2679a4`
RGB Decimal	38, 121, 164	`rgb(38,121,164)`
RGB Percent	14.9, 47.5, 64.3	`rgb(14.9%,47.5%,64.3%)`
CMYK	77, 26, 0, 36
HSL	200.5°, 62.4, 39.6	`hsl(200.5,62.4%,39.6%)`
HSV (or HSB)	200.5°, 76.8, 64.3
Web Safe	336699	`#336699`

CIE-LAB	47.964, -9.553, -30.034
XYZ	14.336, 16.766, 37.601
xyY	0.209, 0.244, 16.766
CIE-LCH	47.964, 31.516, 252.356
CIE-LUV	47.964, -28.925, -43.527
Hunter-Lab	40.946, -9.16, -25.783
Binary	00100110, 01111001, 10100100

#2679a4
```
#2679a4 rgb(38,121,164)
```
#a45126
```
#a45126 rgb(164,81,38)
```

Complementary Color

#26a490
```
#26a490 rgb(38,164,144)
```
#2679a4
```
#2679a4 rgb(38,121,164)
```
#263aa4
```
#263aa4 rgb(38,58,164)
```

Analogous Color

#a49026
```
#a49026 rgb(164,144,38)
```
#2679a4
```
#2679a4 rgb(38,121,164)
```
#a4263a
```
#a4263a rgb(164,38,58)
```

Split Complementary Color

#79a426
```
#79a426 rgb(121,164,38)
```
#2679a4
```
#2679a4 rgb(38,121,164)
```
#a42679
```
#a42679 rgb(164,38,121)
```

Triadic Color

#26a451
```
#26a451 rgb(38,164,81)
```
#2679a4
```
#2679a4 rgb(38,121,164)
```
#a42679
```
#a42679 rgb(164,38,121)
```
#a45126
```
#a45126 rgb(164,81,38)
```

Tetradic Color

#184b66
```
#184b66 rgb(24,75,102)
```
#1c5a7b
```
#1c5a7b rgb(28,90,123)
```
#216a8f
```
#216a8f rgb(33,106,143)
```
#2679a4
```
#2679a4 rgb(38,121,164)
```
#2b88b9
```
#2b88b9 rgb(43,136,185)
```
#3098cd
```
#3098cd rgb(48,152,205)
```
#43a2d3
```
#43a2d3 rgb(67,162,211)
```

Monochromatic Color

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

#2699a4
```
#2699a4 rgb(38,153,164)
```
#268ea4
```
#268ea4 rgb(38,142,164)
```
#2684a4
```
#2684a4 rgb(38,132,164)
```
#2679a4
```
#2679a4 rgb(38,121,164)
```
#266fa4
```
#266fa4 rgb(38,111,164)
```
#2664a4
```
#2664a4 rgb(38,100,164)
```
#2659a4
```
#2659a4 rgb(38,89,164)
```

Similar Colors

Text with hexadecimal color #2679a4

This text has a font color of #2679a4.

<span style="color:#2679a4;">Text here</span>

#2679a4 background color

This paragraph has a background color of #2679a4.

<p style="background-color:#2679a4;">Content here</p>

#2679a4 border color

This element has a border color of #2679a4.

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

CSS codes

.text {color:#2679a4;}

.background {background-color:#2679a4;}

.border {border:1px solid #2679a4;}

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

#010405
```
#010405 rgb(1,4,5)
```
#050f15
```
#050f15 rgb(5,15,21)
```
#081b25
```
#081b25 rgb(8,27,37)
```
#0c2735
```
#0c2735 rgb(12,39,53)
```
#103344
```
#103344 rgb(16,51,68)
```
#143e54
```
#143e54 rgb(20,62,84)
```
#174a64
```
#174a64 rgb(23,74,100)
```
#1b5674
```
#1b5674 rgb(27,86,116)
```
#1f6284
```
#1f6284 rgb(31,98,132)
```
#226d94
```
#226d94 rgb(34,109,148)
```
#2679a4
```
#2679a4 rgb(38,121,164)
```
#2a85b4
```
#2a85b4 rgb(42,133,180)
```
#2d90c4
```
#2d90c4 rgb(45,144,196)
```

Shade Color Variation

#359bd0
```
#359bd0 rgb(53,155,208)
```
#45a3d4
```
#45a3d4 rgb(69,163,212)
```
#55abd8
```
#55abd8 rgb(85,171,216)
```
#64b3db
```
#64b3db rgb(100,179,219)
```
#74bbdf
```
#74bbdf rgb(116,187,223)
```
#84c2e3
```
#84c2e3 rgb(132,194,227)
```
#94cae6
```
#94cae6 rgb(148,202,230)
```
#a4d2ea
```
#a4d2ea rgb(164,210,234)
```
#b4daee
```
#b4daee rgb(180,218,238)
```
#c4e2f1
```
#c4e2f1 rgb(196,226,241)
```
#d4eaf5
```
#d4eaf5 rgb(212,234,245)
```
#e4f2f9
```
#e4f2f9 rgb(228,242,249)
```
#f4f9fc
```
#f4f9fc rgb(244,249,252)
```

Tint Color Variation

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

#646566
```
#646566 rgb(100,101,102)
```
#5c686e
```
#5c686e rgb(92,104,110)
```
#556a75
```
#556a75 rgb(85,106,117)
```
#4d6d7d
```
#4d6d7d rgb(77,109,125)
```
#456f85
```
#456f85 rgb(69,111,133)
```
#3d728d
```
#3d728d rgb(61,114,141)
```
#367494
```
#367494 rgb(54,116,148)
```
#2e779c
```
#2e779c rgb(46,119,156)
```
#2679a4
```
#2679a4 rgb(38,121,164)
```
#1e7bac
```
#1e7bac rgb(30,123,172)
```
#167eb4
```
#167eb4 rgb(22,126,180)
```
#0f80bb
```
#0f80bb rgb(15,128,187)
```
#0783c3
```
#0783c3 rgb(7,131,195)
```

Tone Color Variation

Below, you can see how #2679a4 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

#656565 Achromatopsia 0.005% of the population
#586972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b77a2 Protanopia 1% of men
#6178ab Deuteranopia 1% of men
#00848e Tritanopia 0.001% of the population

Trichromacy

#5278a3 Protanomaly 1% of men, 0.01% of women
#4c78a8 Deuteranomaly 6% of men, 0.4% of women
#0d8096 Tritanomaly 0.01% of the population