#2d66f1 hex color

In a RGB color space, hex #2d66f1 is composed of 17.6% red, 40% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 57.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 222.6 degrees, a saturation of 87.5% and a lightness of 56.1%. #2d66f1 color hex could be obtained by blending #5accff with #0000e3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 40
- B 95
RGB color chart
- C 81
- M 58
- Y 0
- K 5
CMYK color chart

● #2d66f1 color description : Bright blue.

The hexadecimal color #2d66f1 has RGB values of R:45, G:102, B:241 and CMYK values of C:0.81, M:0.58, Y:0, K:0.05. Its decimal value is 2975473.

Hex triplet	2d66f1	`#2d66f1`
RGB Decimal	45, 102, 241	`rgb(45,102,241)`
RGB Percent	17.6, 40, 94.5	`rgb(17.6%,40%,94.5%)`
CMYK	81, 58, 0, 5
HSL	222.6°, 87.5, 56.1	`hsl(222.6,87.5%,56.1%)`
HSV (or HSB)	222.6°, 81.3, 94.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.508, 31.888, -74.83
XYZ	21.707, 16.41, 85.238
xyY	0.176, 0.133, 16.41
CIE-LCH	47.508, 81.341, 293.081
CIE-LUV	47.508, -19.762, -115.031
Hunter-Lab	40.509, 24.761, -96.399
Binary	00101101, 01100110, 11110001

#2d66f1
```
#2d66f1 rgb(45,102,241)
```
#f1b82d
```
#f1b82d rgb(241,184,45)
```

Complementary Color

#2dc8f1
```
#2dc8f1 rgb(45,200,241)
```
#2d66f1
```
#2d66f1 rgb(45,102,241)
```
#562df1
```
#562df1 rgb(86,45,241)
```

Analogous Color

#c8f12d
```
#c8f12d rgb(200,241,45)
```
#2d66f1
```
#2d66f1 rgb(45,102,241)
```
#f1562d
```
#f1562d rgb(241,86,45)
```

Split Complementary Color

#66f12d
```
#66f12d rgb(102,241,45)
```
#2d66f1
```
#2d66f1 rgb(45,102,241)
```
#f12d66
```
#f12d66 rgb(241,45,102)
```

Triadic Color

#2df1b8
```
#2df1b8 rgb(45,241,184)
```
#2d66f1
```
#2d66f1 rgb(45,102,241)
```
#f12d66
```
#f12d66 rgb(241,45,102)
```
#f1b82d
```
#f1b82d rgb(241,184,45)
```

Tetradic Color

#0d42c4
```
#0d42c4 rgb(13,66,196)
```
#0f4adc
```
#0f4adc rgb(15,74,220)
```
#1555ef
```
#1555ef rgb(21,85,239)
```
#2d66f1
```
#2d66f1 rgb(45,102,241)
```
#4577f3
```
#4577f3 rgb(69,119,243)
```
#5d89f4
```
#5d89f4 rgb(93,137,244)
```
#759af6
```
#759af6 rgb(117,154,246)
```

Monochromatic Color

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

#2d97f1
```
#2d97f1 rgb(45,151,241)
```
#2d87f1
```
#2d87f1 rgb(45,135,241)
```
#2d76f1
```
#2d76f1 rgb(45,118,241)
```
#2d66f1
```
#2d66f1 rgb(45,102,241)
```
#2d56f1
```
#2d56f1 rgb(45,86,241)
```
#2d45f1
```
#2d45f1 rgb(45,69,241)
```
#2d35f1
```
#2d35f1 rgb(45,53,241)
```

Similar Colors

Text with hexadecimal color #2d66f1

This text has a font color of #2d66f1.

<span style="color:#2d66f1;">Text here</span>

#2d66f1 background color

This paragraph has a background color of #2d66f1.

<p style="background-color:#2d66f1;">Content here</p>

#2d66f1 border color

This element has a border color of #2d66f1.

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

CSS codes

.text {color:#2d66f1;}

.background {background-color:#2d66f1;}

.border {border:1px solid #2d66f1;}

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, #01040b is the darkest color, while #f7f9fe is the lightest one.

#01040b
```
#01040b rgb(1,4,11)
```
#020a1d
```
#020a1d rgb(2,10,29)
```
#03102f
```
#03102f rgb(3,16,47)
```
#041642
```
#041642 rgb(4,22,66)
```
#061c54
```
#061c54 rgb(6,28,84)
```
#072367
```
#072367 rgb(7,35,103)
```
#082979
```
#082979 rgb(8,41,121)
```
#092f8b
```
#092f8b rgb(9,47,139)
```
#0b359e
```
#0b359e rgb(11,53,158)
```
#0c3cb0
```
#0c3cb0 rgb(12,60,176)
```
#0d42c3
```
#0d42c3 rgb(13,66,195)
```
#0e48d5
```
#0e48d5 rgb(14,72,213)
```
#0f4ee7
```
#0f4ee7 rgb(15,78,231)
```

Shade Color Variation

#1b59f0
```
#1b59f0 rgb(27,89,240)
```
#2d66f1
```
#2d66f1 rgb(45,102,241)
```
#3f73f2
```
#3f73f2 rgb(63,115,242)
```
#5281f3
```
#5281f3 rgb(82,129,243)
```
#648ef5
```
#648ef5 rgb(100,142,245)
```
#779cf6
```
#779cf6 rgb(119,156,246)
```
#89a9f7
```
#89a9f7 rgb(137,169,247)
```
#9bb6f8
```
#9bb6f8 rgb(155,182,248)
```
#aec4fa
```
#aec4fa rgb(174,196,250)
```
#c0d1fb
```
#c0d1fb rgb(192,209,251)
```
#d3dffc
```
#d3dffc rgb(211,223,252)
```
#e5ecfd
```
#e5ecfd rgb(229,236,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8e92 is the less saturated color, while #2462fa is the most saturated one.

#8c8e92
```
#8c8e92 rgb(140,142,146)
```
#838a9b
```
#838a9b rgb(131,138,155)
```
#7b86a3
```
#7b86a3 rgb(123,134,163)
```
#7283ac
```
#7283ac rgb(114,131,172)
```
#697fb5
```
#697fb5 rgb(105,127,181)
```
#617cbd
```
#617cbd rgb(97,124,189)
```
#5878c6
```
#5878c6 rgb(88,120,198)
```
#4f74cf
```
#4f74cf rgb(79,116,207)
```
#4771d7
```
#4771d7 rgb(71,113,215)
```
#3e6de0
```
#3e6de0 rgb(62,109,224)
```
#366ae8
```
#366ae8 rgb(54,106,232)
```
#2d66f1
```
#2d66f1 rgb(45,102,241)
```
#2462fa
```
#2462fa rgb(36,98,250)
```

Tone Color Variation

Below, you can see how #2d66f1 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

#656565 Achromatopsia 0.005% of the population
#5a6581 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007ac6 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#106fe8 Protanomaly 1% of men, 0.01% of women
#1073d6 Deuteranomaly 6% of men, 0.4% of women
#1079b0 Tritanomaly 0.01% of the population

#2d66f1 hex color

#2d66f1 Color Information

#2d66f1 Color Conversion

Color Schemes with #2d66f1

Alternatives to #2d66f1

#2d66f1 Preview

Shades and Tints of #2d66f1

Tones of #2d66f1

Color Blindness Simulator