#2b68a5 hex color

In a RGB color space, hex #2b68a5 is composed of 16.9% red, 40.8% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 37% magenta, 0% yellow and 35.3% black. It has a hue angle of 210 degrees, a saturation of 58.7% and a lightness of 40.8%. #2b68a5 color hex could be obtained by blending #56d0ff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 41
- B 65
RGB color chart
- C 74
- M 37
- Y 0
- K 35
CMYK color chart

● #2b68a5 color description : Dark blue.

The hexadecimal color #2b68a5 has RGB values of R:43, G:104, B:165 and CMYK values of C:0.74, M:0.37, Y:0, K:0.35. Its decimal value is 2844837.

Hex triplet	2b68a5	`#2b68a5`
RGB Decimal	43, 104, 165	`rgb(43,104,165)`
RGB Percent	16.9, 40.8, 64.7	`rgb(16.9%,40.8%,64.7%)`
CMYK	74, 37, 0, 35
HSL	210°, 58.7, 40.8	`hsl(210,58.7%,40.8%)`
HSV (or HSB)	210°, 73.9, 64.7
Web Safe	336699	`#336699`

CIE-LAB	42.958, 1.733, -38.487
XYZ	12.737, 13.13, 37.458
xyY	0.201, 0.207, 13.13
CIE-LCH	42.958, 38.526, 272.578
CIE-LUV	42.958, -22.144, -56.639
Hunter-Lab	36.235, -0.669, -35.927
Binary	00101011, 01101000, 10100101

#2b68a5
```
#2b68a5 rgb(43,104,165)
```
#a5682b
```
#a5682b rgb(165,104,43)
```

Complementary Color

#2ba5a5
```
#2ba5a5 rgb(43,165,165)
```
#2b68a5
```
#2b68a5 rgb(43,104,165)
```
#2b2ba5
```
#2b2ba5 rgb(43,43,165)
```

Analogous Color

#a5a52b
```
#a5a52b rgb(165,165,43)
```
#2b68a5
```
#2b68a5 rgb(43,104,165)
```
#a52b2b
```
#a52b2b rgb(165,43,43)
```

Split Complementary Color

#68a52b
```
#68a52b rgb(104,165,43)
```
#2b68a5
```
#2b68a5 rgb(43,104,165)
```
#a52b68
```
#a52b68 rgb(165,43,104)
```

Triadic Color

#2ba568
```
#2ba568 rgb(43,165,104)
```
#2b68a5
```
#2b68a5 rgb(43,104,165)
```
#a52b68
```
#a52b68 rgb(165,43,104)
```
#a5682b
```
#a5682b rgb(165,104,43)
```

Tetradic Color

#1b4268
```
#1b4268 rgb(27,66,104)
```
#204f7d
```
#204f7d rgb(32,79,125)
```
#265b91
```
#265b91 rgb(38,91,145)
```
#2b68a5
```
#2b68a5 rgb(43,104,165)
```
#3075b9
```
#3075b9 rgb(48,117,185)
```
#3882cb
```
#3882cb rgb(56,130,203)
```
#4c8ed0
```
#4c8ed0 rgb(76,142,208)
```

Monochromatic Color

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

#2b87a5
```
#2b87a5 rgb(43,135,165)
```
#2b7ca5
```
#2b7ca5 rgb(43,124,165)
```
#2b72a5
```
#2b72a5 rgb(43,114,165)
```
#2b68a5
```
#2b68a5 rgb(43,104,165)
```
#2b5ea5
```
#2b5ea5 rgb(43,94,165)
```
#2b54a5
```
#2b54a5 rgb(43,84,165)
```
#2b4aa5
```
#2b4aa5 rgb(43,74,165)
```

Similar Colors

Text with hexadecimal color #2b68a5

This text has a font color of #2b68a5.

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

#2b68a5 background color

This paragraph has a background color of #2b68a5.

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

#2b68a5 border color

This element has a border color of #2b68a5.

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

CSS codes

.text {color:#2b68a5;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#071019
```
#071019 rgb(7,16,25)
```
#0b1a29
```
#0b1a29 rgb(11,26,41)
```
#0f2338
```
#0f2338 rgb(15,35,56)
```
#132d48
```
#132d48 rgb(19,45,72)
```
#173757
```
#173757 rgb(23,55,87)
```
#1b4167
```
#1b4167 rgb(27,65,103)
```
#1f4b76
```
#1f4b76 rgb(31,75,118)
```
#235486
```
#235486 rgb(35,84,134)
```
#275e95
```
#275e95 rgb(39,94,149)
```
#2b68a5
```
#2b68a5 rgb(43,104,165)
```
#2f72b5
```
#2f72b5 rgb(47,114,181)
```
#337cc4
```
#337cc4 rgb(51,124,196)
```

Shade Color Variation

#3e85cd
```
#3e85cd rgb(62,133,205)
```
#4e8fd1
```
#4e8fd1 rgb(78,143,209)
```
#5d99d5
```
#5d99d5 rgb(93,153,213)
```
#6da3d9
```
#6da3d9 rgb(109,163,217)
```
#7caddd
```
#7caddd rgb(124,173,221)
```
#8cb6e1
```
#8cb6e1 rgb(140,182,225)
```
#9bc0e5
```
#9bc0e5 rgb(155,192,229)
```
#abcae9
```
#abcae9 rgb(171,202,233)
```
#bbd4ed
```
#bbd4ed rgb(187,212,237)
```
#cadef1
```
#cadef1 rgb(202,222,241)
```
#dae8f5
```
#dae8f5 rgb(218,232,245)
```
#e9f1f9
```
#e9f1f9 rgb(233,241,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63686d is the less saturated color, while #0368cd is the most saturated one.

#63686d
```
#63686d rgb(99,104,109)
```
#5b6875
```
#5b6875 rgb(91,104,117)
```
#53687d
```
#53687d rgb(83,104,125)
```
#4b6885
```
#4b6885 rgb(75,104,133)
```
#43688d
```
#43688d rgb(67,104,141)
```
#3b6895
```
#3b6895 rgb(59,104,149)
```
#33689d
```
#33689d rgb(51,104,157)
```
#2b68a5
```
#2b68a5 rgb(43,104,165)
```
#2368ad
```
#2368ad rgb(35,104,173)
```
#1b68b5
```
#1b68b5 rgb(27,104,181)
```
#1368bd
```
#1368bd rgb(19,104,189)
```
#0b68c5
```
#0b68c5 rgb(11,104,197)
```
#0368cd
```
#0368cd rgb(3,104,205)
```

Tone Color Variation

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

Dichromacy

#556ba6 Protanopia 1% of men
#436daa Deuteranopia 1% of men
#007880 Tritanopia 0.001% of the population

Trichromacy

#456aa5 Protanomaly 1% of men, 0.01% of women
#3a6ba8 Deuteranomaly 6% of men, 0.4% of women
#0f728d Tritanomaly 0.01% of the population

#2b68a5 hex color

#2b68a5 Color Information

#2b68a5 Color Conversion

Color Schemes with #2b68a5

Alternatives to #2b68a5

#2b68a5 Preview

Shades and Tints of #2b68a5

Tones of #2b68a5

Color Blindness Simulator