#207afd hex color

In a RGB color space, hex #207afd is composed of 12.5% red, 47.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 51.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 215.6 degrees, a saturation of 98.2% and a lightness of 55.9%. #207afd color hex could be obtained by blending #40f4ff with #0000fb. Closest websafe color is: #3366ff.

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

● #207afd color description : Vivid blue.

The hexadecimal color #207afd has RGB values of R:32, G:122, B:253 and CMYK values of C:0.87, M:0.52, Y:0, K:0.01. Its decimal value is 2128637.

Hex triplet	207afd	`#207afd`
RGB Decimal	32, 122, 253	`rgb(32,122,253)`
RGB Percent	12.5, 47.8, 99.2	`rgb(12.5%,47.8%,99.2%)`
CMYK	87, 52, 0, 1
HSL	215.6°, 98.2, 55.9	`hsl(215.6,98.2%,55.9%)`
HSV (or HSB)	215.6°, 87.4, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.293, 22.876, -72.111
XYZ	25.281, 21.316, 95.705
xyY	0.178, 0.15, 21.316
CIE-LCH	53.293, 75.652, 287.601
CIE-LUV	53.293, -26.235, -114.212
Hunter-Lab	46.169, 16.946, -90.585
Binary	00100000, 01111010, 11111101

#207afd
```
#207afd rgb(32,122,253)
```
#fda320
```
#fda320 rgb(253,163,32)
```

Complementary Color

#20e9fd
```
#20e9fd rgb(32,233,253)
```
#207afd
```
#207afd rgb(32,122,253)
```
#3420fd
```
#3420fd rgb(52,32,253)
```

Analogous Color

#e9fd20
```
#e9fd20 rgb(233,253,32)
```
#207afd
```
#207afd rgb(32,122,253)
```
#fd3420
```
#fd3420 rgb(253,52,32)
```

Split Complementary Color

#7afd20
```
#7afd20 rgb(122,253,32)
```
#207afd
```
#207afd rgb(32,122,253)
```
#fd207a
```
#fd207a rgb(253,32,122)
```

Triadic Color

#20fda3
```
#20fda3 rgb(32,253,163)
```
#207afd
```
#207afd rgb(32,122,253)
```
#fd207a
```
#fd207a rgb(253,32,122)
```
#fda320
```
#fda320 rgb(253,163,32)
```

Tetradic Color

#0255cf
```
#0255cf rgb(2,85,207)
```
#0260e8
```
#0260e8 rgb(2,96,232)
```
#076bfd
```
#076bfd rgb(7,107,253)
```
#207afd
```
#207afd rgb(32,122,253)
```
#3989fd
```
#3989fd rgb(57,137,253)
```
#5398fd
```
#5398fd rgb(83,152,253)
```
#6ca7fe
```
#6ca7fe rgb(108,167,254)
```

Monochromatic Color

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

#20b1fd
```
#20b1fd rgb(32,177,253)
```
#209ffd
```
#209ffd rgb(32,159,253)
```
#208cfd
```
#208cfd rgb(32,140,253)
```
#207afd
```
#207afd rgb(32,122,253)
```
#2068fd
```
#2068fd rgb(32,104,253)
```
#2055fd
```
#2055fd rgb(32,85,253)
```
#2043fd
```
#2043fd rgb(32,67,253)
```

Similar Colors

Text with hexadecimal color #207afd

This text has a font color of #207afd.

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

#207afd background color

This paragraph has a background color of #207afd.

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

#207afd border color

This element has a border color of #207afd.

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

CSS codes

.text {color:#207afd;}

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

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

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, #00040a is the darkest color, while #f6faff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#000c1e
```
#000c1e rgb(0,12,30)
```
#001431
```
#001431 rgb(0,20,49)
```
#011c45
```
#011c45 rgb(1,28,69)
```
#012458
```
#012458 rgb(1,36,88)
```
#012c6b
```
#012c6b rgb(1,44,107)
```
#01347f
```
#01347f rgb(1,52,127)
```
#013c92
```
#013c92 rgb(1,60,146)
```
#0144a6
```
#0144a6 rgb(1,68,166)
```
#024cb9
```
#024cb9 rgb(2,76,185)
```
#0254cd
```
#0254cd rgb(2,84,205)
```
#025ce0
```
#025ce0 rgb(2,92,224)
```
#0264f4
```
#0264f4 rgb(2,100,244)
```

Shade Color Variation

#0d6efd
```
#0d6efd rgb(13,110,253)
```
#207afd
```
#207afd rgb(32,122,253)
```
#3386fd
```
#3386fd rgb(51,134,253)
```
#4791fd
```
#4791fd rgb(71,145,253)
```
#5a9dfe
```
#5a9dfe rgb(90,157,254)
```
#6ea8fe
```
#6ea8fe rgb(110,168,254)
```
#81b4fe
```
#81b4fe rgb(129,180,254)
```
#95c0fe
```
#95c0fe rgb(149,192,254)
```
#a8cbfe
```
#a8cbfe rgb(168,203,254)
```
#bcd7fe
```
#bcd7fe rgb(188,215,254)
```
#cfe2ff
```
#cfe2ff rgb(207,226,255)
```
#e2eeff
```
#e2eeff rgb(226,238,255)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888d95 is the less saturated color, while #207afd is the most saturated one.

#888d95
```
#888d95 rgb(136,141,149)
```
#7f8c9e
```
#7f8c9e rgb(127,140,158)
```
#778aa6
```
#778aa6 rgb(119,138,166)
```
#6e88af
```
#6e88af rgb(110,136,175)
```
#6587b8
```
#6587b8 rgb(101,135,184)
```
#5d85c0
```
#5d85c0 rgb(93,133,192)
```
#5484c9
```
#5484c9 rgb(84,132,201)
```
#4b82d2
```
#4b82d2 rgb(75,130,210)
```
#4380da
```
#4380da rgb(67,128,218)
```
#3a7fe3
```
#3a7fe3 rgb(58,127,227)
```
#317dec
```
#317dec rgb(49,125,236)
```
#297cf4
```
#297cf4 rgb(41,124,244)
```
#207afd
```
#207afd rgb(32,122,253)
```

Tone Color Variation

Below, you can see how #207afd 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
#5e708b Atypical Achromatopsia 0.001% of the population

Dichromacy

#1581fd Protanopia 1% of men
#0088df Deuteranopia 1% of men
#00939b Tritanopia 0.001% of the population

Trichromacy

#197efd Protanomaly 1% of men, 0.01% of women
#0b83ea Deuteranomaly 6% of men, 0.4% of women
#0b8abe Tritanomaly 0.01% of the population

#207afd hex color

#207afd Color Information

#207afd Color Conversion

Color Schemes with #207afd

Alternatives to #207afd

#207afd Preview

Shades and Tints of #207afd

Tones of #207afd

Color Blindness Simulator