#206fdc hex color

In a RGB color space, hex #206fdc is composed of 12.5% red, 43.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 49.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 214.8 degrees, a saturation of 74.6% and a lightness of 49.4%. #206fdc color hex could be obtained by blending #40deff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 44
- B 86
RGB color chart
- C 85
- M 50
- Y 0
- K 14
CMYK color chart

● #206fdc color description : Vivid blue.

The hexadecimal color #206fdc has RGB values of R:32, G:111, B:220 and CMYK values of C:0.85, M:0.5, Y:0, K:0.14. Its decimal value is 2125788.

Hex triplet	206fdc	`#206fdc`
RGB Decimal	32, 111, 220	`rgb(32,111,220)`
RGB Percent	12.5, 43.5, 86.3	`rgb(12.5%,43.5%,86.3%)`
CMYK	85, 50, 0, 14
HSL	214.8°, 74.6, 49.4	`hsl(214.8,74.6%,49.4%)`
HSV (or HSB)	214.8°, 85.5, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.06, 17.233, -62.121
XYZ	19.195, 16.842, 69.945
xyY	0.181, 0.159, 16.842
CIE-LCH	48.06, 64.467, 285.504
CIE-LUV	48.06, -24.009, -95.992
Hunter-Lab	41.039, 11.675, -72.326
Binary	00100000, 01101111, 11011100

#206fdc
```
#206fdc rgb(32,111,220)
```
#dc8d20
```
#dc8d20 rgb(220,141,32)
```

Complementary Color

#20cddc
```
#20cddc rgb(32,205,220)
```
#206fdc
```
#206fdc rgb(32,111,220)
```
#2f20dc
```
#2f20dc rgb(47,32,220)
```

Analogous Color

#cddc20
```
#cddc20 rgb(205,220,32)
```
#206fdc
```
#206fdc rgb(32,111,220)
```
#dc2f20
```
#dc2f20 rgb(220,47,32)
```

Split Complementary Color

#6fdc20
```
#6fdc20 rgb(111,220,32)
```
#206fdc
```
#206fdc rgb(32,111,220)
```
#dc206f
```
#dc206f rgb(220,32,111)
```

Triadic Color

#20dc8d
```
#20dc8d rgb(32,220,141)
```
#206fdc
```
#206fdc rgb(32,111,220)
```
#dc206f
```
#dc206f rgb(220,32,111)
```
#dc8d20
```
#dc8d20 rgb(220,141,32)
```

Tetradic Color

#164d99
```
#164d99 rgb(22,77,153)
```
#1a59af
```
#1a59af rgb(26,89,175)
```
#1d64c6
```
#1d64c6 rgb(29,100,198)
```
#206fdc
```
#206fdc rgb(32,111,220)
```
#347de1
```
#347de1 rgb(52,125,225)
```
#4a8be5
```
#4a8be5 rgb(74,139,229)
```
#6199e8
```
#6199e8 rgb(97,153,232)
```

Monochromatic Color

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

#209edc
```
#209edc rgb(32,158,220)
```
#208edc
```
#208edc rgb(32,142,220)
```
#207fdc
```
#207fdc rgb(32,127,220)
```
#206fdc
```
#206fdc rgb(32,111,220)
```
#205fdc
```
#205fdc rgb(32,95,220)
```
#2050dc
```
#2050dc rgb(32,80,220)
```
#2040dc
```
#2040dc rgb(32,64,220)
```

Similar Colors

Text with hexadecimal color #206fdc

This text has a font color of #206fdc.

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

#206fdc background color

This paragraph has a background color of #206fdc.

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

#206fdc border color

This element has a border color of #206fdc.

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

CSS codes

.text {color:#206fdc;}

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

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

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, #02070f is the darkest color, while #fcfdff is the lightest one.

#02070f
```
#02070f rgb(2,7,15)
```
#051020
```
#051020 rgb(5,16,32)
```
#071931
```
#071931 rgb(7,25,49)
```
#0a2142
```
#0a2142 rgb(10,33,66)
```
#0c2a53
```
#0c2a53 rgb(12,42,83)
```
#0f3364
```
#0f3364 rgb(15,51,100)
```
#113b75
```
#113b75 rgb(17,59,117)
```
#144486
```
#144486 rgb(20,68,134)
```
#164c98
```
#164c98 rgb(22,76,152)
```
#1955a9
```
#1955a9 rgb(25,85,169)
```
#1b5eba
```
#1b5eba rgb(27,94,186)
```
#1e66cb
```
#1e66cb rgb(30,102,203)
```
#206fdc
```
#206fdc rgb(32,111,220)
```

Shade Color Variation

#2f7ae1
```
#2f7ae1 rgb(47,122,225)
```
#4085e3
```
#4085e3 rgb(64,133,227)
```
#5190e6
```
#5190e6 rgb(81,144,230)
```
#629be8
```
#629be8 rgb(98,155,232)
```
#73a6eb
```
#73a6eb rgb(115,166,235)
```
#85b0ed
```
#85b0ed rgb(133,176,237)
```
#96bbf0
```
#96bbf0 rgb(150,187,240)
```
#a7c6f2
```
#a7c6f2 rgb(167,198,242)
```
#b8d1f5
```
#b8d1f5 rgb(184,209,245)
```
#c9dcf7
```
#c9dcf7 rgb(201,220,247)
```
#dae7fa
```
#dae7fa rgb(218,231,250)
```
#ebf2fc
```
#ebf2fc rgb(235,242,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777d85 is the less saturated color, while #036af9 is the most saturated one.

#777d85
```
#777d85 rgb(119,125,133)
```
#6e7b8e
```
#6e7b8e rgb(110,123,142)
```
#647a98
```
#647a98 rgb(100,122,152)
```
#5a78a2
```
#5a78a2 rgb(90,120,162)
```
#5077ac
```
#5077ac rgb(80,119,172)
```
#4775b5
```
#4775b5 rgb(71,117,181)
```
#3d74bf
```
#3d74bf rgb(61,116,191)
```
#3372c9
```
#3372c9 rgb(51,114,201)
```
#2a71d2
```
#2a71d2 rgb(42,113,210)
```
#206fdc
```
#206fdc rgb(32,111,220)
```
#166de6
```
#166de6 rgb(22,109,230)
```
#0d6cef
```
#0d6cef rgb(13,108,239)
```
#036af9
```
#036af9 rgb(3,106,249)
```

Tone Color Variation

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

Dichromacy

#3375dd Protanopia 1% of men
#007bcb Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#2c73dc Protanomaly 1% of men, 0.01% of women
#0b77d1 Deuteranomaly 6% of men, 0.4% of women
#0b7da9 Tritanomaly 0.01% of the population

#206fdc hex color

#206fdc Color Information

#206fdc Color Conversion

Color Schemes with #206fdc

Alternatives to #206fdc

#206fdc Preview

Shades and Tints of #206fdc

Tones of #206fdc

Color Blindness Simulator