#2a67f0 hex color

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

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

● #2a67f0 color description : Bright blue.

The hexadecimal color #2a67f0 has RGB values of R:42, G:103, B:240 and CMYK values of C:0.83, M:0.57, Y:0, K:0.06. Its decimal value is 2779120.

Hex triplet	2a67f0	`#2a67f0`
RGB Decimal	42, 103, 240	`rgb(42,103,240)`
RGB Percent	16.5, 40.4, 94.1	`rgb(16.5%,40.4%,94.1%)`
CMYK	83, 57, 0, 6
HSL	221.5°, 86.8, 55.3	`hsl(221.5,86.8%,55.3%)`
HSV (or HSB)	221.5°, 82.5, 94.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.601, 30.65, -74.122
XYZ	21.53, 16.482, 84.48
xyY	0.176, 0.135, 16.482
CIE-LCH	47.601, 80.209, 292.466
CIE-LUV	47.601, -20.374, -114.029
Hunter-Lab	40.598, 23.614, -94.956
Binary	00101010, 01100111, 11110000

#2a67f0
```
#2a67f0 rgb(42,103,240)
```
#f0b32a
```
#f0b32a rgb(240,179,42)
```

Complementary Color

#2acaf0
```
#2acaf0 rgb(42,202,240)
```
#2a67f0
```
#2a67f0 rgb(42,103,240)
```
#502af0
```
#502af0 rgb(80,42,240)
```

Analogous Color

#caf02a
```
#caf02a rgb(202,240,42)
```
#2a67f0
```
#2a67f0 rgb(42,103,240)
```
#f0502a
```
#f0502a rgb(240,80,42)
```

Split Complementary Color

#67f02a
```
#67f02a rgb(103,240,42)
```
#2a67f0
```
#2a67f0 rgb(42,103,240)
```
#f02a67
```
#f02a67 rgb(240,42,103)
```

Triadic Color

#2af0b3
```
#2af0b3 rgb(42,240,179)
```
#2a67f0
```
#2a67f0 rgb(42,103,240)
```
#f02a67
```
#f02a67 rgb(240,42,103)
```
#f0b32a
```
#f0b32a rgb(240,179,42)
```

Tetradic Color

#0e45c0
```
#0e45c0 rgb(14,69,192)
```
#0f4dd8
```
#0f4dd8 rgb(15,77,216)
```
#1256ee
```
#1256ee rgb(18,86,238)
```
#2a67f0
```
#2a67f0 rgb(42,103,240)
```
#4278f2
```
#4278f2 rgb(66,120,242)
```
#5a89f3
```
#5a89f3 rgb(90,137,243)
```
#719af5
```
#719af5 rgb(113,154,245)
```

Monochromatic Color

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

#2a99f0
```
#2a99f0 rgb(42,153,240)
```
#2a88f0
```
#2a88f0 rgb(42,136,240)
```
#2a78f0
```
#2a78f0 rgb(42,120,240)
```
#2a67f0
```
#2a67f0 rgb(42,103,240)
```
#2a57f0
```
#2a57f0 rgb(42,87,240)
```
#2a46f0
```
#2a46f0 rgb(42,70,240)
```
#2a36f0
```
#2a36f0 rgb(42,54,240)
```

Similar Colors

Text with hexadecimal color #2a67f0

This text has a font color of #2a67f0.

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

#2a67f0 background color

This paragraph has a background color of #2a67f0.

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

#2a67f0 border color

This element has a border color of #2a67f0.

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

CSS codes

.text {color:#2a67f0;}

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

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

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)
```
#03102c
```
#03102c rgb(3,16,44)
```
#04163e
```
#04163e rgb(4,22,62)
```
#061d50
```
#061d50 rgb(6,29,80)
```
#072363
```
#072363 rgb(7,35,99)
```
#082a75
```
#082a75 rgb(8,42,117)
```
#0a3087
```
#0a3087 rgb(10,48,135)
```
#0b3799
```
#0b3799 rgb(11,55,153)
```
#0c3dac
```
#0c3dac rgb(12,61,172)
```
#0d44be
```
#0d44be rgb(13,68,190)
```
#0f4ad0
```
#0f4ad0 rgb(15,74,208)
```
#1051e3
```
#1051e3 rgb(16,81,227)
```

Shade Color Variation

#185aef
```
#185aef rgb(24,90,239)
```
#2a67f0
```
#2a67f0 rgb(42,103,240)
```
#3c74f1
```
#3c74f1 rgb(60,116,241)
```
#4f81f3
```
#4f81f3 rgb(79,129,243)
```
#618ef4
```
#618ef4 rgb(97,142,244)
```
#739bf5
```
#739bf5 rgb(115,155,245)
```
#86a8f6
```
#86a8f6 rgb(134,168,246)
```
#98b5f8
```
#98b5f8 rgb(152,181,248)
```
#aac3f9
```
#aac3f9 rgb(170,195,249)
```
#bdd0fa
```
#bdd0fa rgb(189,208,250)
```
#cfddfc
```
#cfddfc rgb(207,221,252)
```
#e1eafd
```
#e1eafd rgb(225,234,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 #2164f9 is the most saturated one.

#8a8c90
```
#8a8c90 rgb(138,140,144)
```
#828998
```
#828998 rgb(130,137,152)
```
#7985a1
```
#7985a1 rgb(121,133,161)
```
#7082aa
```
#7082aa rgb(112,130,170)
```
#677fb3
```
#677fb3 rgb(103,127,179)
```
#5f7bbb
```
#5f7bbb rgb(95,123,187)
```
#5678c4
```
#5678c4 rgb(86,120,196)
```
#4d74cd
```
#4d74cd rgb(77,116,205)
```
#4471d6
```
#4471d6 rgb(68,113,214)
```
#3c6ede
```
#3c6ede rgb(60,110,222)
```
#336ae7
```
#336ae7 rgb(51,106,231)
```
#2a67f0
```
#2a67f0 rgb(42,103,240)
```
#2164f9
```
#2164f9 rgb(33,100,249)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#586580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0f6fe8 Protanomaly 1% of men, 0.01% of women
#0f73d6 Deuteranomaly 6% of men, 0.4% of women
#0f79b0 Tritanomaly 0.01% of the population

#2a67f0 hex color

#2a67f0 Color Information

#2a67f0 Color Conversion

Color Schemes with #2a67f0

Alternatives to #2a67f0

#2a67f0 Preview

Shades and Tints of #2a67f0

Tones of #2a67f0

Color Blindness Simulator