#207ad4 hex color

In a RGB color space, hex #207ad4 is composed of 12.5% red, 47.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 42.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 210 degrees, a saturation of 73.8% and a lightness of 47.8%. #207ad4 color hex could be obtained by blending #40f4ff with #0000a9. Closest websafe color is: #3366cc.

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

● #207ad4 color description : Strong blue.

The hexadecimal color #207ad4 has RGB values of R:32, G:122, B:212 and CMYK values of C:0.85, M:0.42, Y:0, K:0.17. Its decimal value is 2128596.

Hex triplet	207ad4	`#207ad4`
RGB Decimal	32, 122, 212	`rgb(32,122,212)`
RGB Percent	12.5, 47.8, 83.1	`rgb(12.5%,47.8%,83.1%)`
CMYK	85, 42, 0, 17
HSL	210°, 73.8, 47.8	`hsl(210,73.8%,47.8%)`
HSV (or HSB)	210°, 84.9, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.661, 7.24, -53.402
XYZ	19.436, 18.978, 64.922
xyY	0.188, 0.184, 18.978
CIE-LCH	50.661, 53.89, 277.721
CIE-LUV	50.661, -27.661, -82.958
Hunter-Lab	43.564, 3.402, -57.865
Binary	00100000, 01111010, 11010100

#207ad4
```
#207ad4 rgb(32,122,212)
```
#d47a20
```
#d47a20 rgb(212,122,32)
```

Complementary Color

#20d4d4
```
#20d4d4 rgb(32,212,212)
```
#207ad4
```
#207ad4 rgb(32,122,212)
```
#2020d4
```
#2020d4 rgb(32,32,212)
```

Analogous Color

#d4d420
```
#d4d420 rgb(212,212,32)
```
#207ad4
```
#207ad4 rgb(32,122,212)
```
#d42020
```
#d42020 rgb(212,32,32)
```

Split Complementary Color

#7ad420
```
#7ad420 rgb(122,212,32)
```
#207ad4
```
#207ad4 rgb(32,122,212)
```
#d4207a
```
#d4207a rgb(212,32,122)
```

Triadic Color

#20d47a
```
#20d47a rgb(32,212,122)
```
#207ad4
```
#207ad4 rgb(32,122,212)
```
#d4207a
```
#d4207a rgb(212,32,122)
```
#d47a20
```
#d47a20 rgb(212,122,32)
```

Tetradic Color

#165492
```
#165492 rgb(22,84,146)
```
#1961a8
```
#1961a8 rgb(25,97,168)
```
#1d6dbe
```
#1d6dbe rgb(29,109,190)
```
#207ad4
```
#207ad4 rgb(32,122,212)
```
#2e87df
```
#2e87df rgb(46,135,223)
```
#4494e3
```
#4494e3 rgb(68,148,227)
```
#5aa0e6
```
#5aa0e6 rgb(90,160,230)
```

Monochromatic Color

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

#20a7d4
```
#20a7d4 rgb(32,167,212)
```
#2098d4
```
#2098d4 rgb(32,152,212)
```
#2089d4
```
#2089d4 rgb(32,137,212)
```
#207ad4
```
#207ad4 rgb(32,122,212)
```
#206bd4
```
#206bd4 rgb(32,107,212)
```
#205cd4
```
#205cd4 rgb(32,92,212)
```
#204dd4
```
#204dd4 rgb(32,77,212)
```

Similar Colors

Text with hexadecimal color #207ad4

This text has a font color of #207ad4.

<span style="color:#207ad4;">Text here</span>

#207ad4 background color

This paragraph has a background color of #207ad4.

<p style="background-color:#207ad4;">Content here</p>

#207ad4 border color

This element has a border color of #207ad4.

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

CSS codes

.text {color:#207ad4;}

.background {background-color:#207ad4;}

.border {border:1px solid #207ad4;}

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

#010407
```
#010407 rgb(1,4,7)
```
#040e19
```
#040e19 rgb(4,14,25)
```
#06182a
```
#06182a rgb(6,24,42)
```
#09223b
```
#09223b rgb(9,34,59)
```
#0b2c4c
```
#0b2c4c rgb(11,44,76)
```
#0e355d
```
#0e355d rgb(14,53,93)
```
#113f6e
```
#113f6e rgb(17,63,110)
```
#13497f
```
#13497f rgb(19,73,127)
```
#165390
```
#165390 rgb(22,83,144)
```
#185da1
```
#185da1 rgb(24,93,161)
```
#1b66b2
```
#1b66b2 rgb(27,102,178)
```
#1d70c3
```
#1d70c3 rgb(29,112,195)
```
#207ad4
```
#207ad4 rgb(32,122,212)
```

Shade Color Variation

#2984df
```
#2984df rgb(41,132,223)
```
#3a8ee1
```
#3a8ee1 rgb(58,142,225)
```
#4b97e4
```
#4b97e4 rgb(75,151,228)
```
#5ca1e6
```
#5ca1e6 rgb(92,161,230)
```
#6dabe9
```
#6dabe9 rgb(109,171,233)
```
#7eb5ec
```
#7eb5ec rgb(126,181,236)
```
#8fbfee
```
#8fbfee rgb(143,191,238)
```
#a0c8f1
```
#a0c8f1 rgb(160,200,241)
```
#b1d2f3
```
#b1d2f3 rgb(177,210,243)
```
#c2dcf6
```
#c2dcf6 rgb(194,220,246)
```
#d3e6f8
```
#d3e6f8 rgb(211,230,248)
```
#e4f0fb
```
#e4f0fb rgb(228,240,251)
```
#f5fafe
```
#f5fafe rgb(245,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747a80 is the less saturated color, while #047af0 is the most saturated one.

#747a80
```
#747a80 rgb(116,122,128)
```
#6b7a89
```
#6b7a89 rgb(107,122,137)
```
#627a92
```
#627a92 rgb(98,122,146)
```
#587a9c
```
#587a9c rgb(88,122,156)
```
#4f7aa5
```
#4f7aa5 rgb(79,122,165)
```
#467aae
```
#467aae rgb(70,122,174)
```
#3c7ab8
```
#3c7ab8 rgb(60,122,184)
```
#337ac1
```
#337ac1 rgb(51,122,193)
```
#297acb
```
#297acb rgb(41,122,203)
```
#207ad4
```
#207ad4 rgb(32,122,212)
```
#177add
```
#177add rgb(23,122,221)
```
#0d7ae7
```
#0d7ae7 rgb(13,122,231)
```
#047af0
```
#047af0 rgb(4,122,240)
```

Tone Color Variation

Below, you can see how #207ad4 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

#696969 Achromatopsia 0.005% of the population
#5a6c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#557cd2 Protanopia 1% of men
#2381d6 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#417bd3 Protanomaly 1% of men, 0.01% of women
#227ed5 Deuteranomaly 6% of men, 0.4% of women
#0b85ab Tritanomaly 0.01% of the population

#207ad4 hex color

#207ad4 Color Information

#207ad4 Color Conversion

Color Schemes with #207ad4

Alternatives to #207ad4

#207ad4 Preview

Shades and Tints of #207ad4

Tones of #207ad4

Color Blindness Simulator