#207bdd hex color

In a RGB color space, hex #207bdd is composed of 12.5% red, 48.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 44.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 211.1 degrees, a saturation of 74.7% and a lightness of 49.6%. #207bdd color hex could be obtained by blending #40f6ff with #0000bb. Closest websafe color is: #3366cc.

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

● #207bdd color description : Vivid blue.

The hexadecimal color #207bdd has RGB values of R:32, G:123, B:221 and CMYK values of C:0.86, M:0.44, Y:0, K:0.13. Its decimal value is 2128861.

Hex triplet	207bdd	`#207bdd`
RGB Decimal	32, 123, 221	`rgb(32,123,221)`
RGB Percent	12.5, 48.2, 86.7	`rgb(12.5%,48.2%,86.7%)`
CMYK	86, 44, 0, 13
HSL	211.1°, 74.7, 49.6	`hsl(211.1,74.7%,49.6%)`
HSV (or HSB)	211.1°, 85.5, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.487, 10.063, -57.166
XYZ	20.727, 19.692, 71.111
xyY	0.186, 0.177, 19.692
CIE-LCH	51.487, 58.045, 279.984
CIE-LUV	51.487, -27.606, -89.417
Hunter-Lab	44.375, 5.717, -63.949
Binary	00100000, 01111011, 11011101

#207bdd
```
#207bdd rgb(32,123,221)
```
#dd8220
```
#dd8220 rgb(221,130,32)
```

Complementary Color

#20dadd
```
#20dadd rgb(32,218,221)
```
#207bdd
```
#207bdd rgb(32,123,221)
```
#2320dd
```
#2320dd rgb(35,32,221)
```

Analogous Color

#dadd20
```
#dadd20 rgb(218,221,32)
```
#207bdd
```
#207bdd rgb(32,123,221)
```
#dd2320
```
#dd2320 rgb(221,35,32)
```

Split Complementary Color

#7bdd20
```
#7bdd20 rgb(123,221,32)
```
#207bdd
```
#207bdd rgb(32,123,221)
```
#dd207b
```
#dd207b rgb(221,32,123)
```

Triadic Color

#20dd82
```
#20dd82 rgb(32,221,130)
```
#207bdd
```
#207bdd rgb(32,123,221)
```
#dd207b
```
#dd207b rgb(221,32,123)
```
#dd8220
```
#dd8220 rgb(221,130,32)
```

Tetradic Color

#16569a
```
#16569a rgb(22,86,154)
```
#1a62b0
```
#1a62b0 rgb(26,98,176)
```
#1d6fc7
```
#1d6fc7 rgb(29,111,199)
```
#207bdd
```
#207bdd rgb(32,123,221)
```
#3588e2
```
#3588e2 rgb(53,136,226)
```
#4b95e5
```
#4b95e5 rgb(75,149,229)
```
#61a2e8
```
#61a2e8 rgb(97,162,232)
```

Monochromatic Color

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

#20aadd
```
#20aadd rgb(32,170,221)
```
#209bdd
```
#209bdd rgb(32,155,221)
```
#208bdd
```
#208bdd rgb(32,139,221)
```
#207bdd
```
#207bdd rgb(32,123,221)
```
#206bdd
```
#206bdd rgb(32,107,221)
```
#205cdd
```
#205cdd rgb(32,92,221)
```
#204cdd
```
#204cdd rgb(32,76,221)
```

Similar Colors

Text with hexadecimal color #207bdd

This text has a font color of #207bdd.

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

#207bdd background color

This paragraph has a background color of #207bdd.

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

#207bdd border color

This element has a border color of #207bdd.

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

CSS codes

.text {color:#207bdd;}

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

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

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

#02090f
```
#02090f rgb(2,9,15)
```
#051221
```
#051221 rgb(5,18,33)
```
#071c32
```
#071c32 rgb(7,28,50)
```
#0a2543
```
#0a2543 rgb(10,37,67)
```
#0c2f54
```
#0c2f54 rgb(12,47,84)
```
#0f3865
```
#0f3865 rgb(15,56,101)
```
#114276
```
#114276 rgb(17,66,118)
```
#144b87
```
#144b87 rgb(20,75,135)
```
#165598
```
#165598 rgb(22,85,152)
```
#195eaa
```
#195eaa rgb(25,94,170)
```
#1b68bb
```
#1b68bb rgb(27,104,187)
```
#1e71cc
```
#1e71cc rgb(30,113,204)
```
#207bdd
```
#207bdd rgb(32,123,221)
```

Shade Color Variation

#3085e1
```
#3085e1 rgb(48,133,225)
```
#418fe3
```
#418fe3 rgb(65,143,227)
```
#5299e6
```
#5299e6 rgb(82,153,230)
```
#63a3e8
```
#63a3e8 rgb(99,163,232)
```
#74adeb
```
#74adeb rgb(116,173,235)
```
#85b7ed
```
#85b7ed rgb(133,183,237)
```
#96c1f0
```
#96c1f0 rgb(150,193,240)
```
#a8ccf2
```
#a8ccf2 rgb(168,204,242)
```
#b9d6f5
```
#b9d6f5 rgb(185,214,245)
```
#cae0f7
```
#cae0f7 rgb(202,224,247)
```
#dbeafa
```
#dbeafa rgb(219,234,250)
```
#ecf4fc
```
#ecf4fc rgb(236,244,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787e85 is the less saturated color, while #037afa is the most saturated one.

#787e85
```
#787e85 rgb(120,126,133)
```
#6e7e8f
```
#6e7e8f rgb(110,126,143)
```
#647e99
```
#647e99 rgb(100,126,153)
```
#5a7da3
```
#5a7da3 rgb(90,125,163)
```
#517dac
```
#517dac rgb(81,125,172)
```
#477cb6
```
#477cb6 rgb(71,124,182)
```
#3d7cc0
```
#3d7cc0 rgb(61,124,192)
```
#337cca
```
#337cca rgb(51,124,202)
```
#2a7bd3
```
#2a7bd3 rgb(42,123,211)
```
#207bdd
```
#207bdd rgb(32,123,221)
```
#167be7
```
#167be7 rgb(22,123,231)
```
#0d7af0
```
#0d7af0 rgb(13,122,240)
```
#037afa
```
#037afa rgb(3,122,250)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5c6e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#507edb Protanopia 1% of men
#0083db Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#3e7ddc Protanomaly 1% of men, 0.01% of women
#0b80db Deuteranomaly 6% of men, 0.4% of women
#0b87b0 Tritanomaly 0.01% of the population

#207bdd hex color

#207bdd Color Information

#207bdd Color Conversion

Color Schemes with #207bdd

Alternatives to #207bdd

#207bdd Preview

Shades and Tints of #207bdd

Tones of #207bdd

Color Blindness Simulator