#2985e2 hex color

In a RGB color space, hex #2985e2 is composed of 16.1% red, 52.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 41.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 210.2 degrees, a saturation of 76.1% and a lightness of 52.4%. #2985e2 color hex could be obtained by blending #52ffff with #000bc5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 52
- B 89
RGB color chart
- C 82
- M 41
- Y 0
- K 11
CMYK color chart

● #2985e2 color description : Bright blue.

The hexadecimal color #2985e2 has RGB values of R:41, G:133, B:226 and CMYK values of C:0.82, M:0.41, Y:0, K:0.11. Its decimal value is 2721250.

Hex triplet	2985e2	`#2985e2`
RGB Decimal	41, 133, 226	`rgb(41,133,226)`
RGB Percent	16.1, 52.2, 88.6	`rgb(16.1%,52.2%,88.6%)`
CMYK	82, 41, 0, 11
HSL	210.2°, 76.1, 52.4	`hsl(210.2,76.1%,52.4%)`
HSV (or HSB)	210.2°, 81.9, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.799, 6.529, -54.659
XYZ	23.026, 22.736, 75.122
xyY	0.19, 0.188, 22.736
CIE-LCH	54.799, 55.047, 276.812
CIE-LUV	54.799, -29.619, -86.331
Hunter-Lab	47.682, 2.757, -60.034
Binary	00101001, 10000101, 11100010

#2985e2
```
#2985e2 rgb(41,133,226)
```
#e28629
```
#e28629 rgb(226,134,41)
```

Complementary Color

#29e2e2
```
#29e2e2 rgb(41,226,226)
```
#2985e2
```
#2985e2 rgb(41,133,226)
```
#2a29e2
```
#2a29e2 rgb(42,41,226)
```

Analogous Color

#e2e229
```
#e2e229 rgb(226,226,41)
```
#2985e2
```
#2985e2 rgb(41,133,226)
```
#e22929
```
#e22929 rgb(226,41,41)
```

Split Complementary Color

#85e229
```
#85e229 rgb(133,226,41)
```
#2985e2
```
#2985e2 rgb(41,133,226)
```
#e22985
```
#e22985 rgb(226,41,133)
```

Triadic Color

#29e286
```
#29e286 rgb(41,226,134)
```
#2985e2
```
#2985e2 rgb(41,133,226)
```
#e22985
```
#e22985 rgb(226,41,133)
```
#e28629
```
#e28629 rgb(226,134,41)
```

Tetradic Color

#175fa8
```
#175fa8 rgb(23,95,168)
```
#1a6cbe
```
#1a6cbe rgb(26,108,190)
```
#1d78d5
```
#1d78d5 rgb(29,120,213)
```
#2985e2
```
#2985e2 rgb(41,133,226)
```
#3f92e5
```
#3f92e5 rgb(63,146,229)
```
#569fe8
```
#569fe8 rgb(86,159,232)
```
#6cabeb
```
#6cabeb rgb(108,171,235)
```

Monochromatic Color

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

#29b3e2
```
#29b3e2 rgb(41,179,226)
```
#29a4e2
```
#29a4e2 rgb(41,164,226)
```
#2994e2
```
#2994e2 rgb(41,148,226)
```
#2985e2
```
#2985e2 rgb(41,133,226)
```
#2976e2
```
#2976e2 rgb(41,118,226)
```
#2966e2
```
#2966e2 rgb(41,102,226)
```
#2957e2
```
#2957e2 rgb(41,87,226)
```

Similar Colors

Text with hexadecimal color #2985e2

This text has a font color of #2985e2.

<span style="color:#2985e2;">Text here</span>

#2985e2 background color

This paragraph has a background color of #2985e2.

<p style="background-color:#2985e2;">Content here</p>

#2985e2 border color

This element has a border color of #2985e2.

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

CSS codes

.text {color:#2985e2;}

.background {background-color:#2985e2;}

.border {border:1px solid #2985e2;}

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, #01060b is the darkest color, while #f8fbfe is the lightest one.

#01060b
```
#01060b rgb(1,6,11)
```
#04101c
```
#04101c rgb(4,16,28)
```
#061a2d
```
#061a2d rgb(6,26,45)
```
#08233e
```
#08233e rgb(8,35,62)
```
#0b2d50
```
#0b2d50 rgb(11,45,80)
```
#0d3761
```
#0d3761 rgb(13,55,97)
```
#0f4172
```
#0f4172 rgb(15,65,114)
```
#124a83
```
#124a83 rgb(18,74,131)
```
#145495
```
#145495 rgb(20,84,149)
```
#175ea6
```
#175ea6 rgb(23,94,166)
```
#1968b7
```
#1968b7 rgb(25,104,183)
```
#1b71c9
```
#1b71c9 rgb(27,113,201)
```
#1e7bda
```
#1e7bda rgb(30,123,218)
```

Shade Color Variation

#2985e2
```
#2985e2 rgb(41,133,226)
```
#3a8fe4
```
#3a8fe4 rgb(58,143,228)
```
#4c99e7
```
#4c99e7 rgb(76,153,231)
```
#5da3e9
```
#5da3e9 rgb(93,163,233)
```
#6eaceb
```
#6eaceb rgb(110,172,235)
```
#7fb6ee
```
#7fb6ee rgb(127,182,238)
```
#91c0f0
```
#91c0f0 rgb(145,192,240)
```
#a2caf2
```
#a2caf2 rgb(162,202,242)
```
#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#c4def7
```
#c4def7 rgb(196,222,247)
```
#d6e7f9
```
#d6e7f9 rgb(214,231,249)
```
#e7f1fc
```
#e7f1fc rgb(231,241,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#7d858e
```
#7d858e rgb(125,133,142)
```
#748597
```
#748597 rgb(116,133,151)
```
#6a85a1
```
#6a85a1 rgb(106,133,161)
```
#6185aa
```
#6185aa rgb(97,133,170)
```
#5885b3
```
#5885b3 rgb(88,133,179)
```
#4e85bd
```
#4e85bd rgb(78,133,189)
```
#4585c6
```
#4585c6 rgb(69,133,198)
```
#3c85cf
```
#3c85cf rgb(60,133,207)
```
#3285d9
```
#3285d9 rgb(50,133,217)
```
#2985e2
```
#2985e2 rgb(41,133,226)
```
#2085eb
```
#2085eb rgb(32,133,235)
```
#1685f5
```
#1685f5 rgb(22,133,245)
```
#0d85fe
```
#0d85fe rgb(13,133,254)
```

Tone Color Variation

Below, you can see how #2985e2 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

#747474 Achromatopsia 0.005% of the population
#65778a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f86df Protanopia 1% of men
#358be3 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#4b86e0 Protanomaly 1% of men, 0.01% of women
#3088e2 Deuteranomaly 6% of men, 0.4% of women
#0e90b8 Tritanomaly 0.01% of the population

#2985e2 hex color

#2985e2 Color Information

#2985e2 Color Conversion

Color Schemes with #2985e2

Alternatives to #2985e2

#2985e2 Preview

Shades and Tints of #2985e2

Tones of #2985e2

Color Blindness Simulator