#2a6fde hex color

In a RGB color space, hex #2a6fde is composed of 16.5% red, 43.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 50% magenta, 0% yellow and 12.9% black. It has a hue angle of 217 degrees, a saturation of 73.2% and a lightness of 51.8%. #2a6fde color hex could be obtained by blending #54deff with #0000bd. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 44
- B 87
RGB color chart
- C 81
- M 50
- Y 0
- K 13
CMYK color chart

● #2a6fde color description : Bright blue.

The hexadecimal color #2a6fde has RGB values of R:42, G:111, B:222 and CMYK values of C:0.81, M:0.5, Y:0, K:0.13. Its decimal value is 2781150.

Hex triplet	2a6fde	`#2a6fde`
RGB Decimal	42, 111, 222	`rgb(42,111,222)`
RGB Percent	16.5, 43.5, 87.1	`rgb(16.5%,43.5%,87.1%)`
CMYK	81, 50, 0, 13
HSL	217°, 73.2, 51.8	`hsl(217,73.2%,51.8%)`
HSV (or HSB)	217°, 81.1, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.428, 18.8, -62.647
XYZ	19.821, 17.133, 71.366
xyY	0.183, 0.158, 17.133
CIE-LCH	48.428, 65.407, 286.705
CIE-LUV	48.428, -22.877, -97.097
Hunter-Lab	41.393, 13.039, -73.248
Binary	00101010, 01101111, 11011110

#2a6fde
```
#2a6fde rgb(42,111,222)
```
#de992a
```
#de992a rgb(222,153,42)
```

Complementary Color

#2ac9de
```
#2ac9de rgb(42,201,222)
```
#2a6fde
```
#2a6fde rgb(42,111,222)
```
#3f2ade
```
#3f2ade rgb(63,42,222)
```

Analogous Color

#c9de2a
```
#c9de2a rgb(201,222,42)
```
#2a6fde
```
#2a6fde rgb(42,111,222)
```
#de3f2a
```
#de3f2a rgb(222,63,42)
```

Split Complementary Color

#6fde2a
```
#6fde2a rgb(111,222,42)
```
#2a6fde
```
#2a6fde rgb(42,111,222)
```
#de2a6f
```
#de2a6f rgb(222,42,111)
```

Triadic Color

#2ade99
```
#2ade99 rgb(42,222,153)
```
#2a6fde
```
#2a6fde rgb(42,111,222)
```
#de2a6f
```
#de2a6f rgb(222,42,111)
```
#de992a
```
#de992a rgb(222,153,42)
```

Tetradic Color

#194ea2
```
#194ea2 rgb(25,78,162)
```
#1d58b8
```
#1d58b8 rgb(29,88,184)
```
#2063cf
```
#2063cf rgb(32,99,207)
```
#2a6fde
```
#2a6fde rgb(42,111,222)
```
#407ee1
```
#407ee1 rgb(64,126,225)
```
#568de5
```
#568de5 rgb(86,141,229)
```
#6c9ce8
```
#6c9ce8 rgb(108,156,232)
```

Monochromatic Color

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

#2a9cde
```
#2a9cde rgb(42,156,222)
```
#2a8dde
```
#2a8dde rgb(42,141,222)
```
#2a7ede
```
#2a7ede rgb(42,126,222)
```
#2a6fde
```
#2a6fde rgb(42,111,222)
```
#2a60de
```
#2a60de rgb(42,96,222)
```
#2a51de
```
#2a51de rgb(42,81,222)
```
#2a42de
```
#2a42de rgb(42,66,222)
```

Similar Colors

Text with hexadecimal color #2a6fde

This text has a font color of #2a6fde.

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

#2a6fde background color

This paragraph has a background color of #2a6fde.

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

#2a6fde border color

This element has a border color of #2a6fde.

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

CSS codes

.text {color:#2a6fde;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#040c19
```
#040c19 rgb(4,12,25)
```
#06142a
```
#06142a rgb(6,20,42)
```
#091c3b
```
#091c3b rgb(9,28,59)
```
#0c244c
```
#0c244c rgb(12,36,76)
```
#0e2c5d
```
#0e2c5d rgb(14,44,93)
```
#11356e
```
#11356e rgb(17,53,110)
```
#143d7f
```
#143d7f rgb(20,61,127)
```
#164590
```
#164590 rgb(22,69,144)
```
#194da1
```
#194da1 rgb(25,77,161)
```
#1c55b2
```
#1c55b2 rgb(28,85,178)
```
#1e5dc3
```
#1e5dc3 rgb(30,93,195)
```
#2165d4
```
#2165d4 rgb(33,101,212)
```

Shade Color Variation

#2a6fde
```
#2a6fde rgb(42,111,222)
```
#3b7ae1
```
#3b7ae1 rgb(59,122,225)
```
#4c86e3
```
#4c86e3 rgb(76,134,227)
```
#5d91e6
```
#5d91e6 rgb(93,145,230)
```
#6e9de9
```
#6e9de9 rgb(110,157,233)
```
#7fa8eb
```
#7fa8eb rgb(127,168,235)
```
#90b4ee
```
#90b4ee rgb(144,180,238)
```
#a1bff0
```
#a1bff0 rgb(161,191,240)
```
#b2cbf3
```
#b2cbf3 rgb(178,203,243)
```
#c3d6f6
```
#c3d6f6 rgb(195,214,246)
```
#d4e2f8
```
#d4e2f8 rgb(212,226,248)
```
#e5edfb
```
#e5edfb rgb(229,237,251)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#7f8389
```
#7f8389 rgb(127,131,137)
```
#768192
```
#768192 rgb(118,129,146)
```
#6c7e9c
```
#6c7e9c rgb(108,126,156)
```
#637ca5
```
#637ca5 rgb(99,124,165)
```
#597aaf
```
#597aaf rgb(89,122,175)
```
#5078b8
```
#5078b8 rgb(80,120,184)
```
#4676c2
```
#4676c2 rgb(70,118,194)
```
#3d73cb
```
#3d73cb rgb(61,115,203)
```
#3371d5
```
#3371d5 rgb(51,113,213)
```
#2a6fde
```
#2a6fde rgb(42,111,222)
```
#216de7
```
#216de7 rgb(33,109,231)
```
#176bf1
```
#176bf1 rgb(23,107,241)
```
#0e68fa
```
#0e68fa rgb(14,104,250)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b697f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3176df Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#2e73df Protanomaly 1% of men, 0.01% of women
#0f77d3 Deuteranomaly 6% of men, 0.4% of women
#0f7dab Tritanomaly 0.01% of the population

#2a6fde hex color

#2a6fde Color Information

#2a6fde Color Conversion

Color Schemes with #2a6fde

Alternatives to #2a6fde

#2a6fde Preview

Shades and Tints of #2a6fde

Tones of #2a6fde

Color Blindness Simulator