#3a85db hex color

In a RGB color space, hex #3a85db is composed of 22.7% red, 52.2% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 39.3% magenta, 0% yellow and 14.1% black. It has a hue angle of 212 degrees, a saturation of 69.1% and a lightness of 54.3%. #3a85db color hex could be obtained by blending #74ffff with #000bb7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 52
- B 86
RGB color chart
- C 74
- M 39
- Y 0
- K 14
CMYK color chart

● #3a85db color description : Bright blue.

The hexadecimal color #3a85db has RGB values of R:58, G:133, B:219 and CMYK values of C:0.74, M:0.39, Y:0, K:0.14. Its decimal value is 3835355.

Hex triplet	3a85db	`#3a85db`
RGB Decimal	58, 133, 219	`rgb(58,133,219)`
RGB Percent	22.7, 52.2, 85.9	`rgb(22.7%,52.2%,85.9%)`
CMYK	74, 39, 0, 14
HSL	212°, 69.1, 54.3	`hsl(212,69.1%,54.3%)`
HSV (or HSB)	212°, 73.5, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.853, 5.798, -50.622
XYZ	22.916, 22.787, 70.205
xyY	0.198, 0.197, 22.787
CIE-LCH	54.853, 50.953, 276.533
CIE-LUV	54.853, -27.468, -79.777
Hunter-Lab	47.736, 2.151, -53.782
Binary	00111010, 10000101, 11011011

#3a85db
```
#3a85db rgb(58,133,219)
```
#db903a
```
#db903a rgb(219,144,58)
```

Complementary Color

#3ad6db
```
#3ad6db rgb(58,214,219)
```
#3a85db
```
#3a85db rgb(58,133,219)
```
#3f3adb
```
#3f3adb rgb(63,58,219)
```

Analogous Color

#d6db3a
```
#d6db3a rgb(214,219,58)
```
#3a85db
```
#3a85db rgb(58,133,219)
```
#db3f3a
```
#db3f3a rgb(219,63,58)
```

Split Complementary Color

#85db3a
```
#85db3a rgb(133,219,58)
```
#3a85db
```
#3a85db rgb(58,133,219)
```
#db3a85
```
#db3a85 rgb(219,58,133)
```

Triadic Color

#3adb90
```
#3adb90 rgb(58,219,144)
```
#3a85db
```
#3a85db rgb(58,133,219)
```
#db3a85
```
#db3a85 rgb(219,58,133)
```
#db903a
```
#db903a rgb(219,144,58)
```

Tetradic Color

#1f60aa
```
#1f60aa rgb(31,96,170)
```
#236cbf
```
#236cbf rgb(35,108,191)
```
#2778d5
```
#2778d5 rgb(39,120,213)
```
#3a85db
```
#3a85db rgb(58,133,219)
```
#5092df
```
#5092df rgb(80,146,223)
```
#65a0e3
```
#65a0e3 rgb(101,160,227)
```
#7bade7
```
#7bade7 rgb(123,173,231)
```

Monochromatic Color

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

#3aaddb
```
#3aaddb rgb(58,173,219)
```
#3aa0db
```
#3aa0db rgb(58,160,219)
```
#3a92db
```
#3a92db rgb(58,146,219)
```
#3a85db
```
#3a85db rgb(58,133,219)
```
#3a78db
```
#3a78db rgb(58,120,219)
```
#3a6adb
```
#3a6adb rgb(58,106,219)
```
#3a5ddb
```
#3a5ddb rgb(58,93,219)
```

Similar Colors

Text with hexadecimal color #3a85db

This text has a font color of #3a85db.

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

#3a85db background color

This paragraph has a background color of #3a85db.

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

#3a85db border color

This element has a border color of #3a85db.

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

CSS codes

.text {color:#3a85db;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030a13
```
#030a13 rgb(3,10,19)
```
#061423
```
#061423 rgb(6,20,35)
```
#091d34
```
#091d34 rgb(9,29,52)
```
#0c2744
```
#0c2744 rgb(12,39,68)
```
#103055
```
#103055 rgb(16,48,85)
```
#133966
```
#133966 rgb(19,57,102)
```
#164376
```
#164376 rgb(22,67,118)
```
#194c87
```
#194c87 rgb(25,76,135)
```
#1c5597
```
#1c5597 rgb(28,85,151)
```
#1f5fa8
```
#1f5fa8 rgb(31,95,168)
```
#2268b8
```
#2268b8 rgb(34,104,184)
```
#2571c9
```
#2571c9 rgb(37,113,201)
```

Shade Color Variation

#297bd8
```
#297bd8 rgb(41,123,216)
```
#3a85db
```
#3a85db rgb(58,133,219)
```
#4b8fde
```
#4b8fde rgb(75,143,222)
```
#5b9ae1
```
#5b9ae1 rgb(91,154,225)
```
#6ca4e4
```
#6ca4e4 rgb(108,164,228)
```
#7caee7
```
#7caee7 rgb(124,174,231)
```
#8db8ea
```
#8db8ea rgb(141,184,234)
```
#9ec3ed
```
#9ec3ed rgb(158,195,237)
```
#aecdf0
```
#aecdf0 rgb(174,205,240)
```
#bfd7f3
```
#bfd7f3 rgb(191,215,243)
```
#cfe1f6
```
#cfe1f6 rgb(207,225,246)
```
#e0ecf9
```
#e0ecf9 rgb(224,236,249)
```
#f0f6fc
```
#f0f6fc rgb(240,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828a93 is the less saturated color, while #1683ff is the most saturated one.

#828a93
```
#828a93 rgb(130,138,147)
```
#79899c
```
#79899c rgb(121,137,156)
```
#7089a5
```
#7089a5 rgb(112,137,165)
```
#6788ae
```
#6788ae rgb(103,136,174)
```
#5e87b7
```
#5e87b7 rgb(94,135,183)
```
#5587c0
```
#5587c0 rgb(85,135,192)
```
#4c86c9
```
#4c86c9 rgb(76,134,201)
```
#4386d2
```
#4386d2 rgb(67,134,210)
```
#3a85db
```
#3a85db rgb(58,133,219)
```
#3184e4
```
#3184e4 rgb(49,132,228)
```
#2884ed
```
#2884ed rgb(40,132,237)
```
#1f83f6
```
#1f83f6 rgb(31,131,246)
```
#1683ff
```
#1683ff rgb(22,131,255)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6c7b8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6587d9 Protanopia 1% of men
#488add Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#5586d9 Protanomaly 1% of men, 0.01% of women
#4388dc Deuteranomaly 6% of men, 0.4% of women
#1590b6 Tritanomaly 0.01% of the population

#3a85db hex color

#3a85db Color Information

#3a85db Color Conversion

Color Schemes with #3a85db

Alternatives to #3a85db

#3a85db Preview

Shades and Tints of #3a85db

Tones of #3a85db

Color Blindness Simulator