#206bbf hex color

In a RGB color space, hex #206bbf is composed of 12.5% red, 42% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 44% magenta, 0% yellow and 25.1% black. It has a hue angle of 211.7 degrees, a saturation of 71.3% and a lightness of 43.7%. #206bbf color hex could be obtained by blending #40d6ff with #00007f. Closest websafe color is: #3366cc.

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

● #206bbf color description : Strong blue.

The hexadecimal color #206bbf has RGB values of R:32, G:107, B:191 and CMYK values of C:0.83, M:0.44, Y:0, K:0.25. Its decimal value is 2124735.

Hex triplet	206bbf	`#206bbf`
RGB Decimal	32, 107, 191	`rgb(32,107,191)`
RGB Percent	12.5, 42, 74.9	`rgb(12.5%,42%,74.9%)`
CMYK	83, 44, 0, 25
HSL	211.7°, 71.3, 43.7	`hsl(211.7,71.3%,43.7%)`
HSV (or HSB)	211.7°, 83.2, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.057, 8.547, -50.353
XYZ	15.255, 14.583, 51.298
xyY	0.188, 0.18, 14.583
CIE-LCH	45.057, 51.073, 279.633
CIE-LUV	45.057, -23.738, -76.136
Hunter-Lab	38.187, 4.48, -52.915
Binary	00100000, 01101011, 10111111

#206bbf
```
#206bbf rgb(32,107,191)
```
#bf7420
```
#bf7420 rgb(191,116,32)
```

Complementary Color

#20bbbf
```
#20bbbf rgb(32,187,191)
```
#206bbf
```
#206bbf rgb(32,107,191)
```
#2420bf
```
#2420bf rgb(36,32,191)
```

Analogous Color

#bbbf20
```
#bbbf20 rgb(187,191,32)
```
#206bbf
```
#206bbf rgb(32,107,191)
```
#bf2520
```
#bf2520 rgb(191,37,32)
```

Split Complementary Color

#6bbf20
```
#6bbf20 rgb(107,191,32)
```
#206bbf
```
#206bbf rgb(32,107,191)
```
#bf206b
```
#bf206b rgb(191,32,107)
```

Triadic Color

#20bf74
```
#20bf74 rgb(32,191,116)
```
#206bbf
```
#206bbf rgb(32,107,191)
```
#bf206b
```
#bf206b rgb(191,32,107)
```
#bf7420
```
#bf7420 rgb(191,116,32)
```

Tetradic Color

#15467d
```
#15467d rgb(21,70,125)
```
#195393
```
#195393 rgb(25,83,147)
```
#1c5fa9
```
#1c5fa9 rgb(28,95,169)
```
#206bbf
```
#206bbf rgb(32,107,191)
```
#2477d5
```
#2477d5 rgb(36,119,213)
```
#3584dd
```
#3584dd rgb(53,132,221)
```
#4b92e1
```
#4b92e1 rgb(75,146,225)
```

Monochromatic Color

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

#2093bf
```
#2093bf rgb(32,147,191)
```
#2086bf
```
#2086bf rgb(32,134,191)
```
#2078bf
```
#2078bf rgb(32,120,191)
```
#206bbf
```
#206bbf rgb(32,107,191)
```
#205ebf
```
#205ebf rgb(32,94,191)
```
#2051bf
```
#2051bf rgb(32,81,191)
```
#2043bf
```
#2043bf rgb(32,67,191)
```

Similar Colors

Text with hexadecimal color #206bbf

This text has a font color of #206bbf.

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

#206bbf background color

This paragraph has a background color of #206bbf.

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

#206bbf border color

This element has a border color of #206bbf.

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

CSS codes

.text {color:#206bbf;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040d17
```
#040d17 rgb(4,13,23)
```
#071628
```
#071628 rgb(7,22,40)
```
#092039
```
#092039 rgb(9,32,57)
```
#0c2949
```
#0c2949 rgb(12,41,73)
```
#0f335a
```
#0f335a rgb(15,51,90)
```
#123c6b
```
#123c6b rgb(18,60,107)
```
#15457c
```
#15457c rgb(21,69,124)
```
#184f8d
```
#184f8d rgb(24,79,141)
```
#1a589d
```
#1a589d rgb(26,88,157)
```
#1d62ae
```
#1d62ae rgb(29,98,174)
```
#206bbf
```
#206bbf rgb(32,107,191)
```
#2374d0
```
#2374d0 rgb(35,116,208)
```

Shade Color Variation

#2b7edb
```
#2b7edb rgb(43,126,219)
```
#3c88de
```
#3c88de rgb(60,136,222)
```
#4c93e1
```
#4c93e1 rgb(76,147,225)
```
#5d9de4
```
#5d9de4 rgb(93,157,228)
```
#6ea7e7
```
#6ea7e7 rgb(110,167,231)
```
#7fb1ea
```
#7fb1ea rgb(127,177,234)
```
#90bbec
```
#90bbec rgb(144,187,236)
```
#a0c6ef
```
#a0c6ef rgb(160,198,239)
```
#b1d0f2
```
#b1d0f2 rgb(177,208,242)
```
#c2daf5
```
#c2daf5 rgb(194,218,245)
```
#d3e4f8
```
#d3e4f8 rgb(211,228,248)
```
#e4eefa
```
#e4eefa rgb(228,238,250)
```
#f4f9fd
```
#f4f9fd rgb(244,249,253)
```

Tint Color Variation

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

#6d6f72
```
#6d6f72 rgb(109,111,114)
```
#656f7a
```
#656f7a rgb(101,111,122)
```
#5c6e83
```
#5c6e83 rgb(92,110,131)
```
#536e8c
```
#536e8c rgb(83,110,140)
```
#4b6d94
```
#4b6d94 rgb(75,109,148)
```
#426d9d
```
#426d9d rgb(66,109,157)
```
#3a6ca5
```
#3a6ca5 rgb(58,108,165)
```
#316cae
```
#316cae rgb(49,108,174)
```
#296bb6
```
#296bb6 rgb(41,107,182)
```
#206bbf
```
#206bbf rgb(32,107,191)
```
#176bc8
```
#176bc8 rgb(23,107,200)
```
#0f6ad0
```
#0f6ad0 rgb(15,106,208)
```
#066ad9
```
#066ad9 rgb(6,106,217)
```

Tone Color Variation

Below, you can see how #206bbf 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
#526171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#496fbf Protanopia 1% of men
#0d74c1 Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#3a6ebf Protanomaly 1% of men, 0.01% of women
#1470c0 Deuteranomaly 6% of men, 0.4% of women
#0b769a Tritanomaly 0.01% of the population

#206bbf hex color

#206bbf Color Information

#206bbf Color Conversion

Color Schemes with #206bbf

Alternatives to #206bbf

#206bbf Preview

Shades and Tints of #206bbf

Tones of #206bbf

Color Blindness Simulator