#2661d2 hex color

In a RGB color space, hex #2661d2 is composed of 14.9% red, 38% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 53.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 219.4 degrees, a saturation of 69.4% and a lightness of 48.6%. #2661d2 color hex could be obtained by blending #4cc2ff with #0000a5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 15
- G 38
- B 82
RGB color chart
- C 82
- M 54
- Y 0
- K 18
CMYK color chart

● #2661d2 color description : Strong blue.

The hexadecimal color #2661d2 has RGB values of R:38, G:97, B:210 and CMYK values of C:0.82, M:0.54, Y:0, K:0.18. Its decimal value is 2515410.

Hex triplet	2661d2	`#2661d2`
RGB Decimal	38, 97, 210	`rgb(38,97,210)`
RGB Percent	14.9, 38, 82.4	`rgb(14.9%,38%,82.4%)`
CMYK	82, 54, 0, 18
HSL	219.4°, 69.4, 48.6	`hsl(219.4,69.4%,48.6%)`
HSV (or HSB)	219.4°, 81.9, 82.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.673, 22.859, -63.522
XYZ	16.704, 13.613, 62.716
xyY	0.18, 0.146, 13.613
CIE-LCH	43.673, 67.51, 289.791
CIE-LUV	43.673, -19.584, -95.846
Hunter-Lab	36.896, 16.246, -74.954
Binary	00100110, 01100001, 11010010

#2661d2
```
#2661d2 rgb(38,97,210)
```
#d29726
```
#d29726 rgb(210,151,38)
```

Complementary Color

#26b7d2
```
#26b7d2 rgb(38,183,210)
```
#2661d2
```
#2661d2 rgb(38,97,210)
```
#4126d2
```
#4126d2 rgb(65,38,210)
```

Analogous Color

#b7d226
```
#b7d226 rgb(183,210,38)
```
#2661d2
```
#2661d2 rgb(38,97,210)
```
#d24126
```
#d24126 rgb(210,65,38)
```

Split Complementary Color

#61d226
```
#61d226 rgb(97,210,38)
```
#2661d2
```
#2661d2 rgb(38,97,210)
```
#d22661
```
#d22661 rgb(210,38,97)
```

Triadic Color

#26d297
```
#26d297 rgb(38,210,151)
```
#2661d2
```
#2661d2 rgb(38,97,210)
```
#d22661
```
#d22661 rgb(210,38,97)
```
#d29726
```
#d29726 rgb(210,151,38)
```

Tetradic Color

#1a4391
```
#1a4391 rgb(26,67,145)
```
#1e4da7
```
#1e4da7 rgb(30,77,167)
```
#2257bc
```
#2257bc rgb(34,87,188)
```
#2661d2
```
#2661d2 rgb(38,97,210)
```
#376fdb
```
#376fdb rgb(55,111,219)
```
#4c7fdf
```
#4c7fdf rgb(76,127,223)
```
#628ee3
```
#628ee3 rgb(98,142,227)
```

Monochromatic Color

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

#268cd2
```
#268cd2 rgb(38,140,210)
```
#267ed2
```
#267ed2 rgb(38,126,210)
```
#266fd2
```
#266fd2 rgb(38,111,210)
```
#2661d2
```
#2661d2 rgb(38,97,210)
```
#2653d2
```
#2653d2 rgb(38,83,210)
```
#2644d2
```
#2644d2 rgb(38,68,210)
```
#2636d2
```
#2636d2 rgb(38,54,210)
```

Similar Colors

Text with hexadecimal color #2661d2

This text has a font color of #2661d2.

<span style="color:#2661d2;">Text here</span>

#2661d2 background color

This paragraph has a background color of #2661d2.

<p style="background-color:#2661d2;">Content here</p>

#2661d2 border color

This element has a border color of #2661d2.

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

CSS codes

.text {color:#2661d2;}

.background {background-color:#2661d2;}

.border {border:1px solid #2661d2;}

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

#02050b
```
#02050b rgb(2,5,11)
```
#050d1b
```
#050d1b rgb(5,13,27)
```
#08142c
```
#08142c rgb(8,20,44)
```
#0b1c3d
```
#0b1c3d rgb(11,28,61)
```
#0e244d
```
#0e244d rgb(14,36,77)
```
#112b5e
```
#112b5e rgb(17,43,94)
```
#14336e
```
#14336e rgb(20,51,110)
```
#173b7f
```
#173b7f rgb(23,59,127)
```
#1a4290
```
#1a4290 rgb(26,66,144)
```
#1d4aa0
```
#1d4aa0 rgb(29,74,160)
```
#2052b1
```
#2052b1 rgb(32,82,177)
```
#2359c1
```
#2359c1 rgb(35,89,193)
```
#2661d2
```
#2661d2 rgb(38,97,210)
```

Shade Color Variation

#326bda
```
#326bda rgb(50,107,218)
```
#4277dd
```
#4277dd rgb(66,119,221)
```
#5383e0
```
#5383e0 rgb(83,131,224)
```
#648fe3
```
#648fe3 rgb(100,143,227)
```
#749be6
```
#749be6 rgb(116,155,230)
```
#85a7e9
```
#85a7e9 rgb(133,167,233)
```
#95b3ec
```
#95b3ec rgb(149,179,236)
```
#a6bfef
```
#a6bfef rgb(166,191,239)
```
#b7cbf2
```
#b7cbf2 rgb(183,203,242)
```
#c7d7f5
```
#c7d7f5 rgb(199,215,245)
```
#d8e3f8
```
#d8e3f8 rgb(216,227,248)
```
#e8effb
```
#e8effb rgb(232,239,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7c7c is the less saturated color, while #0958ef is the most saturated one.

#7c7c7c
```
#7c7c7c rgb(124,124,124)
```
#727986
```
#727986 rgb(114,121,134)
```
#69768f
```
#69768f rgb(105,118,143)
```
#5f7399
```
#5f7399 rgb(95,115,153)
```
#5670a2
```
#5670a2 rgb(86,112,162)
```
#4c6dac
```
#4c6dac rgb(76,109,172)
```
#436ab5
```
#436ab5 rgb(67,106,181)
```
#3967bf
```
#3967bf rgb(57,103,191)
```
#3064c8
```
#3064c8 rgb(48,100,200)
```
#2661d2
```
#2661d2 rgb(38,97,210)
```
#1c5edc
```
#1c5edc rgb(28,94,220)
```
#135be5
```
#135be5 rgb(19,91,229)
```
#0958ef
```
#0958ef rgb(9,88,239)
```

Tone Color Variation

Below, you can see how #2661d2 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

#5c5c5c Achromatopsia 0.005% of the population
#515d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071b9 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#0d67d2 Protanomaly 1% of men, 0.01% of women
#0d6bc2 Deuteranomaly 6% of men, 0.4% of women
#0d709e Tritanomaly 0.01% of the population

#2661d2 hex color

#2661d2 Color Information

#2661d2 Color Conversion

Color Schemes with #2661d2

Alternatives to #2661d2

#2661d2 Preview

Shades and Tints of #2661d2

Tones of #2661d2

Color Blindness Simulator