colorhexa.com

#2a66e3 hex color

In a RGB color space, hex #2a66e3 is composed of 16.5% red, 40% green and 89% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 55.1% magenta, 0% yellow and 11% black. It has a hue angle of 220.5 degrees, a saturation of 76.8% and a lightness of 52.7%. #2a66e3 color hex could be obtained by blending #54ccff with #0000c7. Closest websafe color is: #3366cc.

- R 16
- G 40
- B 89
RGB color chart
- C 81
- M 55
- Y 0
- K 11
CMYK color chart

● #2a66e3 color description : Bright blue.

The hexadecimal color #2a66e3 has RGB values of R:42, G:102, B:227 and CMYK values of C:0.81, M:0.55, Y:0, K:0.11. Its decimal value is 2778851.

Hex triplet	2a66e3	`#2a66e3`
RGB Decimal	42, 102, 227	`rgb(42,102,227)`
RGB Percent	16.5, 40, 89	`rgb(16.5%,40%,89%)`
CMYK	81, 55, 0, 11
HSL	220.5°, 76.8, 52.7	`hsl(220.5,76.8%,52.7%)`
HSV (or HSB)	220.5°, 81.5, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.364, 26.428, -68.819
XYZ	19.568, 15.539, 74.637
xyY	0.178, 0.142, 15.539
CIE-LCH	46.364, 73.719, 291.008
CIE-LUV	46.364, -20.25, -105.404
Hunter-Lab	39.42, 19.623, -84.664
Binary	00101010, 01100110, 11100011

#2a66e3
```
#2a66e3 rgb(42,102,227)
```
#e3a72a
```
#e3a72a rgb(227,167,42)
```

Complementary Color

#2ac3e3
```
#2ac3e3 rgb(42,195,227)
```
#2a66e3
```
#2a66e3 rgb(42,102,227)
```
#4b2ae3
```
#4b2ae3 rgb(75,42,227)
```

Analogous Color

#c3e32a
```
#c3e32a rgb(195,227,42)
```
#2a66e3
```
#2a66e3 rgb(42,102,227)
```
#e34a2a
```
#e34a2a rgb(227,74,42)
```

Split Complementary Color

#66e32a
```
#66e32a rgb(102,227,42)
```
#2a66e3
```
#2a66e3 rgb(42,102,227)
```
#e32a66
```
#e32a66 rgb(227,42,102)
```

Triadic Color

#2ae3a7
```
#2ae3a7 rgb(42,227,167)
```
#2a66e3
```
#2a66e3 rgb(42,102,227)
```
#e32a66
```
#e32a66 rgb(227,42,102)
```
#e3a72a
```
#e3a72a rgb(227,167,42)
```

Tetradic Color

#1646aa
```
#1646aa rgb(22,70,170)
```
#1950c1
```
#1950c1 rgb(25,80,193)
```
#1c59d7
```
#1c59d7 rgb(28,89,215)
```
#2a66e3
```
#2a66e3 rgb(42,102,227)
```
#4176e6
```
#4176e6 rgb(65,118,230)
```
#5786e9
```
#5786e9 rgb(87,134,233)
```
#6e97ec
```
#6e97ec rgb(110,151,236)
```

Monochromatic Color

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

#2a94e3
```
#2a94e3 rgb(42,148,227)
```
#2a85e3
```
#2a85e3 rgb(42,133,227)
```
#2a75e3
```
#2a75e3 rgb(42,117,227)
```
#2a66e3
```
#2a66e3 rgb(42,102,227)
```
#2a57e3
```
#2a57e3 rgb(42,87,227)
```
#2a47e3
```
#2a47e3 rgb(42,71,227)
```
#2a38e3
```
#2a38e3 rgb(42,56,227)
```

Similar Colors

Text with hexadecimal color #2a66e3

This text has a font color of #2a66e3.

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

#2a66e3 background color

This paragraph has a background color of #2a66e3.

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

#2a66e3 border color

This element has a border color of #2a66e3.

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

CSS codes

.text {color:#2a66e3;}

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

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

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

#02050c
```
#02050c rgb(2,5,12)
```
#040c1e
```
#040c1e rgb(4,12,30)
```
#06132f
```
#06132f rgb(6,19,47)
```
#081b40
```
#081b40 rgb(8,27,64)
```
#0b2252
```
#0b2252 rgb(11,34,82)
```
#0d2963
```
#0d2963 rgb(13,41,99)
```
#0f3074
```
#0f3074 rgb(15,48,116)
```
#123786
```
#123786 rgb(18,55,134)
```
#143e97
```
#143e97 rgb(20,62,151)
```
#1646a8
```
#1646a8 rgb(22,70,168)
```
#184dba
```
#184dba rgb(24,77,186)
```
#1b54cb
```
#1b54cb rgb(27,84,203)
```
#1d5bdc
```
#1d5bdc rgb(29,91,220)
```

Shade Color Variation

#2a66e3
```
#2a66e3 rgb(42,102,227)
```
#3b72e5
```
#3b72e5 rgb(59,114,229)
```
#4d7fe8
```
#4d7fe8 rgb(77,127,232)
```
#5e8bea
```
#5e8bea rgb(94,139,234)
```
#6f98ec
```
#6f98ec rgb(111,152,236)
```
#81a4ee
```
#81a4ee rgb(129,164,238)
```
#92b1f1
```
#92b1f1 rgb(146,177,241)
```
#a3bdf3
```
#a3bdf3 rgb(163,189,243)
```
#b5caf5
```
#b5caf5 rgb(181,202,245)
```
#c6d6f8
```
#c6d6f8 rgb(198,214,248)
```
#d7e3fa
```
#d7e3fa rgb(215,227,250)
```
#e9effc
```
#e9effc rgb(233,239,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#7d8390
```
#7d8390 rgb(125,131,144)
```
#748099
```
#748099 rgb(116,128,153)
```
#6b7da2
```
#6b7da2 rgb(107,125,162)
```
#627aab
```
#627aab rgb(98,122,171)
```
#5876b5
```
#5876b5 rgb(88,118,181)
```
#4f73be
```
#4f73be rgb(79,115,190)
```
#4670c7
```
#4670c7 rgb(70,112,199)
```
#3d6dd0
```
#3d6dd0 rgb(61,109,208)
```
#3369da
```
#3369da rgb(51,105,218)
```
#2a66e3
```
#2a66e3 rgb(42,102,227)
```
#2163ec
```
#2163ec rgb(33,99,236)
```
#175ff6
```
#175ff6 rgb(23,95,246)
```
#0e5cff
```
#0e5cff rgb(14,92,255)
```

Tone Color Variation

Below, you can see how #2a66e3 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
#57637c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071df Protanopia 1% of men
#0078c3 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#0f6de0 Protanomaly 1% of men, 0.01% of women
#0f71ce Deuteranomaly 6% of men, 0.4% of women
#0f77a9 Tritanomaly 0.01% of the population