#2b85ca hex color

In a RGB color space, hex #2b85ca is composed of 16.9% red, 52.2% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 34.2% magenta, 0% yellow and 20.8% black. It has a hue angle of 206 degrees, a saturation of 64.9% and a lightness of 48%. #2b85ca color hex could be obtained by blending #56ffff with #000b95. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 52
- B 79
RGB color chart
- C 79
- M 34
- Y 0
- K 21
CMYK color chart

● #2b85ca color description : Strong blue.

The hexadecimal color #2b85ca has RGB values of R:43, G:133, B:202 and CMYK values of C:0.79, M:0.34, Y:0, K:0.21. Its decimal value is 2852298.

Hex triplet	2b85ca	`#2b85ca`
RGB Decimal	43, 133, 202	`rgb(43,133,202)`
RGB Percent	16.9, 52.2, 79.2	`rgb(16.9%,52.2%,79.2%)`
CMYK	79, 34, 0, 21
HSL	206°, 64.9, 48	`hsl(206,64.9%,48%)`
HSV (or HSB)	206°, 78.7, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.548, -2.171, -43.122
XYZ	20.042, 21.551, 58.977
xyY	0.199, 0.214, 21.551
CIE-LCH	53.548, 43.177, 267.117
CIE-LUV	53.548, -30.45, -66.485
Hunter-Lab	46.423, -4.179, -42.827
Binary	00101011, 10000101, 11001010

#2b85ca
```
#2b85ca rgb(43,133,202)
```
#ca702b
```
#ca702b rgb(202,112,43)
```

Complementary Color

#2bcac0
```
#2bcac0 rgb(43,202,192)
```
#2b85ca
```
#2b85ca rgb(43,133,202)
```
#2b36ca
```
#2b36ca rgb(43,54,202)
```

Analogous Color

#cac02b
```
#cac02b rgb(202,192,43)
```
#2b85ca
```
#2b85ca rgb(43,133,202)
```
#ca2b36
```
#ca2b36 rgb(202,43,54)
```

Split Complementary Color

#85ca2b
```
#85ca2b rgb(133,202,43)
```
#2b85ca
```
#2b85ca rgb(43,133,202)
```
#ca2b85
```
#ca2b85 rgb(202,43,133)
```

Triadic Color

#2bca70
```
#2bca70 rgb(43,202,112)
```
#2b85ca
```
#2b85ca rgb(43,133,202)
```
#ca2b85
```
#ca2b85 rgb(202,43,133)
```
#ca702b
```
#ca702b rgb(202,112,43)
```

Tetradic Color

#1e5b8b
```
#1e5b8b rgb(30,91,139)
```
#2269a0
```
#2269a0 rgb(34,105,160)
```
#2777b5
```
#2777b5 rgb(39,119,181)
```
#2b85ca
```
#2b85ca rgb(43,133,202)
```
#3a92d5
```
#3a92d5 rgb(58,146,213)
```
#4f9dd9
```
#4f9dd9 rgb(79,157,217)
```
#64a9de
```
#64a9de rgb(100,169,222)
```

Monochromatic Color

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

#2badca
```
#2badca rgb(43,173,202)
```
#2ba0ca
```
#2ba0ca rgb(43,160,202)
```
#2b92ca
```
#2b92ca rgb(43,146,202)
```
#2b85ca
```
#2b85ca rgb(43,133,202)
```
#2b78ca
```
#2b78ca rgb(43,120,202)
```
#2b6bca
```
#2b6bca rgb(43,107,202)
```
#2b5dca
```
#2b5dca rgb(43,93,202)
```

Similar Colors

Text with hexadecimal color #2b85ca

This text has a font color of #2b85ca.

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

#2b85ca background color

This paragraph has a background color of #2b85ca.

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

#2b85ca border color

This element has a border color of #2b85ca.

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

CSS codes

.text {color:#2b85ca;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#051018
```
#051018 rgb(5,16,24)
```
#091b28
```
#091b28 rgb(9,27,40)
```
#0c2538
```
#0c2538 rgb(12,37,56)
```
#0f3049
```
#0f3049 rgb(15,48,73)
```
#133a59
```
#133a59 rgb(19,58,89)
```
#164569
```
#164569 rgb(22,69,105)
```
#1a5079
```
#1a5079 rgb(26,80,121)
```
#1d5a89
```
#1d5a89 rgb(29,90,137)
```
#216599
```
#216599 rgb(33,101,153)
```
#2470aa
```
#2470aa rgb(36,112,170)
```
#287aba
```
#287aba rgb(40,122,186)
```
#2b85ca
```
#2b85ca rgb(43,133,202)
```

Shade Color Variation

#358fd4
```
#358fd4 rgb(53,143,212)
```
#4598d7
```
#4598d7 rgb(69,152,215)
```
#55a1db
```
#55a1db rgb(85,161,219)
```
#65aade
```
#65aade rgb(101,170,222)
```
#75b3e2
```
#75b3e2 rgb(117,179,226)
```
#86bce5
```
#86bce5 rgb(134,188,229)
```
#96c5e9
```
#96c5e9 rgb(150,197,233)
```
#a6ceec
```
#a6ceec rgb(166,206,236)
```
#b6d7ef
```
#b6d7ef rgb(182,215,239)
```
#c6e0f3
```
#c6e0f3 rgb(198,224,243)
```
#d6e8f6
```
#d6e8f6 rgb(214,232,246)
```
#e7f1fa
```
#e7f1fa rgb(231,241,250)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767b7f is the less saturated color, while #058af0 is the most saturated one.

#767b7f
```
#767b7f rgb(118,123,127)
```
#6d7c88
```
#6d7c88 rgb(109,124,136)
```
#647e91
```
#647e91 rgb(100,126,145)
```
#5a7f9b
```
#5a7f9b rgb(90,127,155)
```
#5180a4
```
#5180a4 rgb(81,128,164)
```
#4781ae
```
#4781ae rgb(71,129,174)
```
#3e83b7
```
#3e83b7 rgb(62,131,183)
```
#3484c1
```
#3484c1 rgb(52,132,193)
```
#2b85ca
```
#2b85ca rgb(43,133,202)
```
#2286d3
```
#2286d3 rgb(34,134,211)
```
#1887dd
```
#1887dd rgb(24,135,221)
```
#0f89e6
```
#0f89e6 rgb(15,137,230)
```
#058af0
```
#058af0 rgb(5,138,240)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#647684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c84c7 Protanopia 1% of men
#5886ce Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5484c8 Protanomaly 1% of men, 0.01% of women
#4786cc Deuteranomaly 6% of men, 0.4% of women
#0f8ead Tritanomaly 0.01% of the population

#2b85ca hex color

#2b85ca Color Information

#2b85ca Color Conversion

Color Schemes with #2b85ca

Alternatives to #2b85ca

#2b85ca Preview

Shades and Tints of #2b85ca

Tones of #2b85ca

Color Blindness Simulator