#3a68bd hex color

In a RGB color space, hex #3a68bd is composed of 22.7% red, 40.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 45% magenta, 0% yellow and 25.9% black. It has a hue angle of 218.9 degrees, a saturation of 53% and a lightness of 48.4%. #3a68bd color hex could be obtained by blending #74d0ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 41
- B 74
RGB color chart
- C 69
- M 45
- Y 0
- K 26
CMYK color chart

● #3a68bd color description : Moderate blue.

The hexadecimal color #3a68bd has RGB values of R:58, G:104, B:189 and CMYK values of C:0.69, M:0.45, Y:0, K:0.26. Its decimal value is 3827901.

Hex triplet	3a68bd	`#3a68bd`
RGB Decimal	58, 104, 189	`rgb(58,104,189)`
RGB Percent	22.7, 40.8, 74.1	`rgb(22.7%,40.8%,74.1%)`
CMYK	69, 45, 0, 26
HSL	218.9°, 53, 48.4	`hsl(218.9,53%,48.4%)`
HSV (or HSB)	218.9°, 69.3, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.904, 12.859, -49.394
XYZ	15.879, 14.473, 50.098
xyY	0.197, 0.18, 14.473
CIE-LCH	44.904, 51.041, 284.592
CIE-LUV	44.904, -18.752, -74.998
Hunter-Lab	38.044, 7.925, -51.446
Binary	00111010, 01101000, 10111101

#3a68bd
```
#3a68bd rgb(58,104,189)
```
#bd8f3a
```
#bd8f3a rgb(189,143,58)
```

Complementary Color

#3aaabd
```
#3aaabd rgb(58,170,189)
```
#3a68bd
```
#3a68bd rgb(58,104,189)
```
#4e3abd
```
#4e3abd rgb(78,58,189)
```

Analogous Color

#aabd3a
```
#aabd3a rgb(170,189,58)
```
#3a68bd
```
#3a68bd rgb(58,104,189)
```
#bd4e3a
```
#bd4e3a rgb(189,78,58)
```

Split Complementary Color

#68bd3a
```
#68bd3a rgb(104,189,58)
```
#3a68bd
```
#3a68bd rgb(58,104,189)
```
#bd3a68
```
#bd3a68 rgb(189,58,104)
```

Triadic Color

#3abd8f
```
#3abd8f rgb(58,189,143)
```
#3a68bd
```
#3a68bd rgb(58,104,189)
```
#bd3a68
```
#bd3a68 rgb(189,58,104)
```
#bd8f3a
```
#bd8f3a rgb(189,143,58)
```

Tetradic Color

#284882
```
#284882 rgb(40,72,130)
```
#2e5396
```
#2e5396 rgb(46,83,150)
```
#345da9
```
#345da9 rgb(52,93,169)
```
#3a68bd
```
#3a68bd rgb(58,104,189)
```
#4976c7
```
#4976c7 rgb(73,118,199)
```
#5d84cd
```
#5d84cd rgb(93,132,205)
```
#7093d3
```
#7093d3 rgb(112,147,211)
```

Monochromatic Color

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

#3a89bd
```
#3a89bd rgb(58,137,189)
```
#3a7ebd
```
#3a7ebd rgb(58,126,189)
```
#3a73bd
```
#3a73bd rgb(58,115,189)
```
#3a68bd
```
#3a68bd rgb(58,104,189)
```
#3a5dbd
```
#3a5dbd rgb(58,93,189)
```
#3a52bd
```
#3a52bd rgb(58,82,189)
```
#3a47bd
```
#3a47bd rgb(58,71,189)
```

Similar Colors

Text with hexadecimal color #3a68bd

This text has a font color of #3a68bd.

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

#3a68bd background color

This paragraph has a background color of #3a68bd.

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

#3a68bd border color

This element has a border color of #3a68bd.

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

CSS codes

.text {color:#3a68bd;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070d18
```
#070d18 rgb(7,13,24)
```
#0c1527
```
#0c1527 rgb(12,21,39)
```
#111e36
```
#111e36 rgb(17,30,54)
```
#152645
```
#152645 rgb(21,38,69)
```
#1a2e54
```
#1a2e54 rgb(26,46,84)
```
#1e3663
```
#1e3663 rgb(30,54,99)
```
#233f72
```
#233f72 rgb(35,63,114)
```
#284781
```
#284781 rgb(40,71,129)
```
#2c4f90
```
#2c4f90 rgb(44,79,144)
```
#31579f
```
#31579f rgb(49,87,159)
```
#3560ae
```
#3560ae rgb(53,96,174)
```
#3a68bd
```
#3a68bd rgb(58,104,189)
```

Shade Color Variation

#4572c6
```
#4572c6 rgb(69,114,198)
```
#547dca
```
#547dca rgb(84,125,202)
```
#6389cf
```
#6389cf rgb(99,137,207)
```
#7294d4
```
#7294d4 rgb(114,148,212)
```
#81a0d8
```
#81a0d8 rgb(129,160,216)
```
#90abdd
```
#90abdd rgb(144,171,221)
```
#9fb6e1
```
#9fb6e1 rgb(159,182,225)
```
#aec2e6
```
#aec2e6 rgb(174,194,230)
```
#bdcdeb
```
#bdcdeb rgb(189,205,235)
```
#ccd8ef
```
#ccd8ef rgb(204,216,239)
```
#dbe4f4
```
#dbe4f4 rgb(219,228,244)
```
#eaeff9
```
#eaeff9 rgb(234,239,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#737984
```
#737984 rgb(115,121,132)
```
#6a768e
```
#6a768e rgb(106,118,142)
```
#607397
```
#607397 rgb(96,115,151)
```
#5770a1
```
#5770a1 rgb(87,112,161)
```
#4d6eaa
```
#4d6eaa rgb(77,110,170)
```
#446bb4
```
#446bb4 rgb(68,107,180)
```
#3a68bd
```
#3a68bd rgb(58,104,189)
```
#3165c7
```
#3165c7 rgb(49,101,199)
```
#2762d0
```
#2762d0 rgb(39,98,208)
```
#1e60da
```
#1e60da rgb(30,96,218)
```
#145de3
```
#145de3 rgb(20,93,227)
```
#0b5aed
```
#0b5aed rgb(11,90,237)
```
#0157f6
```
#0157f6 rgb(1,87,246)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5c6576 Atypical Achromatopsia 0.001% of the population

Dichromacy

#486fbf Protanopia 1% of men
#2173be Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#436cbe Protanomaly 1% of men, 0.01% of women
#2a6fbe Deuteranomaly 6% of men, 0.4% of women
#157599 Tritanomaly 0.01% of the population

#3a68bd hex color

#3a68bd Color Information

#3a68bd Color Conversion

Color Schemes with #3a68bd

Alternatives to #3a68bd

#3a68bd Preview

Shades and Tints of #3a68bd

Tones of #3a68bd

Color Blindness Simulator