#3b68a0 hex color

In a RGB color space, hex #3b68a0 is composed of 23.1% red, 40.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 35% magenta, 0% yellow and 37.3% black. It has a hue angle of 213.3 degrees, a saturation of 46.1% and a lightness of 42.9%. #3b68a0 color hex could be obtained by blending #76d0ff with #000041. Closest websafe color is: #336699.

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

● #3b68a0 color description : Dark moderate blue.

The hexadecimal color #3b68a0 has RGB values of R:59, G:104, B:160 and CMYK values of C:0.63, M:0.35, Y:0, K:0.37. Its decimal value is 3893408.

Hex triplet	3b68a0	`#3b68a0`
RGB Decimal	59, 104, 160	`rgb(59,104,160)`
RGB Percent	23.1, 40.8, 62.7	`rgb(23.1%,40.8%,62.7%)`
CMYK	63, 35, 0, 37
HSL	213.3°, 46.1, 42.9	`hsl(213.3,46.1%,42.9%)`
HSV (or HSB)	213.3°, 63.1, 62.7
Web Safe	336699	`#336699`

CIE-LAB	43.312, 2.603, -34.932
XYZ	13.098, 13.368, 35.146
xyY	0.213, 0.217, 13.368
CIE-LCH	43.312, 35.028, 274.262
CIE-LUV	43.312, -18.936, -51.38
Hunter-Lab	36.562, -0.039, -31.4
Binary	00111011, 01101000, 10100000

#3b68a0
```
#3b68a0 rgb(59,104,160)
```
#a0733b
```
#a0733b rgb(160,115,59)
```

Complementary Color

#3b9ba0
```
#3b9ba0 rgb(59,155,160)
```
#3b68a0
```
#3b68a0 rgb(59,104,160)
```
#413ba0
```
#413ba0 rgb(65,59,160)
```

Analogous Color

#9ba03b
```
#9ba03b rgb(155,160,59)
```
#3b68a0
```
#3b68a0 rgb(59,104,160)
```
#a0413b
```
#a0413b rgb(160,65,59)
```

Split Complementary Color

#68a03b
```
#68a03b rgb(104,160,59)
```
#3b68a0
```
#3b68a0 rgb(59,104,160)
```
#a03b68
```
#a03b68 rgb(160,59,104)
```

Triadic Color

#3ba073
```
#3ba073 rgb(59,160,115)
```
#3b68a0
```
#3b68a0 rgb(59,104,160)
```
#a03b68
```
#a03b68 rgb(160,59,104)
```
#a0733b
```
#a0733b rgb(160,115,59)
```

Tetradic Color

#264468
```
#264468 rgb(38,68,104)
```
#2d507b
```
#2d507b rgb(45,80,123)
```
#345c8d
```
#345c8d rgb(52,92,141)
```
#3b68a0
```
#3b68a0 rgb(59,104,160)
```
#4274b3
```
#4274b3 rgb(66,116,179)
```
#5081be
```
#5081be rgb(80,129,190)
```
#628ec5
```
#628ec5 rgb(98,142,197)
```

Monochromatic Color

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

#3b81a0
```
#3b81a0 rgb(59,129,160)
```
#3b79a0
```
#3b79a0 rgb(59,121,160)
```
#3b70a0
```
#3b70a0 rgb(59,112,160)
```
#3b68a0
```
#3b68a0 rgb(59,104,160)
```
#3b60a0
```
#3b60a0 rgb(59,96,160)
```
#3b57a0
```
#3b57a0 rgb(59,87,160)
```
#3b4fa0
```
#3b4fa0 rgb(59,79,160)
```

Similar Colors

Text with hexadecimal color #3b68a0

This text has a font color of #3b68a0.

<span style="color:#3b68a0;">Text here</span>

#3b68a0 background color

This paragraph has a background color of #3b68a0.

<p style="background-color:#3b68a0;">Content here</p>

#3b68a0 border color

This element has a border color of #3b68a0.

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

CSS codes

.text {color:#3b68a0;}

.background {background-color:#3b68a0;}

.border {border:1px solid #3b68a0;}

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

#010202
```
#010202 rgb(1,2,2)
```
#060b11
```
#060b11 rgb(6,11,17)
```
#0b141f
```
#0b141f rgb(11,20,31)
```
#111d2d
```
#111d2d rgb(17,29,45)
```
#16273c
```
#16273c rgb(22,39,60)
```
#1b304a
```
#1b304a rgb(27,48,74)
```
#213958
```
#213958 rgb(33,57,88)
```
#264367
```
#264367 rgb(38,67,103)
```
#2b4c75
```
#2b4c75 rgb(43,76,117)
```
#305583
```
#305583 rgb(48,85,131)
```
#365f92
```
#365f92 rgb(54,95,146)
```
#3b68a0
```
#3b68a0 rgb(59,104,160)
```
#4071ae
```
#4071ae rgb(64,113,174)
```

Shade Color Variation

#477bbb
```
#477bbb rgb(71,123,187)
```
#5585c0
```
#5585c0 rgb(85,133,192)
```
#648fc6
```
#648fc6 rgb(100,143,198)
```
#729acb
```
#729acb rgb(114,154,203)
```
#80a4d0
```
#80a4d0 rgb(128,164,208)
```
#8faed6
```
#8faed6 rgb(143,174,214)
```
#9db9db
```
#9db9db rgb(157,185,219)
```
#abc3e0
```
#abc3e0 rgb(171,195,224)
```
#bacde5
```
#bacde5 rgb(186,205,229)
```
#c8d7eb
```
#c8d7eb rgb(200,215,235)
```
#d6e2f0
```
#d6e2f0 rgb(214,226,240)
```
#e5ecf5
```
#e5ecf5 rgb(229,236,245)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656d76 is the less saturated color, while #0062db is the most saturated one.

#656d76
```
#656d76 rgb(101,109,118)
```
#5d6c7e
```
#5d6c7e rgb(93,108,126)
```
#546b87
```
#546b87 rgb(84,107,135)
```
#4c6a8f
```
#4c6a8f rgb(76,106,143)
```
#436998
```
#436998 rgb(67,105,152)
```
#3b68a0
```
#3b68a0 rgb(59,104,160)
```
#3367a8
```
#3367a8 rgb(51,103,168)
```
#2a66b1
```
#2a66b1 rgb(42,102,177)
```
#2265b9
```
#2265b9 rgb(34,101,185)
```
#1964c2
```
#1964c2 rgb(25,100,194)
```
#1163ca
```
#1163ca rgb(17,99,202)
```
#0862d3
```
#0862d3 rgb(8,98,211)
```
#0062db
```
#0062db rgb(0,98,219)
```

Tone Color Variation

Below, you can see how #3b68a0 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

#616161 Achromatopsia 0.005% of the population
#59626e Atypical Achromatopsia 0.001% of the population

Dichromacy

#596ca2 Protanopia 1% of men
#4d6ea5 Deuteranopia 1% of men
#2d7780 Tritanopia 0.001% of the population

Trichromacy

#4e6aa1 Protanomaly 1% of men, 0.01% of women
#476ca3 Deuteranomaly 6% of men, 0.4% of women
#32718b Tritanomaly 0.01% of the population

#3b68a0 hex color

#3b68a0 Color Information

#3b68a0 Color Conversion

Color Schemes with #3b68a0

Alternatives to #3b68a0

#3b68a0 Preview

Shades and Tints of #3b68a0

Tones of #3b68a0

Color Blindness Simulator