#2066fd hex color

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

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

● #2066fd color description : Vivid blue.

The hexadecimal color #2066fd has RGB values of R:32, G:102, B:253 and CMYK values of C:0.87, M:0.6, Y:0, K:0.01. Its decimal value is 2123517.

Hex triplet	2066fd	`#2066fd`
RGB Decimal	32, 102, 253	`rgb(32,102,253)`
RGB Percent	12.5, 40, 99.2	`rgb(12.5%,40%,99.2%)`
CMYK	87, 60, 0, 1
HSL	221°, 98.2, 55.9	`hsl(221,98.2%,55.9%)`
HSV (or HSB)	221°, 87.4, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.134, 35.469, -80.515
XYZ	23.073, 16.9, 94.969
xyY	0.171, 0.125, 16.9
CIE-LCH	48.134, 87.981, 293.775
CIE-LUV	48.134, -20.941, -123.55
Hunter-Lab	41.109, 28.243, -108.193
Binary	00100000, 01100110, 11111101

#2066fd
```
#2066fd rgb(32,102,253)
```
#fdb720
```
#fdb720 rgb(253,183,32)
```

Complementary Color

#20d5fd
```
#20d5fd rgb(32,213,253)
```
#2066fd
```
#2066fd rgb(32,102,253)
```
#4820fd
```
#4820fd rgb(72,32,253)
```

Analogous Color

#d5fd20
```
#d5fd20 rgb(213,253,32)
```
#2066fd
```
#2066fd rgb(32,102,253)
```
#fd4820
```
#fd4820 rgb(253,72,32)
```

Split Complementary Color

#66fd20
```
#66fd20 rgb(102,253,32)
```
#2066fd
```
#2066fd rgb(32,102,253)
```
#fd2066
```
#fd2066 rgb(253,32,102)
```

Triadic Color

#20fdb7
```
#20fdb7 rgb(32,253,183)
```
#2066fd
```
#2066fd rgb(32,102,253)
```
#fd2066
```
#fd2066 rgb(253,32,102)
```
#fdb720
```
#fdb720 rgb(253,183,32)
```

Tetradic Color

#0243cf
```
#0243cf rgb(2,67,207)
```
#024be8
```
#024be8 rgb(2,75,232)
```
#0755fd
```
#0755fd rgb(7,85,253)
```
#2066fd
```
#2066fd rgb(32,102,253)
```
#3977fd
```
#3977fd rgb(57,119,253)
```
#5389fd
```
#5389fd rgb(83,137,253)
```
#6c9afe
```
#6c9afe rgb(108,154,254)
```

Monochromatic Color

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

#209dfd
```
#209dfd rgb(32,157,253)
```
#208bfd
```
#208bfd rgb(32,139,253)
```
#2078fd
```
#2078fd rgb(32,120,253)
```
#2066fd
```
#2066fd rgb(32,102,253)
```
#2054fd
```
#2054fd rgb(32,84,253)
```
#2041fd
```
#2041fd rgb(32,65,253)
```
#202ffd
```
#202ffd rgb(32,47,253)
```

Similar Colors

Text with hexadecimal color #2066fd

This text has a font color of #2066fd.

<span style="color:#2066fd;">Text here</span>

#2066fd background color

This paragraph has a background color of #2066fd.

<p style="background-color:#2066fd;">Content here</p>

#2066fd border color

This element has a border color of #2066fd.

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

CSS codes

.text {color:#2066fd;}

.background {background-color:#2066fd;}

.border {border:1px solid #2066fd;}

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

#00030a
```
#00030a rgb(0,3,10)
```
#000a1e
```
#000a1e rgb(0,10,30)
```
#001031
```
#001031 rgb(0,16,49)
```
#011645
```
#011645 rgb(1,22,69)
```
#011c58
```
#011c58 rgb(1,28,88)
```
#01236b
```
#01236b rgb(1,35,107)
```
#01297f
```
#01297f rgb(1,41,127)
```
#012f92
```
#012f92 rgb(1,47,146)
```
#0136a6
```
#0136a6 rgb(1,54,166)
```
#023cb9
```
#023cb9 rgb(2,60,185)
```
#0242cd
```
#0242cd rgb(2,66,205)
```
#0248e0
```
#0248e0 rgb(2,72,224)
```
#024ff4
```
#024ff4 rgb(2,79,244)
```

Shade Color Variation

#0d59fd
```
#0d59fd rgb(13,89,253)
```
#2066fd
```
#2066fd rgb(32,102,253)
```
#3373fd
```
#3373fd rgb(51,115,253)
```
#4781fd
```
#4781fd rgb(71,129,253)
```
#5a8efe
```
#5a8efe rgb(90,142,254)
```
#6e9bfe
```
#6e9bfe rgb(110,155,254)
```
#81a9fe
```
#81a9fe rgb(129,169,254)
```
#95b6fe
```
#95b6fe rgb(149,182,254)
```
#a8c3fe
```
#a8c3fe rgb(168,195,254)
```
#bcd1fe
```
#bcd1fe rgb(188,209,254)
```
#cfdeff
```
#cfdeff rgb(207,222,255)
```
#e2ebff
```
#e2ebff rgb(226,235,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#888c95
```
#888c95 rgb(136,140,149)
```
#7f899e
```
#7f899e rgb(127,137,158)
```
#7786a6
```
#7786a6 rgb(119,134,166)
```
#6e83af
```
#6e83af rgb(110,131,175)
```
#657fb8
```
#657fb8 rgb(101,127,184)
```
#5d7cc0
```
#5d7cc0 rgb(93,124,192)
```
#5479c9
```
#5479c9 rgb(84,121,201)
```
#4b76d2
```
#4b76d2 rgb(75,118,210)
```
#4373da
```
#4373da rgb(67,115,218)
```
#3a70e3
```
#3a70e3 rgb(58,112,227)
```
#316cec
```
#316cec rgb(49,108,236)
```
#2969f4
```
#2969f4 rgb(41,105,244)
```
#2066fd
```
#2066fd rgb(32,102,253)
```

Tone Color Variation

Below, you can see how #2066fd 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

#626262 Achromatopsia 0.005% of the population
#556381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#0b70ee Protanomaly 1% of men, 0.01% of women
#0b74db Deuteranomaly 6% of men, 0.4% of women
#0b7ab5 Tritanomaly 0.01% of the population

#2066fd hex color

#2066fd Color Information

#2066fd Color Conversion

Color Schemes with #2066fd

Alternatives to #2066fd

#2066fd Preview

Shades and Tints of #2066fd

Tones of #2066fd

Color Blindness Simulator