#206bba hex color

In a RGB color space, hex #206bba is composed of 12.5% red, 42% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 42.5% magenta, 0% yellow and 27.1% black. It has a hue angle of 210.8 degrees, a saturation of 70.6% and a lightness of 42.7%. #206bba color hex could be obtained by blending #40d6ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 42
- B 73
RGB color chart
- C 83
- M 42
- Y 0
- K 27
CMYK color chart

● #206bba color description : Strong blue.

The hexadecimal color #206bba has RGB values of R:32, G:107, B:186 and CMYK values of C:0.83, M:0.42, Y:0, K:0.27. Its decimal value is 2124730.

Hex triplet	206bba	`#206bba`
RGB Decimal	32, 107, 186	`rgb(32,107,186)`
RGB Percent	12.5, 42, 72.9	`rgb(12.5%,42%,72.9%)`
CMYK	83, 42, 0, 27
HSL	210.8°, 70.6, 42.7	`hsl(210.8,70.6%,42.7%)`
HSV (or HSB)	210.8°, 82.8, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.754, 6.604, -47.94
XYZ	14.714, 14.366, 48.449
xyY	0.19, 0.185, 14.366
CIE-LCH	44.754, 48.393, 277.844
CIE-LUV	44.754, -23.924, -72.175
Hunter-Lab	37.903, 2.965, -49.255
Binary	00100000, 01101011, 10111010

#206bba
```
#206bba rgb(32,107,186)
```
#ba6f20
```
#ba6f20 rgb(186,111,32)
```

Complementary Color

#20b8ba
```
#20b8ba rgb(32,184,186)
```
#206bba
```
#206bba rgb(32,107,186)
```
#2220ba
```
#2220ba rgb(34,32,186)
```

Analogous Color

#b8ba20
```
#b8ba20 rgb(184,186,32)
```
#206bba
```
#206bba rgb(32,107,186)
```
#ba2220
```
#ba2220 rgb(186,34,32)
```

Split Complementary Color

#6bba20
```
#6bba20 rgb(107,186,32)
```
#206bba
```
#206bba rgb(32,107,186)
```
#ba206b
```
#ba206b rgb(186,32,107)
```

Triadic Color

#20ba6f
```
#20ba6f rgb(32,186,111)
```
#206bba
```
#206bba rgb(32,107,186)
```
#ba206b
```
#ba206b rgb(186,32,107)
```
#ba6f20
```
#ba6f20 rgb(186,111,32)
```

Tetradic Color

#154579
```
#154579 rgb(21,69,121)
```
#19528e
```
#19528e rgb(25,82,142)
```
#1c5ea4
```
#1c5ea4 rgb(28,94,164)
```
#206bba
```
#206bba rgb(32,107,186)
```
#2478d0
```
#2478d0 rgb(36,120,208)
```
#3184dc
```
#3184dc rgb(49,132,220)
```
#4791df
```
#4791df rgb(71,145,223)
```

Monochromatic Color

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

#2092ba
```
#2092ba rgb(32,146,186)
```
#2085ba
```
#2085ba rgb(32,133,186)
```
#2078ba
```
#2078ba rgb(32,120,186)
```
#206bba
```
#206bba rgb(32,107,186)
```
#205eba
```
#205eba rgb(32,94,186)
```
#2051ba
```
#2051ba rgb(32,81,186)
```
#2044ba
```
#2044ba rgb(32,68,186)
```

Similar Colors

Text with hexadecimal color #206bba

This text has a font color of #206bba.

<span style="color:#206bba;">Text here</span>

#206bba background color

This paragraph has a background color of #206bba.

<p style="background-color:#206bba;">Content here</p>

#206bba border color

This element has a border color of #206bba.

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

CSS codes

.text {color:#206bba;}

.background {background-color:#206bba;}

.border {border:1px solid #206bba;}

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)
```
#030b13
```
#030b13 rgb(3,11,19)
```
#061423
```
#061423 rgb(6,20,35)
```
#091e34
```
#091e34 rgb(9,30,52)
```
#0c2845
```
#0c2845 rgb(12,40,69)
```
#0f3156
```
#0f3156 rgb(15,49,86)
```
#123b66
```
#123b66 rgb(18,59,102)
```
#144477
```
#144477 rgb(20,68,119)
```
#174e88
```
#174e88 rgb(23,78,136)
```
#1a5899
```
#1a5899 rgb(26,88,153)
```
#1d61a9
```
#1d61a9 rgb(29,97,169)
```
#206bba
```
#206bba rgb(32,107,186)
```
#2375cb
```
#2375cb rgb(35,117,203)
```

Shade Color Variation

#277eda
```
#277eda rgb(39,126,218)
```
#3888dd
```
#3888dd rgb(56,136,221)
```
#4992e0
```
#4992e0 rgb(73,146,224)
```
#5a9ce3
```
#5a9ce3 rgb(90,156,227)
```
#6aa6e5
```
#6aa6e5 rgb(106,166,229)
```
#7bb0e8
```
#7bb0e8 rgb(123,176,232)
```
#8cbaeb
```
#8cbaeb rgb(140,186,235)
```
#9cc4ee
```
#9cc4ee rgb(156,196,238)
```
#adcef1
```
#adcef1 rgb(173,206,241)
```
#bed8f4
```
#bed8f4 rgb(190,216,244)
```
#cfe2f7
```
#cfe2f7 rgb(207,226,247)
```
#dfecfa
```
#dfecfa rgb(223,236,250)
```
#f0f6fc
```
#f0f6fc rgb(240,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6d6f is the less saturated color, while #076ad3 is the most saturated one.

#6b6d6f
```
#6b6d6f rgb(107,109,111)
```
#636d77
```
#636d77 rgb(99,109,119)
```
#5b6d7f
```
#5b6d7f rgb(91,109,127)
```
#526c88
```
#526c88 rgb(82,108,136)
```
#4a6c90
```
#4a6c90 rgb(74,108,144)
```
#426c98
```
#426c98 rgb(66,108,152)
```
#396ca1
```
#396ca1 rgb(57,108,161)
```
#316ba9
```
#316ba9 rgb(49,107,169)
```
#286bb2
```
#286bb2 rgb(40,107,178)
```
#206bba
```
#206bba rgb(32,107,186)
```
#186bc2
```
#186bc2 rgb(24,107,194)
```
#0f6bcb
```
#0f6bcb rgb(15,107,203)
```
#076ad3
```
#076ad3 rgb(7,106,211)
```

Tone Color Variation

Below, you can see how #206bba 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

#5e5e5e Achromatopsia 0.005% of the population
#526170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6fba Protanopia 1% of men
#2573bd Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#3c6dba Protanomaly 1% of men, 0.01% of women
#2370bc Deuteranomaly 6% of men, 0.4% of women
#0b7698 Tritanomaly 0.01% of the population

#206bba hex color

#206bba Color Information

#206bba Color Conversion

Color Schemes with #206bba

Alternatives to #206bba

#206bba Preview

Shades and Tints of #206bba

Tones of #206bba

Color Blindness Simulator