#3ba5dc hex color

In a RGB color space, hex #3ba5dc is composed of 23.1% red, 64.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 25% magenta, 0% yellow and 13.7% black. It has a hue angle of 200.5 degrees, a saturation of 69.7% and a lightness of 54.7%. #3ba5dc color hex could be obtained by blending #76ffff with #004bb9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 65
- B 86
RGB color chart
- C 73
- M 25
- Y 0
- K 14
CMYK color chart

● #3ba5dc color description : Bright blue.

The hexadecimal color #3ba5dc has RGB values of R:59, G:165, B:220 and CMYK values of C:0.73, M:0.25, Y:0, K:0.14. Its decimal value is 3909084.

Hex triplet	3ba5dc	`#3ba5dc`
RGB Decimal	59, 165, 220	`rgb(59,165,220)`
RGB Percent	23.1, 64.7, 86.3	`rgb(23.1%,64.7%,86.3%)`
CMYK	73, 25, 0, 14
HSL	200.5°, 69.7, 54.7	`hsl(200.5,69.7%,54.7%)`
HSV (or HSB)	200.5°, 73.2, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.165, -12.159, -36.503
XYZ	28.174, 33.005, 72.592
xyY	0.211, 0.247, 33.005
CIE-LCH	64.165, 38.475, 251.577
CIE-LUV	64.165, -38.17, -56.287
Hunter-Lab	57.45, -13, -34.702
Binary	00111011, 10100101, 11011100

#3ba5dc
```
#3ba5dc rgb(59,165,220)
```
#dc723b
```
#dc723b rgb(220,114,59)
```

Complementary Color

#3bdcc3
```
#3bdcc3 rgb(59,220,195)
```
#3ba5dc
```
#3ba5dc rgb(59,165,220)
```
#3b55dc
```
#3b55dc rgb(59,85,220)
```

Analogous Color

#dcc33b
```
#dcc33b rgb(220,195,59)
```
#3ba5dc
```
#3ba5dc rgb(59,165,220)
```
#dc3b55
```
#dc3b55 rgb(220,59,85)
```

Split Complementary Color

#a5dc3b
```
#a5dc3b rgb(165,220,59)
```
#3ba5dc
```
#3ba5dc rgb(59,165,220)
```
#dc3ba5
```
#dc3ba5 rgb(220,59,165)
```

Triadic Color

#3bdc72
```
#3bdc72 rgb(59,220,114)
```
#3ba5dc
```
#3ba5dc rgb(59,165,220)
```
#dc3ba5
```
#dc3ba5 rgb(220,59,165)
```
#dc723b
```
#dc723b rgb(220,114,59)
```

Tetradic Color

#1f7cac
```
#1f7cac rgb(31,124,172)
```
#238bc1
```
#238bc1 rgb(35,139,193)
```
#269bd7
```
#269bd7 rgb(38,155,215)
```
#3ba5dc
```
#3ba5dc rgb(59,165,220)
```
#51afe0
```
#51afe0 rgb(81,175,224)
```
#66b9e4
```
#66b9e4 rgb(102,185,228)
```
#7cc3e8
```
#7cc3e8 rgb(124,195,232)
```

Monochromatic Color

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

#3bcddc
```
#3bcddc rgb(59,205,220)
```
#3bc0dc
```
#3bc0dc rgb(59,192,220)
```
#3bb2dc
```
#3bb2dc rgb(59,178,220)
```
#3ba5dc
```
#3ba5dc rgb(59,165,220)
```
#3b98dc
```
#3b98dc rgb(59,152,220)
```
#3b8adc
```
#3b8adc rgb(59,138,220)
```
#3b7ddc
```
#3b7ddc rgb(59,125,220)
```

Similar Colors

Text with hexadecimal color #3ba5dc

This text has a font color of #3ba5dc.

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

#3ba5dc background color

This paragraph has a background color of #3ba5dc.

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

#3ba5dc border color

This element has a border color of #3ba5dc.

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

CSS codes

.text {color:#3ba5dc;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040f14
```
#040f14 rgb(4,15,20)
```
#071b25
```
#071b25 rgb(7,27,37)
```
#0a2736
```
#0a2736 rgb(10,39,54)
```
#0d3346
```
#0d3346 rgb(13,51,70)
```
#103f57
```
#103f57 rgb(16,63,87)
```
#124b68
```
#124b68 rgb(18,75,104)
```
#155678
```
#155678 rgb(21,86,120)
```
#186289
```
#186289 rgb(24,98,137)
```
#1b6e9a
```
#1b6e9a rgb(27,110,154)
```
#1e7aaa
```
#1e7aaa rgb(30,122,170)
```
#2186bb
```
#2186bb rgb(33,134,187)
```
#2492cb
```
#2492cb rgb(36,146,203)
```

Shade Color Variation

#2a9dd9
```
#2a9dd9 rgb(42,157,217)
```
#3ba5dc
```
#3ba5dc rgb(59,165,220)
```
#4caddf
```
#4caddf rgb(76,173,223)
```
#5cb4e2
```
#5cb4e2 rgb(92,180,226)
```
#6dbce5
```
#6dbce5 rgb(109,188,229)
```
#7ec4e8
```
#7ec4e8 rgb(126,196,232)
```
#8ecbeb
```
#8ecbeb rgb(142,203,235)
```
#9fd3ee
```
#9fd3ee rgb(159,211,238)
```
#b0daf1
```
#b0daf1 rgb(176,218,241)
```
#c0e2f4
```
#c0e2f4 rgb(192,226,244)
```
#d1eaf7
```
#d1eaf7 rgb(209,234,247)
```
#e1f1fa
```
#e1f1fa rgb(225,241,250)
```
#f2f9fd
```
#f2f9fd rgb(242,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8c8c is the less saturated color, while #20adf7 is the most saturated one.

#8b8c8c
```
#8b8c8c rgb(139,140,140)
```
#828e95
```
#828e95 rgb(130,142,149)
```
#79919e
```
#79919e rgb(121,145,158)
```
#7094a7
```
#7094a7 rgb(112,148,167)
```
#6797b0
```
#6797b0 rgb(103,151,176)
```
#5f9ab8
```
#5f9ab8 rgb(95,154,184)
```
#569dc1
```
#569dc1 rgb(86,157,193)
```
#4d9fca
```
#4d9fca rgb(77,159,202)
```
#44a2d3
```
#44a2d3 rgb(68,162,211)
```
#3ba5dc
```
#3ba5dc rgb(59,165,220)
```
#32a8e5
```
#32a8e5 rgb(50,168,229)
```
#29abee
```
#29abee rgb(41,171,238)
```
#20adf7
```
#20adf7 rgb(32,173,247)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7c919c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9ed6 Protanopia 1% of men
#839fe1 Deuteranopia 1% of men
#18b0bd Tritanopia 0.001% of the population

Trichromacy

#70a1d8 Protanomaly 1% of men, 0.01% of women
#69a1df Deuteranomaly 6% of men, 0.4% of women
#25acc8 Tritanomaly 0.01% of the population

#3ba5dc hex color

#3ba5dc Color Information

#3ba5dc Color Conversion

Color Schemes with #3ba5dc

Alternatives to #3ba5dc

#3ba5dc Preview

Shades and Tints of #3ba5dc

Tones of #3ba5dc

Color Blindness Simulator