#2a65f0 hex color

In a RGB color space, hex #2a65f0 is composed of 16.5% red, 39.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 57.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 222.1 degrees, a saturation of 86.8% and a lightness of 55.3%. #2a65f0 color hex could be obtained by blending #54caff with #0000e1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 40
- B 94
RGB color chart
- C 83
- M 58
- Y 0
- K 6
CMYK color chart

● #2a65f0 color description : Bright blue.

The hexadecimal color #2a65f0 has RGB values of R:42, G:101, B:240 and CMYK values of C:0.83, M:0.58, Y:0, K:0.06. Its decimal value is 2778608.

Hex triplet	2a65f0	`#2a65f0`
RGB Decimal	42, 101, 240	`rgb(42,101,240)`
RGB Percent	16.5, 39.6, 94.1	`rgb(16.5%,39.6%,94.1%)`
CMYK	83, 58, 0, 6
HSL	222.1°, 86.8, 55.3	`hsl(222.1,86.8%,55.3%)`
HSV (or HSB)	222.1°, 82.5, 94.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.091, 31.917, -74.953
XYZ	21.333, 16.089, 84.414
xyY	0.175, 0.132, 16.089
CIE-LCH	47.091, 81.465, 293.066
CIE-LUV	47.091, -19.858, -114.886
Hunter-Lab	40.111, 24.741, -96.698
Binary	00101010, 01100101, 11110000

#2a65f0
```
#2a65f0 rgb(42,101,240)
```
#f0b52a
```
#f0b52a rgb(240,181,42)
```

Complementary Color

#2ac8f0
```
#2ac8f0 rgb(42,200,240)
```
#2a65f0
```
#2a65f0 rgb(42,101,240)
```
#522af0
```
#522af0 rgb(82,42,240)
```

Analogous Color

#c8f02a
```
#c8f02a rgb(200,240,42)
```
#2a65f0
```
#2a65f0 rgb(42,101,240)
```
#f0522a
```
#f0522a rgb(240,82,42)
```

Split Complementary Color

#65f02a
```
#65f02a rgb(101,240,42)
```
#2a65f0
```
#2a65f0 rgb(42,101,240)
```
#f02a65
```
#f02a65 rgb(240,42,101)
```

Triadic Color

#2af0b5
```
#2af0b5 rgb(42,240,181)
```
#2a65f0
```
#2a65f0 rgb(42,101,240)
```
#f02a65
```
#f02a65 rgb(240,42,101)
```
#f0b52a
```
#f0b52a rgb(240,181,42)
```

Tetradic Color

#0e43c0
```
#0e43c0 rgb(14,67,192)
```
#0f4bd8
```
#0f4bd8 rgb(15,75,216)
```
#1254ee
```
#1254ee rgb(18,84,238)
```
#2a65f0
```
#2a65f0 rgb(42,101,240)
```
#4276f2
```
#4276f2 rgb(66,118,242)
```
#5a87f3
```
#5a87f3 rgb(90,135,243)
```
#7199f5
```
#7199f5 rgb(113,153,245)
```

Monochromatic Color

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

#2a97f0
```
#2a97f0 rgb(42,151,240)
```
#2a86f0
```
#2a86f0 rgb(42,134,240)
```
#2a76f0
```
#2a76f0 rgb(42,118,240)
```
#2a65f0
```
#2a65f0 rgb(42,101,240)
```
#2a55f0
```
#2a55f0 rgb(42,85,240)
```
#2a44f0
```
#2a44f0 rgb(42,68,240)
```
#2a34f0
```
#2a34f0 rgb(42,52,240)
```

Similar Colors

Text with hexadecimal color #2a65f0

This text has a font color of #2a65f0.

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

#2a65f0 background color

This paragraph has a background color of #2a65f0.

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

#2a65f0 border color

This element has a border color of #2a65f0.

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

CSS codes

.text {color:#2a65f0;}

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

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

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, #000207 is the darkest color, while #f4f7fe is the lightest one.

#000207
```
#000207 rgb(0,2,7)
```
#020919
```
#020919 rgb(2,9,25)
```
#030f2c
```
#030f2c rgb(3,15,44)
```
#04153e
```
#04153e rgb(4,21,62)
```
#061c50
```
#061c50 rgb(6,28,80)
```
#072263
```
#072263 rgb(7,34,99)
```
#082975
```
#082975 rgb(8,41,117)
```
#0a2f87
```
#0a2f87 rgb(10,47,135)
```
#0b3599
```
#0b3599 rgb(11,53,153)
```
#0c3cac
```
#0c3cac rgb(12,60,172)
```
#0d42be
```
#0d42be rgb(13,66,190)
```
#0f48d0
```
#0f48d0 rgb(15,72,208)
```
#104fe3
```
#104fe3 rgb(16,79,227)
```

Shade Color Variation

#1858ef
```
#1858ef rgb(24,88,239)
```
#2a65f0
```
#2a65f0 rgb(42,101,240)
```
#3c72f1
```
#3c72f1 rgb(60,114,241)
```
#4f7ff3
```
#4f7ff3 rgb(79,127,243)
```
#618df4
```
#618df4 rgb(97,141,244)
```
#739af5
```
#739af5 rgb(115,154,245)
```
#86a7f6
```
#86a7f6 rgb(134,167,246)
```
#98b4f8
```
#98b4f8 rgb(152,180,248)
```
#aac2f9
```
#aac2f9 rgb(170,194,249)
```
#bdcffa
```
#bdcffa rgb(189,207,250)
```
#cfdcfc
```
#cfdcfc rgb(207,220,252)
```
#e1e9fd
```
#e1e9fd rgb(225,233,253)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#8a8c90
```
#8a8c90 rgb(138,140,144)
```
#828898
```
#828898 rgb(130,136,152)
```
#7985a1
```
#7985a1 rgb(121,133,161)
```
#7081aa
```
#7081aa rgb(112,129,170)
```
#677eb3
```
#677eb3 rgb(103,126,179)
```
#5f7abb
```
#5f7abb rgb(95,122,187)
```
#5677c4
```
#5677c4 rgb(86,119,196)
```
#4d73cd
```
#4d73cd rgb(77,115,205)
```
#4470d6
```
#4470d6 rgb(68,112,214)
```
#3c6cde
```
#3c6cde rgb(60,108,222)
```
#3369e7
```
#3369e7 rgb(51,105,231)
```
#2a65f0
```
#2a65f0 rgb(42,101,240)
```
#2161f9
```
#2161f9 rgb(33,97,249)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58637f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#007ac5 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#0f6ee7 Protanomaly 1% of men, 0.01% of women
#0f72d4 Deuteranomaly 6% of men, 0.4% of women
#0f78af Tritanomaly 0.01% of the population

#2a65f0 hex color

#2a65f0 Color Information

#2a65f0 Color Conversion

Color Schemes with #2a65f0

Alternatives to #2a65f0

#2a65f0 Preview

Shades and Tints of #2a65f0

Tones of #2a65f0

Color Blindness Simulator