colorhexa.com

#207cb8 hex color

In a RGB color space, hex #207cb8 is composed of 12.5% red, 48.6% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 32.6% magenta, 0% yellow and 27.8% black. It has a hue angle of 203.7 degrees, a saturation of 70.4% and a lightness of 42.4%. #207cb8 color hex could be obtained by blending #40f8ff with #000071. Closest websafe color is: #3366cc.

- R 13
- G 49
- B 72
RGB color chart
- C 83
- M 33
- Y 0
- K 28
CMYK color chart

● #207cb8 color description : Strong blue.

The hexadecimal color #207cb8 has RGB values of R:32, G:124, B:184 and CMYK values of C:0.83, M:0.33, Y:0, K:0.28. Its decimal value is 2129080.

Hex triplet	207cb8	`#207cb8`
RGB Decimal	32, 124, 184	`rgb(32,124,184)`
RGB Percent	12.5, 48.6, 72.2	`rgb(12.5%,48.6%,72.2%)`
CMYK	83, 33, 0, 28
HSL	203.7°, 70.4, 42.4	`hsl(203.7,70.4%,42.4%)`
HSV (or HSB)	203.7°, 82.6, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.716, -4.599, -38.898
XYZ	16.453, 18.182, 47.987
xyY	0.199, 0.22, 18.182
CIE-LCH	49.716, 39.169, 263.257
CIE-LUV	49.716, -29.664, -58.522
Hunter-Lab	42.64, -5.744, -36.877
Binary	00100000, 01111100, 10111000

#207cb8
```
#207cb8 rgb(32,124,184)
```
#b85c20
```
#b85c20 rgb(184,92,32)
```

Complementary Color

#20b8a8
```
#20b8a8 rgb(32,184,168)
```
#207cb8
```
#207cb8 rgb(32,124,184)
```
#2030b8
```
#2030b8 rgb(32,48,184)
```

Analogous Color

#b8a820
```
#b8a820 rgb(184,168,32)
```
#207cb8
```
#207cb8 rgb(32,124,184)
```
#b82030
```
#b82030 rgb(184,32,48)
```

Split Complementary Color

#7cb820
```
#7cb820 rgb(124,184,32)
```
#207cb8
```
#207cb8 rgb(32,124,184)
```
#b8207c
```
#b8207c rgb(184,32,124)
```

Triadic Color

#20b85c
```
#20b85c rgb(32,184,92)
```
#207cb8
```
#207cb8 rgb(32,124,184)
```
#b8207c
```
#b8207c rgb(184,32,124)
```
#b85c20
```
#b85c20 rgb(184,92,32)
```

Tetradic Color

#155077
```
#155077 rgb(21,80,119)
```
#185f8d
```
#185f8d rgb(24,95,141)
```
#1c6da2
```
#1c6da2 rgb(28,109,162)
```
#207cb8
```
#207cb8 rgb(32,124,184)
```
#248bce
```
#248bce rgb(36,139,206)
```
#3098db
```
#3098db rgb(48,152,219)
```
#46a2df
```
#46a2df rgb(70,162,223)
```

Monochromatic Color

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

#20a2b8
```
#20a2b8 rgb(32,162,184)
```
#2095b8
```
#2095b8 rgb(32,149,184)
```
#2089b8
```
#2089b8 rgb(32,137,184)
```
#207cb8
```
#207cb8 rgb(32,124,184)
```
#206fb8
```
#206fb8 rgb(32,111,184)
```
#2063b8
```
#2063b8 rgb(32,99,184)
```
#2056b8
```
#2056b8 rgb(32,86,184)
```

Similar Colors

Text with hexadecimal color #207cb8

This text has a font color of #207cb8.

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

#207cb8 background color

This paragraph has a background color of #207cb8.

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

#207cb8 border color

This element has a border color of #207cb8.

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

CSS codes

.text {color:#207cb8;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030b11
```
#030b11 rgb(3,11,17)
```
#061722
```
#061722 rgb(6,23,34)
```
#092232
```
#092232 rgb(9,34,50)
```
#0c2d43
```
#0c2d43 rgb(12,45,67)
```
#0f3854
```
#0f3854 rgb(15,56,84)
```
#114464
```
#114464 rgb(17,68,100)
```
#144f75
```
#144f75 rgb(20,79,117)
```
#175a86
```
#175a86 rgb(23,90,134)
```
#1a6597
```
#1a6597 rgb(26,101,151)
```
#1d71a7
```
#1d71a7 rgb(29,113,167)
```
#207cb8
```
#207cb8 rgb(32,124,184)
```
#2387c9
```
#2387c9 rgb(35,135,201)
```

Shade Color Variation

#2692d9
```
#2692d9 rgb(38,146,217)
```
#379bdc
```
#379bdc rgb(55,155,220)
```
#47a3df
```
#47a3df rgb(71,163,223)
```
#58ace2
```
#58ace2 rgb(88,172,226)
```
#69b4e5
```
#69b4e5 rgb(105,180,229)
```
#7abce8
```
#7abce8 rgb(122,188,232)
```
#8ac5eb
```
#8ac5eb rgb(138,197,235)
```
#9bcdee
```
#9bcdee rgb(155,205,238)
```
#acd5f1
```
#acd5f1 rgb(172,213,241)
```
#bcdef3
```
#bcdef3 rgb(188,222,243)
```
#cde6f6
```
#cde6f6 rgb(205,230,246)
```
#deeef9
```
#deeef9 rgb(222,238,249)
```
#eef7fc
```
#eef7fc rgb(238,247,252)
```

Tint Color Variation

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

#6b6c6d
```
#6b6c6d rgb(107,108,109)
```
#626e76
```
#626e76 rgb(98,110,118)
```
#5a707e
```
#5a707e rgb(90,112,126)
```
#527286
```
#527286 rgb(82,114,134)
```
#4a738e
```
#4a738e rgb(74,115,142)
```
#417597
```
#417597 rgb(65,117,151)
```
#39779f
```
#39779f rgb(57,119,159)
```
#3179a7
```
#3179a7 rgb(49,121,167)
```
#287ab0
```
#287ab0 rgb(40,122,176)
```
#207cb8
```
#207cb8 rgb(32,124,184)
```
#187ec0
```
#187ec0 rgb(24,126,192)
```
#0f7fc9
```
#0f7fc9 rgb(15,127,201)
```
#0781d1
```
#0781d1 rgb(7,129,209)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#596b77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#677bb6 Protanopia 1% of men
#567dbd Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#4d7bb6 Protanomaly 1% of men, 0.01% of women
#427cbb Deuteranomaly 6% of men, 0.4% of women
#0b84a0 Tritanomaly 0.01% of the population