#2b97ed hex color

In a RGB color space, hex #2b97ed is composed of 16.9% red, 59.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 36.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 206.6 degrees, a saturation of 84.3% and a lightness of 54.9%. #2b97ed color hex could be obtained by blending #56ffff with #002fdb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 59
- B 93
RGB color chart
- C 82
- M 36
- Y 0
- K 7
CMYK color chart

● #2b97ed color description : Bright blue.

The hexadecimal color #2b97ed has RGB values of R:43, G:151, B:237 and CMYK values of C:0.82, M:0.36, Y:0, K:0.07. Its decimal value is 2856941.

Hex triplet	2b97ed	`#2b97ed`
RGB Decimal	43, 151, 237	`rgb(43,151,237)`
RGB Percent	16.9, 59.2, 92.9	`rgb(16.9%,59.2%,92.9%)`
CMYK	82, 36, 0, 7
HSL	206.6°, 84.3, 54.9	`hsl(206.6,84.3%,54.9%)`
HSV (or HSB)	206.6°, 81.9, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.568, 0.044, -51.58
XYZ	27.345, 28.759, 84.226
xyY	0.195, 0.205, 28.759
CIE-LCH	60.568, 51.58, 270.049
CIE-LUV	60.568, -34.713, -82.288
Hunter-Lab	53.627, -2.828, -55.581
Binary	00101011, 10010111, 11101101

#2b97ed
```
#2b97ed rgb(43,151,237)
```
#ed812b
```
#ed812b rgb(237,129,43)
```

Complementary Color

#2bede2
```
#2bede2 rgb(43,237,226)
```
#2b97ed
```
#2b97ed rgb(43,151,237)
```
#2b36ed
```
#2b36ed rgb(43,54,237)
```

Analogous Color

#ede22b
```
#ede22b rgb(237,226,43)
```
#2b97ed
```
#2b97ed rgb(43,151,237)
```
#ed2b36
```
#ed2b36 rgb(237,43,54)
```

Split Complementary Color

#97ed2b
```
#97ed2b rgb(151,237,43)
```
#2b97ed
```
#2b97ed rgb(43,151,237)
```
#ed2b97
```
#ed2b97 rgb(237,43,151)
```

Triadic Color

#2bed81
```
#2bed81 rgb(43,237,129)
```
#2b97ed
```
#2b97ed rgb(43,151,237)
```
#ed2b97
```
#ed2b97 rgb(237,43,151)
```
#ed812b
```
#ed812b rgb(237,129,43)
```

Tetradic Color

#106fbc
```
#106fbc rgb(16,111,188)
```
#127dd3
```
#127dd3 rgb(18,125,211)
```
#148beb
```
#148beb rgb(20,139,235)
```
#2b97ed
```
#2b97ed rgb(43,151,237)
```
#43a3ef
```
#43a3ef rgb(67,163,239)
```
#5aaef1
```
#5aaef1 rgb(90,174,241)
```
#72baf3
```
#72baf3 rgb(114,186,243)
```

Monochromatic Color

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

#2bc8ed
```
#2bc8ed rgb(43,200,237)
```
#2bb7ed
```
#2bb7ed rgb(43,183,237)
```
#2ba7ed
```
#2ba7ed rgb(43,167,237)
```
#2b97ed
```
#2b97ed rgb(43,151,237)
```
#2b87ed
```
#2b87ed rgb(43,135,237)
```
#2b77ed
```
#2b77ed rgb(43,119,237)
```
#2b67ed
```
#2b67ed rgb(43,103,237)
```

Similar Colors

Text with hexadecimal color #2b97ed

This text has a font color of #2b97ed.

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

#2b97ed background color

This paragraph has a background color of #2b97ed.

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

#2b97ed border color

This element has a border color of #2b97ed.

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

CSS codes

.text {color:#2b97ed;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#020e17
```
#020e17 rgb(2,14,23)
```
#031829
```
#031829 rgb(3,24,41)
```
#05233b
```
#05233b rgb(5,35,59)
```
#072e4d
```
#072e4d rgb(7,46,77)
```
#08395f
```
#08395f rgb(8,57,95)
```
#0a4371
```
#0a4371 rgb(10,67,113)
```
#0b4e84
```
#0b4e84 rgb(11,78,132)
```
#0d5996
```
#0d5996 rgb(13,89,150)
```
#0e64a8
```
#0e64a8 rgb(14,100,168)
```
#106eba
```
#106eba rgb(16,110,186)
```
#1179cc
```
#1179cc rgb(17,121,204)
```
#1384de
```
#1384de rgb(19,132,222)
```

Shade Color Variation

#198eeb
```
#198eeb rgb(25,142,235)
```
#2b97ed
```
#2b97ed rgb(43,151,237)
```
#3da0ef
```
#3da0ef rgb(61,160,239)
```
#4fa9f0
```
#4fa9f0 rgb(79,169,240)
```
#61b2f2
```
#61b2f2 rgb(97,178,242)
```
#73baf3
```
#73baf3 rgb(115,186,243)
```
#85c3f5
```
#85c3f5 rgb(133,195,245)
```
#97ccf6
```
#97ccf6 rgb(151,204,246)
```
#aad5f8
```
#aad5f8 rgb(170,213,248)
```
#bcdef9
```
#bcdef9 rgb(188,222,249)
```
#cee7fb
```
#cee7fb rgb(206,231,251)
```
#e0f0fc
```
#e0f0fc rgb(224,240,252)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838d95 is the less saturated color, while #1999ff is the most saturated one.

#838d95
```
#838d95 rgb(131,141,149)
```
#7b8e9d
```
#7b8e9d rgb(123,142,157)
```
#728fa6
```
#728fa6 rgb(114,143,166)
```
#6990af
```
#6990af rgb(105,144,175)
```
#6091b8
```
#6091b8 rgb(96,145,184)
```
#5792c1
```
#5792c1 rgb(87,146,193)
```
#4e93ca
```
#4e93ca rgb(78,147,202)
```
#4694d2
```
#4694d2 rgb(70,148,210)
```
#3d95db
```
#3d95db rgb(61,149,219)
```
#3496e4
```
#3496e4 rgb(52,150,228)
```
#2b97ed
```
#2b97ed rgb(43,151,237)
```
#2298f6
```
#2298f6 rgb(34,152,246)
```
#1999ff
```
#1999ff rgb(25,153,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#708597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7595e8 Protanopia 1% of men
#5898ef Deuteranopia 1% of men
#00a6b1 Tritanopia 0.001% of the population

Trichromacy

#5a95e9 Protanomaly 1% of men, 0.01% of women
#4798ee Deuteranomaly 6% of men, 0.4% of women
#0fa0c7 Tritanomaly 0.01% of the population

#2b97ed hex color

#2b97ed Color Information

#2b97ed Color Conversion

Color Schemes with #2b97ed

Alternatives to #2b97ed

#2b97ed Preview

Shades and Tints of #2b97ed

Tones of #2b97ed

Color Blindness Simulator