#2d97be hex color

In a RGB color space, hex #2d97be is composed of 17.6% red, 59.2% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 20.5% magenta, 0% yellow and 25.5% black. It has a hue angle of 196.1 degrees, a saturation of 61.7% and a lightness of 46.1%. #2d97be color hex could be obtained by blending #5affff with #002f7d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 59
- B 75
RGB color chart
- C 76
- M 21
- Y 0
- K 25
CMYK color chart

● #2d97be color description : Strong blue.

The hexadecimal color #2d97be has RGB values of R:45, G:151, B:190 and CMYK values of C:0.76, M:0.21, Y:0, K:0.25. Its decimal value is 2987966.

Hex triplet	2d97be	`#2d97be`
RGB Decimal	45, 151, 190	`rgb(45,151,190)`
RGB Percent	17.6, 59.2, 74.5	`rgb(17.6%,59.2%,74.5%)`
CMYK	76, 21, 0, 25
HSL	196.1°, 61.7, 46.1	`hsl(196.1,61.7%,46.1%)`
HSV (or HSB)	196.1°, 76.3, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.421, -16.411, -28.696
XYZ	21.441, 26.407, 52.679
xyY	0.213, 0.263, 26.407
CIE-LCH	58.421, 33.057, 240.236
CIE-LUV	58.421, -37.092, -42.097
Hunter-Lab	51.388, -15.452, -24.809
Binary	00101101, 10010111, 10111110

#2d97be
```
#2d97be rgb(45,151,190)
```
#be542d
```
#be542d rgb(190,84,45)
```

Complementary Color

#2dbe9d
```
#2dbe9d rgb(45,190,157)
```
#2d97be
```
#2d97be rgb(45,151,190)
```
#2d4ebe
```
#2d4ebe rgb(45,78,190)
```

Analogous Color

#be9d2d
```
#be9d2d rgb(190,157,45)
```
#2d97be
```
#2d97be rgb(45,151,190)
```
#be2d4e
```
#be2d4e rgb(190,45,78)
```

Split Complementary Color

#97be2d
```
#97be2d rgb(151,190,45)
```
#2d97be
```
#2d97be rgb(45,151,190)
```
#be2d97
```
#be2d97 rgb(190,45,151)
```

Triadic Color

#2dbe54
```
#2dbe54 rgb(45,190,84)
```
#2d97be
```
#2d97be rgb(45,151,190)
```
#be2d97
```
#be2d97 rgb(190,45,151)
```
#be542d
```
#be542d rgb(190,84,45)
```

Tetradic Color

#1e6680
```
#1e6680 rgb(30,102,128)
```
#237695
```
#237695 rgb(35,118,149)
```
#2887a9
```
#2887a9 rgb(40,135,169)
```
#2d97be
```
#2d97be rgb(45,151,190)
```
#35a6cf
```
#35a6cf rgb(53,166,207)
```
#4aafd4
```
#4aafd4 rgb(74,175,212)
```
#5fb8d9
```
#5fb8d9 rgb(95,184,217)
```

Monochromatic Color

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

#2dbbbe
```
#2dbbbe rgb(45,187,190)
```
#2dafbe
```
#2dafbe rgb(45,175,190)
```
#2da3be
```
#2da3be rgb(45,163,190)
```
#2d97be
```
#2d97be rgb(45,151,190)
```
#2d8bbe
```
#2d8bbe rgb(45,139,190)
```
#2d7fbe
```
#2d7fbe rgb(45,127,190)
```
#2d73be
```
#2d73be rgb(45,115,190)
```

Similar Colors

Text with hexadecimal color #2d97be

This text has a font color of #2d97be.

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

#2d97be background color

This paragraph has a background color of #2d97be.

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

#2d97be border color

This element has a border color of #2d97be.

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

CSS codes

.text {color:#2d97be;}

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

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

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, #040c10 is the darkest color, while #ffffff is the lightest one.

#040c10
```
#040c10 rgb(4,12,16)
```
#07191f
```
#07191f rgb(7,25,31)
```
#0b262f
```
#0b262f rgb(11,38,47)
```
#0f323f
```
#0f323f rgb(15,50,63)
```
#133f4f
```
#133f4f rgb(19,63,79)
```
#164b5f
```
#164b5f rgb(22,75,95)
```
#1a586f
```
#1a586f rgb(26,88,111)
```
#1e657f
```
#1e657f rgb(30,101,127)
```
#22718e
```
#22718e rgb(34,113,142)
```
#257e9e
```
#257e9e rgb(37,126,158)
```
#298aae
```
#298aae rgb(41,138,174)
```
#2d97be
```
#2d97be rgb(45,151,190)
```
#31a4ce
```
#31a4ce rgb(49,164,206)
```

Shade Color Variation

#40abd2
```
#40abd2 rgb(64,171,210)
```
#50b2d6
```
#50b2d6 rgb(80,178,214)
```
#60b9d9
```
#60b9d9 rgb(96,185,217)
```
#70c0dd
```
#70c0dd rgb(112,192,221)
```
#80c7e1
```
#80c7e1 rgb(128,199,225)
```
#90cee5
```
#90cee5 rgb(144,206,229)
```
#a0d5e8
```
#a0d5e8 rgb(160,213,232)
```
#afdcec
```
#afdcec rgb(175,220,236)
```
#bfe3f0
```
#bfe3f0 rgb(191,227,240)
```
#cfeaf4
```
#cfeaf4 rgb(207,234,244)
```
#dff1f7
```
#dff1f7 rgb(223,241,247)
```
#eff8fb
```
#eff8fb rgb(239,248,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757676 is the less saturated color, while #09a8e2 is the most saturated one.

#757676
```
#757676 rgb(117,118,118)
```
#6c7a7f
```
#6c7a7f rgb(108,122,127)
```
#637e88
```
#637e88 rgb(99,126,136)
```
#5a8291
```
#5a8291 rgb(90,130,145)
```
#51869a
```
#51869a rgb(81,134,154)
```
#488aa3
```
#488aa3 rgb(72,138,163)
```
#3f8fac
```
#3f8fac rgb(63,143,172)
```
#3693b5
```
#3693b5 rgb(54,147,181)
```
#2d97be
```
#2d97be rgb(45,151,190)
```
#249bc7
```
#249bc7 rgb(36,155,199)
```
#1b9fd0
```
#1b9fd0 rgb(27,159,208)
```
#12a4d9
```
#12a4d9 rgb(18,164,217)
```
#09a8e2
```
#09a8e2 rgb(9,168,226)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6c8189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8690b9 Protanopia 1% of men
#7f90c5 Deuteranopia 1% of men
#1aa0ac Tritanopia 0.001% of the population

Trichromacy

#6693bb Protanomaly 1% of men, 0.01% of women
#6193c3 Deuteranomaly 6% of men, 0.4% of women
#209cb2 Tritanomaly 0.01% of the population

#2d97be hex color

#2d97be Color Information

#2d97be Color Conversion

Color Schemes with #2d97be

Alternatives to #2d97be

#2d97be Preview

Shades and Tints of #2d97be

Tones of #2d97be

Color Blindness Simulator