#2661d4 hex color

In a RGB color space, hex #2661d4 is composed of 14.9% red, 38% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 54.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 219.7 degrees, a saturation of 69.6% and a lightness of 49%. #2661d4 color hex could be obtained by blending #4cc2ff with #0000a9. Closest websafe color is: #3366cc.

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

● #2661d4 color description : Strong blue.

The hexadecimal color #2661d4 has RGB values of R:38, G:97, B:212 and CMYK values of C:0.82, M:0.54, Y:0, K:0.17. Its decimal value is 2515412.

Hex triplet	2661d4	`#2661d4`
RGB Decimal	38, 97, 212	`rgb(38,97,212)`
RGB Percent	14.9, 38, 83.1	`rgb(14.9%,38%,83.1%)`
CMYK	82, 54, 0, 17
HSL	219.7°, 69.6, 49	`hsl(219.7,69.6%,49%)`
HSV (or HSB)	219.7°, 82.1, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.819, 23.623, -64.43
XYZ	16.955, 13.714, 64.037
xyY	0.179, 0.145, 13.714
CIE-LCH	43.819, 68.624, 290.135
CIE-LUV	43.819, -19.554, -97.279
Hunter-Lab	37.032, 16.921, -76.605
Binary	00100110, 01100001, 11010100

#2661d4
```
#2661d4 rgb(38,97,212)
```
#d49926
```
#d49926 rgb(212,153,38)
```

Complementary Color

#26b8d4
```
#26b8d4 rgb(38,184,212)
```
#2661d4
```
#2661d4 rgb(38,97,212)
```
#4226d4
```
#4226d4 rgb(66,38,212)
```

Analogous Color

#b8d426
```
#b8d426 rgb(184,212,38)
```
#2661d4
```
#2661d4 rgb(38,97,212)
```
#d44226
```
#d44226 rgb(212,66,38)
```

Split Complementary Color

#61d426
```
#61d426 rgb(97,212,38)
```
#2661d4
```
#2661d4 rgb(38,97,212)
```
#d42661
```
#d42661 rgb(212,38,97)
```

Triadic Color

#26d499
```
#26d499 rgb(38,212,153)
```
#2661d4
```
#2661d4 rgb(38,97,212)
```
#d42661
```
#d42661 rgb(212,38,97)
```
#d49926
```
#d49926 rgb(212,153,38)
```

Tetradic Color

#1a4393
```
#1a4393 rgb(26,67,147)
```
#1e4da9
```
#1e4da9 rgb(30,77,169)
```
#2257be
```
#2257be rgb(34,87,190)
```
#2661d4
```
#2661d4 rgb(38,97,212)
```
#386fdb
```
#386fdb rgb(56,111,219)
```
#4e7fdf
```
#4e7fdf rgb(78,127,223)
```
#638fe3
```
#638fe3 rgb(99,143,227)
```

Monochromatic Color

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

#268dd4
```
#268dd4 rgb(38,141,212)
```
#267ed4
```
#267ed4 rgb(38,126,212)
```
#2670d4
```
#2670d4 rgb(38,112,212)
```
#2661d4
```
#2661d4 rgb(38,97,212)
```
#2653d4
```
#2653d4 rgb(38,83,212)
```
#2644d4
```
#2644d4 rgb(38,68,212)
```
#2636d4
```
#2636d4 rgb(38,54,212)
```

Similar Colors

Text with hexadecimal color #2661d4

This text has a font color of #2661d4.

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

#2661d4 background color

This paragraph has a background color of #2661d4.

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

#2661d4 border color

This element has a border color of #2661d4.

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

CSS codes

.text {color:#2661d4;}

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

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

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, #02060c is the darkest color, while #fbfcfe is the lightest one.

#02060c
```
#02060c rgb(2,6,12)
```
#050d1d
```
#050d1d rgb(5,13,29)
```
#08152e
```
#08152e rgb(8,21,46)
```
#0b1d3e
```
#0b1d3e rgb(11,29,62)
```
#0e244f
```
#0e244f rgb(14,36,79)
```
#112c60
```
#112c60 rgb(17,44,96)
```
#143370
```
#143370 rgb(20,51,112)
```
#173b81
```
#173b81 rgb(23,59,129)
```
#1a4391
```
#1a4391 rgb(26,67,145)
```
#1d4aa2
```
#1d4aa2 rgb(29,74,162)
```
#2052b3
```
#2052b3 rgb(32,82,179)
```
#2359c3
```
#2359c3 rgb(35,89,195)
```
#2661d4
```
#2661d4 rgb(38,97,212)
```

Shade Color Variation

#336cda
```
#336cda rgb(51,108,218)
```
#4478dd
```
#4478dd rgb(68,120,221)
```
#5484e0
```
#5484e0 rgb(84,132,224)
```
#6590e3
```
#6590e3 rgb(101,144,227)
```
#769ce6
```
#769ce6 rgb(118,156,230)
```
#86a8e9
```
#86a8e9 rgb(134,168,233)
```
#97b4ec
```
#97b4ec rgb(151,180,236)
```
#a8c0ef
```
#a8c0ef rgb(168,192,239)
```
#b8ccf2
```
#b8ccf2 rgb(184,204,242)
```
#c9d8f5
```
#c9d8f5 rgb(201,216,245)
```
#d9e4f8
```
#d9e4f8 rgb(217,228,248)
```
#eaf0fb
```
#eaf0fb rgb(234,240,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#737a87
```
#737a87 rgb(115,122,135)
```
#697791
```
#697791 rgb(105,119,145)
```
#60749a
```
#60749a rgb(96,116,154)
```
#5670a4
```
#5670a4 rgb(86,112,164)
```
#4c6dae
```
#4c6dae rgb(76,109,174)
```
#436ab7
```
#436ab7 rgb(67,106,183)
```
#3967c1
```
#3967c1 rgb(57,103,193)
```
#3064ca
```
#3064ca rgb(48,100,202)
```
#2661d4
```
#2661d4 rgb(38,97,212)
```
#1c5ede
```
#1c5ede rgb(28,94,222)
```
#135be7
```
#135be7 rgb(19,91,231)
```
#0958f1
```
#0958f1 rgb(9,88,241)
```

Tone Color Variation

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

#0d67d3 Protanomaly 1% of men, 0.01% of women
#0d6bc3 Deuteranomaly 6% of men, 0.4% of women
#0d719f Tritanomaly 0.01% of the population

#2661d4 hex color

#2661d4 Color Information

#2661d4 Color Conversion

Color Schemes with #2661d4

Alternatives to #2661d4

#2661d4 Preview

Shades and Tints of #2661d4

Tones of #2661d4

Color Blindness Simulator