#207bf5 hex color

In a RGB color space, hex #207bf5 is composed of 12.5% red, 48.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 49.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 214.4 degrees, a saturation of 91.4% and a lightness of 54.3%. #207bf5 color hex could be obtained by blending #40f6ff with #0000eb. Closest websafe color is: #3366ff.

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

● #207bf5 color description : Vivid blue.

The hexadecimal color #207bf5 has RGB values of R:32, G:123, B:245 and CMYK values of C:0.87, M:0.5, Y:0, K:0.04. Its decimal value is 2128885.

Hex triplet	207bf5	`#207bf5`
RGB Decimal	32, 123, 245	`rgb(32,123,245)`
RGB Percent	12.5, 48.2, 96.1	`rgb(12.5%,48.2%,96.1%)`
CMYK	87, 50, 0, 4
HSL	214.4°, 91.4, 54.3	`hsl(214.4,91.4%,54.3%)`
HSV (or HSB)	214.4°, 86.9, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.019, 19.219, -68.123
XYZ	24.156, 21.064, 89.174
xyY	0.18, 0.157, 21.064
CIE-LCH	53.019, 70.782, 285.755
CIE-LUV	53.019, -26.756, -107.764
Hunter-Lab	45.895, 13.636, -83.074
Binary	00100000, 01111011, 11110101

#207bf5
```
#207bf5 rgb(32,123,245)
```
#f59a20
```
#f59a20 rgb(245,154,32)
```

Complementary Color

#20e6f5
```
#20e6f5 rgb(32,230,245)
```
#207bf5
```
#207bf5 rgb(32,123,245)
```
#3020f5
```
#3020f5 rgb(48,32,245)
```

Analogous Color

#e6f520
```
#e6f520 rgb(230,245,32)
```
#207bf5
```
#207bf5 rgb(32,123,245)
```
#f52f20
```
#f52f20 rgb(245,47,32)
```

Split Complementary Color

#7bf520
```
#7bf520 rgb(123,245,32)
```
#207bf5
```
#207bf5 rgb(32,123,245)
```
#f5207b
```
#f5207b rgb(245,32,123)
```

Triadic Color

#20f59a
```
#20f59a rgb(32,245,154)
```
#207bf5
```
#207bf5 rgb(32,123,245)
```
#f5207b
```
#f5207b rgb(245,32,123)
```
#f59a20
```
#f59a20 rgb(245,154,32)
```

Tetradic Color

#0957c0
```
#0957c0 rgb(9,87,192)
```
#0a62d8
```
#0a62d8 rgb(10,98,216)
```
#0b6df1
```
#0b6df1 rgb(11,109,241)
```
#207bf5
```
#207bf5 rgb(32,123,245)
```
#3889f6
```
#3889f6 rgb(56,137,246)
```
#5198f7
```
#5198f7 rgb(81,152,247)
```
#69a6f8
```
#69a6f8 rgb(105,166,248)
```

Monochromatic Color

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

#20b0f5
```
#20b0f5 rgb(32,176,245)
```
#209ff5
```
#209ff5 rgb(32,159,245)
```
#208df5
```
#208df5 rgb(32,141,245)
```
#207bf5
```
#207bf5 rgb(32,123,245)
```
#2069f5
```
#2069f5 rgb(32,105,245)
```
#2058f5
```
#2058f5 rgb(32,88,245)
```
#2046f5
```
#2046f5 rgb(32,70,245)
```

Similar Colors

Text with hexadecimal color #207bf5

This text has a font color of #207bf5.

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

#207bf5 background color

This paragraph has a background color of #207bf5.

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

#207bf5 border color

This element has a border color of #207bf5.

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

CSS codes

.text {color:#207bf5;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010a15
```
#010a15 rgb(1,10,21)
```
#021228
```
#021228 rgb(2,18,40)
```
#031b3b
```
#031b3b rgb(3,27,59)
```
#03234d
```
#03234d rgb(3,35,77)
```
#042c60
```
#042c60 rgb(4,44,96)
```
#053473
```
#053473 rgb(5,52,115)
```
#063d86
```
#063d86 rgb(6,61,134)
```
#074598
```
#074598 rgb(7,69,152)
```
#084eab
```
#084eab rgb(8,78,171)
```
#0956be
```
#0956be rgb(9,86,190)
```
#095fd1
```
#095fd1 rgb(9,95,209)
```
#0a67e4
```
#0a67e4 rgb(10,103,228)
```

Shade Color Variation

#0d70f4
```
#0d70f4 rgb(13,112,244)
```
#207bf5
```
#207bf5 rgb(32,123,245)
```
#3386f6
```
#3386f6 rgb(51,134,246)
```
#4691f7
```
#4691f7 rgb(70,145,247)
```
#589cf8
```
#589cf8 rgb(88,156,248)
```
#6ba7f8
```
#6ba7f8 rgb(107,167,248)
```
#7eb3f9
```
#7eb3f9 rgb(126,179,249)
```
#91befa
```
#91befa rgb(145,190,250)
```
#a3c9fb
```
#a3c9fb rgb(163,201,251)
```
#b6d4fc
```
#b6d4fc rgb(182,212,252)
```
#c9dffd
```
#c9dffd rgb(201,223,253)
```
#dceafd
```
#dceafd rgb(220,234,253)
```
#eff5fe
```
#eff5fe rgb(239,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838992 is the less saturated color, while #177afe is the most saturated one.

#838992
```
#838992 rgb(131,137,146)
```
#7a889b
```
#7a889b rgb(122,136,155)
```
#7187a4
```
#7187a4 rgb(113,135,164)
```
#6885ad
```
#6885ad rgb(104,133,173)
```
#5f84b6
```
#5f84b6 rgb(95,132,182)
```
#5683bf
```
#5683bf rgb(86,131,191)
```
#4d82c8
```
#4d82c8 rgb(77,130,200)
```
#4480d1
```
#4480d1 rgb(68,128,209)
```
#3b7fda
```
#3b7fda rgb(59,127,218)
```
#327ee3
```
#327ee3 rgb(50,126,227)
```
#297cec
```
#297cec rgb(41,124,236)
```
#207bf5
```
#207bf5 rgb(32,123,245)
```
#177afe
```
#177afe rgb(23,122,254)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5e7189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3381f5 Protanopia 1% of men
#0088df Deuteranopia 1% of men
#00929a Tritanopia 0.001% of the population

Trichromacy

#2c7ff5 Protanomaly 1% of men, 0.01% of women
#0b83e7 Deuteranomaly 6% of men, 0.4% of women
#0b89bb Tritanomaly 0.01% of the population

#207bf5 hex color

#207bf5 Color Information

#207bf5 Color Conversion

Color Schemes with #207bf5

Alternatives to #207bf5

#207bf5 Preview

Shades and Tints of #207bf5

Tones of #207bf5

Color Blindness Simulator