#206fa4 hex color

In a RGB color space, hex #206fa4 is composed of 12.5% red, 43.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 32.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 204.1 degrees, a saturation of 67.3% and a lightness of 38.4%. #206fa4 color hex could be obtained by blending #40deff with #000049. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 44
- B 64
RGB color chart
- C 80
- M 32
- Y 0
- K 36
CMYK color chart

● #206fa4 color description : Dark blue.

The hexadecimal color #206fa4 has RGB values of R:32, G:111, B:164 and CMYK values of C:0.8, M:0.32, Y:0, K:0.36. Its decimal value is 2125732.

Hex triplet	206fa4	`#206fa4`
RGB Decimal	32, 111, 164	`rgb(32,111,164)`
RGB Percent	12.5, 43.5, 64.3	`rgb(12.5%,43.5%,64.3%)`
CMYK	80, 32, 0, 36
HSL	204.1°, 67.3, 38.4	`hsl(204.1,67.3%,38.4%)`
HSV (or HSB)	204.1°, 80.5, 64.3
Web Safe	336699	`#336699`

CIE-LAB	44.738, -4.323, -35.104
XYZ	12.979, 14.355, 37.207
xyY	0.201, 0.222, 14.355
CIE-LCH	44.738, 35.369, 262.979
CIE-LUV	44.738, -26.235, -51.334
Hunter-Lab	37.888, -5.156, -31.702
Binary	00100000, 01101111, 10100100

#206fa4
```
#206fa4 rgb(32,111,164)
```
#a45520
```
#a45520 rgb(164,85,32)
```

Complementary Color

#20a497
```
#20a497 rgb(32,164,151)
```
#206fa4
```
#206fa4 rgb(32,111,164)
```
#202da4
```
#202da4 rgb(32,45,164)
```

Analogous Color

#a49720
```
#a49720 rgb(164,151,32)
```
#206fa4
```
#206fa4 rgb(32,111,164)
```
#a4202d
```
#a4202d rgb(164,32,45)
```

Split Complementary Color

#6fa420
```
#6fa420 rgb(111,164,32)
```
#206fa4
```
#206fa4 rgb(32,111,164)
```
#a4206f
```
#a4206f rgb(164,32,111)
```

Triadic Color

#20a455
```
#20a455 rgb(32,164,85)
```
#206fa4
```
#206fa4 rgb(32,111,164)
```
#a4206f
```
#a4206f rgb(164,32,111)
```
#a45520
```
#a45520 rgb(164,85,32)
```

Tetradic Color

#144464
```
#144464 rgb(20,68,100)
```
#185279
```
#185279 rgb(24,82,121)
```
#1c618f
```
#1c618f rgb(28,97,143)
```
#206fa4
```
#206fa4 rgb(32,111,164)
```
#247db9
```
#247db9 rgb(36,125,185)
```
#288ccf
```
#288ccf rgb(40,140,207)
```
#3898d8
```
#3898d8 rgb(56,152,216)
```

Monochromatic Color

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

#2090a4
```
#2090a4 rgb(32,144,164)
```
#2085a4
```
#2085a4 rgb(32,133,164)
```
#207aa4
```
#207aa4 rgb(32,122,164)
```
#206fa4
```
#206fa4 rgb(32,111,164)
```
#2064a4
```
#2064a4 rgb(32,100,164)
```
#2059a4
```
#2059a4 rgb(32,89,164)
```
#204ea4
```
#204ea4 rgb(32,78,164)
```

Similar Colors

Text with hexadecimal color #206fa4

This text has a font color of #206fa4.

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

#206fa4 background color

This paragraph has a background color of #206fa4.

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

#206fa4 border color

This element has a border color of #206fa4.

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

CSS codes

.text {color:#206fa4;}

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

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

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, #030b10 is the darkest color, while #ffffff is the lightest one.

#030b10
```
#030b10 rgb(3,11,16)
```
#061621
```
#061621 rgb(6,22,33)
```
#0a2131
```
#0a2131 rgb(10,33,49)
```
#0d2c42
```
#0d2c42 rgb(13,44,66)
```
#103752
```
#103752 rgb(16,55,82)
```
#134362
```
#134362 rgb(19,67,98)
```
#164e73
```
#164e73 rgb(22,78,115)
```
#1a5983
```
#1a5983 rgb(26,89,131)
```
#1d6494
```
#1d6494 rgb(29,100,148)
```
#206fa4
```
#206fa4 rgb(32,111,164)
```
#237ab4
```
#237ab4 rgb(35,122,180)
```
#2685c5
```
#2685c5 rgb(38,133,197)
```
#2a90d5
```
#2a90d5 rgb(42,144,213)
```

Shade Color Variation

#3a99d9
```
#3a99d9 rgb(58,153,217)
```
#4aa1dc
```
#4aa1dc rgb(74,161,220)
```
#5baadf
```
#5baadf rgb(91,170,223)
```
#6bb2e2
```
#6bb2e2 rgb(107,178,226)
```
#7cbbe5
```
#7cbbe5 rgb(124,187,229)
```
#8cc3e9
```
#8cc3e9 rgb(140,195,233)
```
#9cccec
```
#9cccec rgb(156,204,236)
```
#add4ef
```
#add4ef rgb(173,212,239)
```
#bdddf2
```
#bdddf2 rgb(189,221,242)
```
#cee5f5
```
#cee5f5 rgb(206,229,245)
```
#deeef9
```
#deeef9 rgb(222,238,249)
```
#eef6fc
```
#eef6fc rgb(238,246,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6368 is the less saturated color, while #0275c2 is the most saturated one.

#5c6368
```
#5c6368 rgb(92,99,104)
```
#55656f
```
#55656f rgb(85,101,111)
```
#4d6677
```
#4d6677 rgb(77,102,119)
```
#46687e
```
#46687e rgb(70,104,126)
```
#3e6986
```
#3e6986 rgb(62,105,134)
```
#376b8d
```
#376b8d rgb(55,107,141)
```
#2f6c95
```
#2f6c95 rgb(47,108,149)
```
#286e9c
```
#286e9c rgb(40,110,156)
```
#206fa4
```
#206fa4 rgb(32,111,164)
```
#1870ac
```
#1870ac rgb(24,112,172)
```
#1172b3
```
#1172b3 rgb(17,114,179)
```
#0973bb
```
#0973bb rgb(9,115,187)
```
#0275c2
```
#0275c2 rgb(2,117,194)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#51616b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6fa3 Protanopia 1% of men
#5071aa Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#476fa3 Protanomaly 1% of men, 0.01% of women
#3e70a8 Deuteranomaly 6% of men, 0.4% of women
#0b7790 Tritanomaly 0.01% of the population

#206fa4 hex color

#206fa4 Color Information

#206fa4 Color Conversion

Color Schemes with #206fa4

Alternatives to #206fa4

#206fa4 Preview

Shades and Tints of #206fa4

Tones of #206fa4

Color Blindness Simulator